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

package/dist/cjs/components/side-panel/SidePanel.d.cts

@@ -1,152 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const sidePanel: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface SidePanelProps extends PropsWithChildren<VariantProps<typeof sidePanel>> {
-    /**
-     * Controls whether the panel can be dismissed by clicking outside or using escape key.
-     * @default true
-     */
-    isDismissable?: boolean;
-    /**
-     * When true, pressing the Escape key will not close the panel.
-     * This is useful when you need to prevent accidental dismissal.
-     * @default false
-     */
-    isKeyboardDismissDisabled?: boolean;
-    /**
-     * Controls the open state of the panel in controlled mode.
-     * Must be used together with `onOpenChange`.
-     */
-    isOpen?: boolean;
-    /**
-     * Sets the initial open state in uncontrolled mode.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Callback fired when the open state changes.
-     * Required when using controlled mode with `isOpen`.
-     */
-    onOpenChange?: (isOpen: boolean) => void;
-}
-/**
- * The SidePanel component provides contextual space for supplementary content without fully
- * interrupting the user's workflow. It slides in from the right on desktop and from the bottom on mobile.
- *
- * You can use SidePanel to display detailed information, forms, or secondary actions while keeping
- * the main interface visible and accessible. It's ideal for multi-step processes, editing items in a list,
- * or displaying contextual details.
- *
- * Control the panel using either uncontrolled mode with `defaultOpen` or controlled mode with
- * `isOpen`/`onOpenChange` props. Customize dismissal behavior with `isDismissable` and
- * `isKeyboardDismissDisabled` props.
- * @param {SidePanelProps} props - The props for the SidePanel component
- * @see {@link SidePanelProps} for all available props
- * @example
- * ```tsx
- * import {
- *   SidePanel,
- *   SidePanelHeader,
- *   SidePanelContent,
- *   SidePanelFooter,
- *   Button
- * } from '@payfit/unity-components'
- *
- * // Uncontrolled example
- * function BasicExample() {
- *   return (
- *     <DialogTrigger>
- *       <Button>Open panel</Button>
- *       <SidePanel>
- *         <SidePanelHeader>Panel title</SidePanelHeader>
- *         <SidePanelContent>Your content here</SidePanelContent>
- *         <SidePanelFooter>
- *           <Button variant="secondary">Cancel</Button>
- *           <Button variant="primary">Save</Button>
- *         </SidePanelFooter>
- *       </SidePanel>
- *     </DialogTrigger>
- *   )
- * }
- *
- * // Controlled example
- * function ControlledExample() {
- *   const [isOpen, setIsOpen] = useState(false)
- *
- *   return (
- *     <>
- *       <Button onPress={() => setIsOpen(true)}>Open panel</Button>
- *
- *       <SidePanel isOpen={isOpen} onOpenChange={setIsOpen}>
- *         <SidePanelHeader>Panel title</SidePanelHeader>
- *         <SidePanelContent>Your content here</SidePanelContent>
- *         <SidePanelFooter>
- *           <Button
- *             variant="primary"
- *             onPress={() => setIsOpen(false)}
- *           >
- *             Close
- *           </Button>
- *         </SidePanelFooter>
- *       </SidePanel>
- *     </>
- *   )
- * }
- * ```
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
- */
-declare const SidePanel: import('react').ForwardRefExoticComponent<SidePanelProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SidePanel };

package/dist/cjs/components/side-panel/parts/SidePanelContent.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),i=require("tailwind-variants"),n=i.tv({slots:{base:["uy-bg-surface-neutral","uy-flex uy-flex-col uy-flex-1 uy-min-h-0 uy-overflow-hidden","uy-w-full"],scroller:["uy-flex-1 uy-overflow-y-auto uy-overflow-x-hidden uy-p-300","uy-h-full uy-min-h-0"]}}),t=a.forwardRef(({children:l,...o},s)=>{const{base:u,scroller:r}=n();return e.jsx("section",{ref:s,className:u(),...o,children:e.jsx("div",{className:r(),children:l})})});t.displayName="SidePanelContent";exports.SidePanelContent=t;exports.sidePanelContent=n;

package/dist/cjs/components/side-panel/parts/SidePanelContent.d.cts

@@ -1,71 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const sidePanelContent: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    scroller: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    scroller: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string[];
-    scroller: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            scroller?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface SidePanelContentProps extends PropsWithChildren<VariantProps<typeof sidePanelContent>> {
-    className?: string;
-}
-/**
- * The `SidePanelContent` component renders the main content area of a side panel.
- * It takes up the majority of the space between the header and footer components
- * and adjusts for both mobile (bottom sheet) and desktop (side panel) views.
- * The content is scrollable when it exceeds the available space.
- * @component
- * @param {SidePanelContentProps} props - The props for the `SidePanelContent` component
- * @example
- * ```tsx
- * import { SidePanelContent } from '@payfit/unity-components'
- *
- * <SidePanelContent>
- *   Your panel content here
- * </SidePanelContent>
- * ```
- * @see {@link SidePanelContentProps} for all available props
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
- */
-declare const SidePanelContent: import('react').ForwardRefExoticComponent<SidePanelContentProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SidePanelContent };

package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react"),v=require("@use-gesture/react"),P=require("react-aria-components"),S=require("tailwind-variants"),h=require("../../../hooks/use-breakpoint-listener.cjs"),c=S.tv({slots:{base:["md:uy-hidden uy-mx-auto uy-pt-300 uy-w-500","uy-cursor-grab uy-touch-action-none"],indicator:"uy-h-50 uy-rounded-pill uy-bg-content-neutral-lowest"}}),q=100;function l(){const n=o.useRef(null),r=o.useContext(P.OverlayTriggerStateContext),s=h.useBreakpointListener(),{base:u,indicator:d}=c(),y=s==="xs"||s==="sm",m=v.useDrag(f=>{var a;const{movement:[I,t],direction:[R,g],intentional:p,cancel:x,last:D,event:b}=f;if(!y){x();return}b.preventDefault();const e=(a=n.current)==null?void 0:a.closest("[data-unity-side-panel]");if(e){if(t<0){e.style.transform="translate3d(0, 0, 0)";return}e.style.transform=`translate3d(0, ${t}px, 0)`,e.style.transition="none",D&&p&&(t>q||g>0?r&&setTimeout(()=>{r.close()},50):(e.style.transform="translate3d(0, 0, 0)",e.style.transition="transform 0.3s ease"))}},{axis:"y",filterTaps:!0,threshold:5});return i.jsx("div",{className:u(),"aria-hidden":"true",ref:n,...m(),children:i.jsx("div",{className:d()})})}l.displayName="SidePanelDragIndicator";exports.SidePanelDragIndicator=l;exports.sidePanelDragIndicator=c;

package/dist/cjs/components/side-panel/parts/SidePanelDragIndicator.d.cts

@@ -1,54 +0,0 @@
-export declare const sidePanelDragIndicator: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    indicator: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    indicator: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string[];
-    indicator: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            base?: import('tailwind-merge').ClassNameValue;
-            indicator?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-/**
- * A drag indicator component that connects to the overlay state context and
- * provides swipe-to-dismiss functionality for the SidePanel.
- * @internal
- */
-export declare function SidePanelDragIndicator(): import("react/jsx-runtime").JSX.Element;
-export declare namespace SidePanelDragIndicator {
-    var displayName: string;
-}

package/dist/cjs/components/side-panel/parts/SidePanelFooter.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),y=require("react"),n=require("tailwind-variants"),e=n.tv({base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-items-center uy-justify-end uy-gap-100 uy-shrink-0","uy-bg-surface-neutral uy-rounded-bl-200 uy-rounded-br-200 uy-border-t uy-border-solid uy-border-t-solid uy-border-border-neutral","uy-sticky uy-bottom-0 uy-z-10","uy-mt-auto","uy-pb-[max(env(safe-area-inset-bottom),var(--uy-spacing-200))] md:uy-pb-200"]}),r=y.forwardRef(({children:t,...u},o)=>a.jsx("footer",{ref:o,className:e(),...u,children:t}));r.displayName="SidePanelFooter";exports.SidePanelFooter=r;exports.sidePanelFooter=e;

package/dist/cjs/components/side-panel/parts/SidePanelFooter.d.cts

@@ -1,27 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const sidePanelFooter: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, string[], import('tailwind-variants/dist/config.js').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export interface SidePanelFooterProps extends PropsWithChildren<VariantProps<typeof sidePanelFooter>> {
-    className?: string;
-}
-/**
- * The `SidePanelFooter` component renders the footer section of a side panel.
- * It provides a space for action buttons and stays fixed at the bottom of the panel.
- * On mobile devices, it respects the safe area to avoid being obscured by device UI elements.
- * @component
- * @param {SidePanelFooterProps} props - The props for the `SidePanelFooter` component
- * @example
- * ```tsx
- * import { SidePanelFooter, Button } from '@payfit/unity-components'
- *
- * <SidePanelFooter>
- *   <Button variant="secondary">Cancel</Button>
- *   <Button>Save</Button>
- * </SidePanelFooter>
- * ```
- * @see {@link SidePanelFooterProps} for all available props
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
- */
-declare const SidePanelFooter: import('react').ForwardRefExoticComponent<SidePanelFooterProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SidePanelFooter };

package/dist/cjs/components/side-panel/parts/SidePanelHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),c=require("react-aria-components"),y=require("tailwind-variants"),d=require("../../icon-button/CircularIconButton.cjs"),t=y.tv({slots:{base:["uy-py-200 uy-px-300 uy-w-full","uy-flex uy-flex-col uy-shrink-0","uy-bg-surface-neutral uy-rounded-tl-200 uy-rounded-tr-200 uy-shadow-raising","uy-sticky uy-top-0 uy-z-10"],content:["uy-flex uy-items-center uy-justify-between uy-w-full"],heading:["uy-typography-h2 md:uy-typography-h3 uy-text-content-neutral uy-truncate"]}}),n=i.forwardRef(({children:r,...u},a)=>{const{base:s,content:l,heading:o}=t();return e.jsx("header",{ref:a,className:s(),...u,children:e.jsxs("div",{className:l(),children:[e.jsx(c.Heading,{slot:"title",className:o(),children:r}),e.jsx(d.CircularIconButton,{asElement:"button",slot:"close",icon:"CloseOutlined",title:"Close",size:"large",color:"content.neutral.low"})]})})});n.displayName="SidePanelHeader";exports.SidePanelHeader=n;exports.sidePanelHeader=t;

package/dist/cjs/components/side-panel/parts/SidePanelHeader.d.cts

@@ -1,75 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const sidePanelHeader: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    content: string[];
-    heading: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    base: string[];
-    content: string[];
-    heading: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
-    base: string[];
-    content: string[];
-    heading: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            heading?: import('tailwind-merge').ClassNameValue;
-            base?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-export interface SidePanelHeaderProps extends PropsWithChildren<VariantProps<typeof sidePanelHeader>> {
-    className?: string;
-}
-/**
- * The `SidePanelHeader` component renders the header section of a side panel.
- * It includes a title and close button, and on mobile it displays a drag handle for bottom sheet interaction.
- * @component
- * @param {SidePanelHeaderProps} props - The props for the `SidePanelHeader` component
- * @example
- * ```tsx
- * import { SidePanelHeader } from '@payfit/unity-components'
- *
- * <SidePanelHeader>Title of the panel</SidePanelHeader>
- * ```
- * @see {@link SidePanelHeaderProps} for all available props
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-sidepanel--docs) • [Design Docs](https://www.payfit.design/24f360409/p/21bfe4-side-panel)
- */
-declare const SidePanelHeader: import('react').ForwardRefExoticComponent<SidePanelHeaderProps & import('react').RefAttributes<HTMLDivElement>>;
-export { SidePanelHeader };

package/dist/cjs/components/spinner/Spinner.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),p=require("tailwind-variants"),m=require("../../hooks/use-id.cjs"),x=p.tv({slots:{base:"uy-flex uy-flex-col uy-items-center uy-gap-200",indicator:"",label:"uy-typography-body uy-text-left uy-truncate"},variants:{size:{small:{indicator:"uy-w-200 uy-h-200",label:"uy-hidden"},medium:{indicator:"uy-w-300 uy-h-300"}},color:{primary:{indicator:"uy-text-content-primary"},inverted:{indicator:"uy-text-content-inverted",label:"uy-text-content-inverted"},inherit:{indicator:""}}},defaultVariants:{size:"small",color:"primary"}});function n({label:a,color:s,size:i,role:t="status",...l},c){const r=`uy-spinner-label-${m()}`,{base:o,indicator:d,label:u}=x({size:i,color:s});return e.jsxs("div",{...l,ref:c,role:t,className:o(),"aria-labelledby":t==="status"?r:void 0,"aria-live":"polite","data-dd-privacy":"allow",children:[e.jsxs("svg",{viewBox:"0 0 100 100","aria-hidden":"true",className:d(),children:[e.jsx("title",{children:"Loading"}),e.jsx("circle",{cx:"50",cy:"50",r:"45",fill:"none",stroke:"currentColor",style:{"--r":"45px","--1deg":"calc(2 * pi * var(--r) / 360)",strokeWidth:"9.6px",shapeRendering:"geometricPrecision",strokeDasharray:"calc(40 * var(--1deg)) calc(80 * var(--1deg))",transformOrigin:"50% 50%",animation:"arc-shrink 1.4s ease-in-out infinite, spin 2s linear infinite"}})]}),e.jsx("span",{id:r,className:u(),"aria-hidden":i!=="small",children:a})]})}n.displayName="Spinner";const h=y.forwardRef(n);exports.Spinner=h;

package/dist/cjs/components/spinner/Spinner.d.cts

@@ -1,17 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type SpinnerProps = Pick<HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'role'> & {
-    /** The label text for the spinner */
-    label: string;
-    /** The size of the spinner, can be 'small' for 16px size or 'medium' for 24px size */
-    size: 'small' | 'medium';
-    /** Te spinner's color, can be 'primary', 'inverted', or 'inherit', which will make it take the element's `currentColor` */
-    color?: 'primary' | 'inverted' | 'inherit';
-};
-export declare const Spinner: import('react').ForwardRefExoticComponent<Pick<HTMLAttributes<HTMLDivElement>, "role" | "aria-hidden"> & {
-    /** The label text for the spinner */
-    label: string;
-    /** The size of the spinner, can be 'small' for 16px size or 'medium' for 24px size */
-    size: "small" | "medium";
-    /** Te spinner's color, can be 'primary', 'inverted', or 'inherit', which will make it take the element's `currentColor` */
-    color?: "primary" | "inverted" | "inherit";
-} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/cjs/components/spinner/dynamic-content.d.cts

@@ -1,2 +0,0 @@
-declare const DynamicContent: () => import("react/jsx-runtime").JSX.Element;
-export default DynamicContent;

package/dist/cjs/components/stepper/Stepper.context.d.cts

@@ -1,8 +0,0 @@
-import { PropsWithChildren } from 'react';
-interface StepperContextValue {
-    currentStep: number;
-}
-export declare const StepperContext: import('react').Context<StepperContextValue>;
-export declare function StepperProvider({ children, currentStep, }: PropsWithChildren<StepperContextValue>): import("react/jsx-runtime").JSX.Element;
-export declare function useStepperContext(): StepperContextValue;
-export {};

package/dist/cjs/components/table/Table.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),R=require("tailwind-variants"),V=require("usehooks-ts"),j=require("./Table.context.cjs"),q=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=q(s),H=R.tv({slots:{root:"uy-w-full uy-border uy-border-solid uy-border-border-neutral-enabled uy-rounded-100 uy-overflow-hidden",scroller:["uy-relative uy-flex uy-flex-col","uy-min-h-[var(--uy-table-min-rows)] uy-max-h-[var(--uy-table-max-rows)]","uy-w-full"]}}),N=s.forwardRef(({minRows:e=10,maxRows:d=50,children:l},o)=>{const{root:u,scroller:y}=H();return t.jsx("div",{ref:o,className:u(),"data-unity-slot":"table-root",children:t.jsx("div",{className:y(),"data-unity-slot":"table-scroller",style:{"--uy-table-min-rows":`calc(var(--uy-spacing-600) * ${e})`,"--uy-table-max-rows":`calc(var(--uy-spacing-600) * ${d})`},children:l})})});N.displayName="TableRoot";const D=R.tv({slots:{wrapper:["uy-flex-1 uy-h-full uy-bg-surface-neutral","uy-overflow-auto","uy-w-full"],table:["uy-min-w-full","uy-w-max","uy-text-left uy-typography-body uy-text-content-neutral uy-border-collapse","focus:uy-outline-2 focus:uy-outline-utility-focus-ring focus:uy-outline-offset-[-2px]"]}}),k=s.forwardRef((e,d)=>{const{children:l,label:o,description:u,...y}=e,i=s.useRef(null),{height:p=0}=V.useResizeObserver({ref:i,box:"border-box"}),{rowCount:r,columnCount:f}=s.useMemo(()=>{let b=0,m=0;return n.default.Children.forEach(l,h=>{if(!n.default.isValidElement(h))return;const c=n.default.Children.toArray(h.props.children).filter(a=>n.default.isValidElement(a));m+=c.length,c.forEach(a=>{if(!n.default.isValidElement(a))return;const w=n.default.Children.toArray(a.props.children).filter(x=>n.default.isValidElement(x));b=Math.max(b,w.length)})}),{rowCount:m,columnCount:b}},[l]);return s.useImperativeHandle(d,()=>({scrollToTop:()=>{i.current&&i.current.scrollTo({top:0,behavior:"smooth"})}})),t.jsx(j.TableContextProvider,{rowCount:r,columnCount:f,children:t.jsx(E,{scrollContainerRef:i,containerHeight:p,rowCount:r,columnCount:f,label:o,description:u,...y,children:l})})});k.displayName="Table";const E=e=>{var T,g,C;const{children:d,label:l,description:o,scrollContainerRef:u,containerHeight:y,rowCount:i,columnCount:p,onKeyDown:r,...f}=e,{wrapper:b,table:m}=D(),{keyboardNavigation:h}=j.useTableContext(),{tableRef:c,handleTableKeyDown:a}=h,w=s.useCallback(v=>{v.key!=="Tab"&&(a(v),r==null||r(v))},[a,r]),x=(((T=u.current)==null?void 0:T.scrollHeight)??0)>Math.floor(y);return t.jsxs("div",{className:b(),ref:u,style:{"--uy-table-is-scrollable":x?"1":"0"},children:[t.jsxs("table",{ref:c,className:m(),role:"grid","aria-rowcount":i,"aria-colcount":p,"aria-label":l,"aria-describedby":o?`table-desc-${(g=c.current)==null?void 0:g.id}`:void 0,onKeyDown:w,...f,children:[d,o&&t.jsx("caption",{id:`table-desc-${(C=c.current)==null?void 0:C.id}`,className:"uy-sr-only",children:o})]}),t.jsx("div",{className:"uy-sr-only","aria-live":"polite",children:"Table navigation: Use arrow keys to move between cells. Tab key exits the table. Home and End keys navigate to the first and last cell in a row. Page Up and Page Down move between rows."})]})};E.displayName="TableContent";exports.Table=k;exports.TableRoot=N;

package/dist/cjs/components/table/Table.context.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),o=require("react"),r=require("./hooks/useTableKeyboardNavigation.cjs"),i={focusedCell:{rowIndex:0,colIndex:0},isCellFocused:()=>!1,handleCellKeyDown:()=>{},handleTableKeyDown:()=>{},handleTableFocus:()=>{},handleCellFocus:()=>{},tableRef:{current:null},focusCell:()=>{},focusRow:()=>{}},d={rowCount:0,columnCount:0,keyboardNavigation:i},e=o.createContext(d);function s(){return o.useContext(e)}function c({children:t,...n}){const a=r.useTableKeyboardNavigation(),l={...n,keyboardNavigation:a};return u.jsx(e.Provider,{value:l,children:t})}exports.TableContext=e;exports.TableContextProvider=c;exports.useTableContext=s;

package/dist/cjs/components/table/Table.context.d.cts

@@ -1,59 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-import { CellPosition } from './hooks/useTableKeyboardNavigation.cjs';
-interface TableKeyboardNavigationContextValue {
-    /** The currently focused cell position */
-    focusedCell: CellPosition;
-    /** Check if a specific cell is currently focused */
-    isCellFocused: (rowIndex: number, colIndex: number) => boolean;
-    /** Handle keyboard events on table cells */
-    handleCellKeyDown: (e: React.KeyboardEvent<HTMLTableCellElement>) => void;
-    /** Handle keyboard events on the table element */
-    handleTableKeyDown: (e: React.KeyboardEvent<HTMLTableElement>) => void;
-    /** Handle focus events on the table element */
-    handleTableFocus: (e: React.FocusEvent<HTMLTableElement>) => void;
-    /** Handle focus events on table cells */
-    handleCellFocus: (e: React.FocusEvent<HTMLTableCellElement>) => void;
-    /** Reference to the table element */
-    tableRef: React.RefObject<HTMLTableElement>;
-    /** Focus a specific cell by its row and column indices */
-    focusCell: (rowIndex: number, colIndex: number) => void;
-    /** Focus a specific row by its index */
-    focusRow: (rowIndex: number) => void;
-}
-interface TableContextValue {
-    /** The total number of rows in the table */
-    rowCount: number;
-    /** The total number of columns in the table */
-    columnCount: number;
-    /** Keyboard navigation functionality */
-    keyboardNavigation: TableKeyboardNavigationContextValue;
-}
-/**
- * React context for the table component.
- */
-export declare const TableContext: React.Context<TableContextValue>;
-/**
- * Hook to access the table context.
- * @example
- * ```tsx
- * const { rowCount, columnCount, keyboardNavigation } = useTableContext()
- * ```
- */
-export declare function useTableContext(): TableContextValue;
-/**
- * Provider component for the table context.
- * This component initializes the keyboard navigation and provides it to all table components.
- * @param props - The TableContext props
- * @param props.rowCount - The total number of rows in the table
- * @param props.columnCount - The total number of columns in the table
- * @param props.children - The children to render
- * @see {@link TableContextValue} for available props
- * @example
- * ```tsx
- * <TableContextProvider rowCount={10} columnCount={5}>
- *   <Table>...</Table>
- * </TableContextProvider>
- * ```
- */
-export declare function TableContextProvider({ children, ...props }: PropsWithChildren<Omit<TableContextValue, 'keyboardNavigation'>>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/cjs/components/table/Table.d.cts

@@ -1,93 +0,0 @@
-import { default as React, PropsWithChildren } from 'react';
-export interface TableRootProps extends PropsWithChildren {
-    /**
-     * The minimum number of rows to display, affecting the minimum height
-     */
-    minRows?: number;
-    /**
-     * The maximum number of rows to display, affecting the maximum height
-     */
-    maxRows?: number;
-}
-/**
- * @component
- * The `TableRoot` component serves as the container for the table and its pagination controls.
- * It provides styling and layout for the table, including min and max height constraints.
- * @param {TableRootProps} props - The props for the `TableRoot` component
- * @param {number} [props.minRows=10] - The minimum number of rows to display, affecting the minimum height
- * @param {number} [props.maxRows=50] - The maximum number of rows to display, affecting the maximum height
- * @param {ReactNode} props.children - The table and pagination components
- * @example
- * ```tsx
- * import { TableRoot, Table } from '@payfit/unity-components'
- *
- * <TableRoot minRows={5} maxRows={20}>
- *   <Table>
- *     <TableHeader>...</TableHeader>
- *     <TableBody>...</TableBody>
- *   </Table>
- *   <TablePagination pageCount={5} rowCount={100} rowsPerPage={20} currentPage={1} />
- * </TableRoot>
- * ```
- * @see {@link TableRootProps} for all available props
- * @see {@link Table} for the table component
- * @see {@link TablePagination} for the pagination component
- */
-declare const TableRoot: React.ForwardRefExoticComponent<TableRootProps & React.RefAttributes<HTMLDivElement>>;
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
-    /**
-     * The label for the table. This is used for accessibility purposes.
-     */
-    label?: string;
-    /**
-     * The description for the table. This is used for accessibility purposes.
-     * ```
-     */
-    description?: string;
-}
-export interface TableImperativeHandler {
-    /**
-     * Scrolls the table contents to the top.
-     */
-    scrollToTop: () => void;
-}
-/**
- * The `Table` component provides a fully accessible, keyboard-navigable data table with support for row and column headers,
- * pagination, and empty states. It follows WAI-ARIA grid pattern for accessibility.
- * @param {TableProps} props - The props for the `Table` component
- * @example
- * ```tsx
- * import { Table, TableRoot, TableHeader, TableBody, TableRow, TableCell, TableColumnHeader } from '@payfit/unity-components'
- *
- * <TableRoot>
- *   <Table label="Employee data" description="List of employees with their details">
- *     <TableHeader>
- *       <TableColumnHeader>Name</TableColumnHeader>
- *       <TableColumnHeader>Position</TableColumnHeader>
- *       <TableColumnHeader>Department</TableColumnHeader>
- *     </TableHeader>
- *     <TableBody>
- *       <TableRow>
- *         <TableCell isRowHeader>John Doe</TableCell>
- *         <TableCell>Developer</TableCell>
- *         <TableCell>Engineering</TableCell>
- *       </TableRow>
- *     </TableBody>
- *   </Table>
- * </TableRoot>
- * ```
- * @see {@link TableProps} for all available props
- * @see {@link TableRoot} for the container component
- * @see {@link TableHeader} for the header component
- * @see {@link TableBody} for the body component
- * @see {@link TableRow} for the row component
- * @see {@link TableCell} for the cell component
- * @see {@link TableColumnHeader} for the column header component
- * @see {@link TablePagination} for the pagination component
- * @see {@link TableEmptyState} for the empty state component
- * @remarks
- * {@link https://unity-components.payfit.io/?path=/story/data-table--default|API and Demos} •
- * {@link https://payfit.design|Design docs}
- */
-declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<TableImperativeHandler>>;
-export { Table, TableRoot };

package/dist/cjs/components/table/assets/EmptyStateError.svg.cjs

@@ -1 +0,0 @@
-"use strict";const d=require("react");function n(l){if(l&&typeof l=="object"&&"default"in l)return l;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const e in l)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(l,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>l[e]})}}return a.default=l,Object.freeze(a)}const c=n(d),i=l=>c.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 490 430",width:80,height:80,...l},c.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M92.7 74.6v.8c-.3 3.1-.6 11.1-1 22.7a2.6 2.6 0 0 1-5.3-.2 1098.8 1098.8 0 0 1 1-23.8v-.4h-.2a16 16 0 0 0-6.3 4.1c-2.3 2.3-3.9 5-4 7.6L76 98.2a2.6 2.6 0 1 1-5.3-.3l.8-12.9c.2-4.4 2.8-8.2 5.5-11 2.8-2.7 6.2-4.7 8.8-5.4a9 9 0 0 1 3.2-.4 4 4 0 0 1 3.2 2c.5 1 .5 2.1.5 2.8l-.1 1.6Zm-5.2-2.2Zm-15.8 71.5c1.5 0 2.6 1.3 2.6 2.7l-1 40.3a2.6 2.6 0 1 1-5.3 0l1-40.4c0-1.5 1.3-2.6 2.7-2.6Zm16 0c1.4 0 2.5 1.3 2.5 2.7L90 153l-1 34a2.6 2.6 0 0 1-5.2-.2l1-34 .1-6.3c0-1.5 1.3-2.6 2.7-2.6Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#4A94E8",d:"M85.3 231.6c1.5 0 2.7 1.2 2.6 2.7-.9 40.4-1.5 76.1-1.7 108.6L83 355.3c-1.7 0-2-5.6-2-7 0-34 .7-71.5 1.6-114.2 0-1.4 1.3-2.6 2.7-2.5Zm-15.4 0c1.5 0 2.6 1.2 2.6 2.6-.6 40.4-.9 79.4-1 114 0 .7-.2 1.3-.6 1.8l-4.6-6c0-33.5.4-71 1-109.8 0-1.5 1.1-2.7 2.6-2.6Z"}),c.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M419.4 72.5a11 11 0 0 1 4.5 8.8l-.8 18a2.6 2.6 0 0 1-5.3-.2l.9-18c0-1.7-1-3.3-2.5-4.4a6 6 0 0 0-4.8-1.2c-.8.2-1.2.4-1.4.7-.2.2-.5.6-.7 1.4a24 24 0 0 0-.6 5.7l-.2 2-.8 14a2.6 2.6 0 0 1-5.2-.2 597.7 597.7 0 0 1 .9-15.8c.1-2.7.3-5.2.8-7.2.4-1.3 1-2.5 2-3.6a8 8 0 0 1 4-2.2c3.2-.8 6.7.3 9.2 2.2Zm-.5 72.6c1.5 0 2.6 1.2 2.6 2.7a8469 8469 0 0 0-1.2 43.2 2.6 2.6 0 0 1-5.3-.1l1.2-43.3c0-1.4 1.3-2.6 2.7-2.5Zm-15.2 0c1.5 0 2.6 1.2 2.6 2.7-.3 13.3-.5 27.8-.6 43.2a2.6 2.6 0 1 1-5.3 0l.6-43.3c0-1.5 1.2-2.7 2.7-2.6Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#4A94E8",d:"M402.5 235.6c1.5 0 2.6 1.3 2.6 2.7-.4 38-.8 75.9-1.8 117l-5-8c.8-37.4 1.2-74.5 1.5-109 0-1.5 1.3-2.7 2.7-2.7Zm11.5 2.6a2.6 2.6 0 1 1 5.2.1c-.6 34.1-1.1 70.4-1.3 105.3l-5.3 7.3c.1-37.2.6-76.2 1.3-112.7Z"}),c.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M13.5 102.8a205 205 0 0 0 2.7 18.4 799 799 0 0 0 4 20.4c131.9 4.4 357.1 4.3 453.7 3.8h1.1a22.9 22.9 0 0 0 2-.1l.1-1.2-.6-2.7-2-4.8a319 319 0 0 0-17.3-29.8c-1.2-1.7-2-2.7-2.7-3.3a3 3 0 0 0-.7-.5l-.2-.1v-2.6 2.6h-4a28513 28513 0 0 0-183.5-1.9c-97.6-.6-206-.6-252.6 1.8Zm440.1-5.2h-4a17470.1 17470.1 0 0 0-52.4-.7l-131-1.2c-99.5-.6-210.3-.6-255.6 2a2.6 2.6 0 0 0-2.5 2.6c0 4.2 1.3 13 2.9 21.8 1.6 8.8 3.4 17.8 4.4 22.6.3 1.2 1.3 2 2.5 2 131.7 4.5 359 4.5 456 4h2.2c.8 0 1.8-.1 2.8-.5a5 5 0 0 0 2.7-2.3c.6-1 .8-2.4.8-3.8a41.4 41.4 0 0 0-3.1-9.7 322.5 322.5 0 0 0-17.8-30.6 26 26 0 0 0-3.5-4.2 6.3 6.3 0 0 0-4.4-2Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M197.5 97c10 .2 20 .4 26.7.4a2.6 2.6 0 0 1 2.4 3.8L204.4 146c-.5.9-1.4 1.4-2.4 1.4-7.6 0-18.5-.3-29.3-.6h-2c-10.2-.3-20-.6-27-.6a2.6 2.6 0 0 1-2.3-4L166.6 98c.4-.8 1.3-1.3 2.3-1.3l27.6.4h1Zm-89.2 1c.5.8.4 1.8 0 2.6L80 145c-.5.8-1.4 1.3-2.3 1.3-7.3-.2-21.8-.9-35.1-1.5l-24.6-1a2.6 2.6 0 0 1-2-4.3l31.6-40.8c.4-.7 1.2-1 2-1 10.4-.3 43.8-.9 56.4-1 1 0 1.8.5 2.3 1.3Zm190.4.4c.5-.8 1.3-1.3 2.3-1.3 6.7 0 18.8.4 30.8.7h1.3l28.6.8a2.6 2.6 0 0 1 2.4 3.8l-22.8 44.7c-.5.9-1.4 1.4-2.4 1.4-7 0-19.8-.3-32.6-.6h-.5c-12.6-.4-25.2-.7-32.3-.7a2.6 2.6 0 0 1-2.3-4l27.5-44.8Zm115.6 1.1c.5-.8 1.3-1.3 2.3-1.3a18006.8 18006.8 0 0 1 30.5.4h1.7c3.3 0 12 2 16.1 12.2.2.6.3 1.3 0 2L451.2 148c-.4 1-1.3 1.7-2.4 1.7H390a2.6 2.6 0 0 1-2.3-4l26.5-46.2ZM254 190.6c-100-1.4-204.7-1.8-231.1.9h-.1c-2.4.1-4 1-5.3 2.1-1.3 1.3-2.3 3-3 5.4a53.5 53.5 0 0 0-1.5 16.8v4.3l.1 3.3c.1 2 .3 3.2.5 4 .2.6.4.8.8 1a9 9 0 0 0 3.6.7c13.3 1 117.9 3 220.4 4.4a33772.5 33772.5 0 0 0 201 2.1 258.5 258.5 0 0 0 4.1 0v-.3l1-4.8v-.7a254.8 254.8 0 0 1 6-28.2l.3-.8c.4-1.4.6-2.3 1-5.3l-3.6-.2-13.5-.7-45.3-1.4c-37-1-85.6-1.9-135.5-2.6Zm189.2 46Zm5.3-46.6c3.3.2 5.7.4 6.7.6 1.3.3 2.2 1.5 2 2.8a42 42 0 0 1-1.6 9.7c-.6 2-1.4 4.7-3 11.6-1.4 6.4-2.2 11.9-2.9 16v.6a99.2 99.2 0 0 1-1.5 7 4 4 0 0 1-1.2 1.8c-.4.4-.9.6-1.4.7l-6.2.1h-13.9l-47-.4c-38.3-.3-89-1-140.2-1.7a10478 10478 0 0 1-220.8-4.4c-2-.2-4-.5-5.5-1.3a6.8 6.8 0 0 1-3.4-4c-.5-1.6-.7-3.5-.7-5.5l-.1-3.5-.1-4a61 61 0 0 1 1.7-18.7c1-2.9 2.3-5.6 4.5-7.6s5-3.3 8.5-3.6c26.8-2.7 132-2.3 231.6-.9a12204 12204 0 0 1 180.9 4l13.6.7Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#B4D5FA",fillRule:"evenodd",d:"M100.2 185.6c.4-.9 1.3-1.4 2.3-1.4h.8a54702 54702 0 0 1 65.4.2 2.6 2.6 0 0 1 2.4 3.9l-24 46.4c-.5.9-1.4 1.4-2.4 1.4a22886.4 22886.4 0 0 1-56.5-.8H76.6a2.6 2.6 0 0 1-2.3-4l25.8-45.7Zm-62.5 1c.5 1 .5 2 0 2.8l-24.8 38.2a2.6 2.6 0 0 1-4.8-1.5v-1.3l-.5-9.7v-1.8c.3-3.9.6-9.7 2-14.8 1.7-5.8 5.2-11.8 12.7-12.3 3.3-.4 7.7-.6 13-.9 1 0 1.9.5 2.4 1.4Zm231.7 1.2c.4-1 1.4-1.5 2.4-1.5l27.5.3c10.2 0 20.1 0 28.4.3a2.6 2.6 0 0 1 2.2 3.8l-24 46c-.4.9-1.3 1.4-2.3 1.4h-54.7a2.6 2.6 0 0 1-2.3-3.9l22.8-46.4Zm107.7 4c.5-1 1.4-1.5 2.5-1.5l30 .2h.9c10.7 0 21.2 0 29.2.2a2.6 2.6 0 0 1 2.3 3.8l-21.3 43.6c-.4.9-1.4 1.4-2.4 1.4-7.9 0-18.4-.3-29.2-.6h-.2c-10.8-.3-21.8-.6-30.6-.7a2.6 2.6 0 0 1-2.3-3.9l21.1-42.6Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M227.5 90.2a396 396 0 0 1 42.4-8.2h.6l.6.2c3.4 2.2 8 6.4 13.1 11.6a345 345 0 0 1 16.4 18.2 293.3 293.3 0 0 1 26.4 35.3l.3.5v.5a311 311 0 0 1-7.5 42c-2 9-4.4 17.8-6.7 25.2-1.2 3.6-2.4 7-3.6 9.7-1.1 2.7-2.3 5-3.5 6.5l-.2.4-.4.1a93.8 93.8 0 0 1-15.5 5.6 471 471 0 0 1-70 14.5h-.5l-.6-.3a195.5 195.5 0 0 1-11.8-11.3 570 570 0 0 1-33.7-39.8 123 123 0 0 1-10-14.1l-.1-.4v-.5c0-3.5.8-9.8 2-17.2a452.1 452.1 0 0 1 11.9-50c1.2-3.7 2.3-7 3.4-9.7 1.1-2.6 2.3-4.9 3.4-6.4l.3-.4.5-.2c6.9-2.8 25-7.6 42.8-11.8Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#EBF4FF",fillRule:"evenodd",d:"M230.5 103.2c14.2-3.4 28.6-6.3 34-6.6h.5l.5.3a65 65 0 0 1 10.7 9.7 327.9 327.9 0 0 1 34.6 44.6l.3.5v.4c-.1 5.3-2.5 20.3-5.7 34.9-1.6 7.3-3.4 14.6-5.2 20.7a97 97 0 0 1-2.8 8c-1 2.3-1.9 4.2-2.8 5.5l-.3.3-.3.2a72.5 72.5 0 0 1-12.4 4.6 362.8 362.8 0 0 1-56 11.5h-.6l-.5-.3c-1-.7-2.4-2-4-3.5a478.7 478.7 0 0 1-41-51l-.1-.4v-.4c0-2.9.6-8.1 1.5-14.3a383 383 0 0 1 9.2-41.4c.9-3 1.8-5.7 2.7-7.9.8-2.2 1.7-4.1 2.7-5.4l.3-.4.4-.2c5.5-2.2 20-6 34.3-9.4Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#4A94E8",fillRule:"evenodd",d:"M267.2 205.5a9.6 9.6 0 0 1-4 7.3 12.5 12.5 0 0 1-10.2 2.1c-1.5-.3-3-.8-4-1.5-1-.6-2.2-1.5-2.8-2.8a14 14 0 0 1-1-7c.3-3.1 2-6.5 6.2-8.5a11 11 0 0 1 9.1.1 13.7 13.7 0 0 1 5.3 4.6c.8 1.3 1.5 3.4 1.4 5.7Zm-20.6-85.2c.6.3 1.2 1 1.6 2 .6 1.6 1.7 6.5 3.4 15.7 1.7 9.3 4 23.3 7 43.4a3 3 0 0 1-.3 1.7 9 9 0 0 1-7.8 5.2c-2.7.3-5.3-.5-7-1.2a3 3 0 0 1-1.4-1.6c-3-7.1-7.8-20.5-11.8-32.4-4-11.8-7.4-22.6-7.8-24.5-.5-2 .7-3.5 1.4-4.1a11 11 0 0 1 2.8-1.8 41.4 41.4 0 0 1 15-3.3c1 0 2.2 0 3.2.2.5.1 1.1.3 1.7.7Z",clipRule:"evenodd"}),c.createElement("path",{fill:"#0F6FDE",fillRule:"evenodd",d:"M396.4 331.2c-.6-.2-1.2 0-1.5.6a11 11 0 0 0-1 3.6 48.7 48.7 0 0 0-.2 6c-3-5.6-7.5-9-10.1-10.2a1.2 1.2 0 0 0-1.5 1.9c2 2.4 3.5 6.7 4.6 11l1 4.3c-4-6-8.9-8.5-11.5-9a1.2 1.2 0 0 0-.9 2.3c7.9 5 8.4 13.3 7.8 18.7a1.2 1.2 0 1 0 2.5.3 26 26 0 0 0-2.1-13.7c2 2.1 3.9 5 5.4 9a1.2 1.2 0 0 0 2.4-.5 86.4 86.4 0 0 0-4.5-19c3.1 2.9 6.5 7.6 7.4 14.3a1.2 1.2 0 0 0 2.4-.3 89 89 0 0 1-.4-6.5 57.7 57.7 0 0 0 5.2 12.3 1.2 1.2 0 0 0 2.3-.6l.2-2.8v-1.5l.7-4.4c.4-1.3.9-2.5 1.6-3.6-.3 1.4-.4 2.9-.4 4.4.1 3.8 1 7.9 2.7 10.2a1.2 1.2 0 0 0 2.2-.4c.8-2.6 2.6-6.8 5-10.4 1.2-1.6 2.4-3 3.6-4.2l-.7 1.2a15.3 15.3 0 0 0-1.5 10 1.2 1.2 0 0 0 1.6.9c1.5-.5 4.2-2 6.1-5v.7c.2 1.8 0 3.3-.5 4.2a1.2 1.2 0 0 0 2.1 1.3 21.7 21.7 0 0 0 2-3.8l1.6-3.2.5-.9a29 29 0 0 0-1 8c.2 1.9.6 3.6 1.5 4.9a1.2 1.2 0 0 0 2-1.4c-.5-.8-.9-2-1-3.6 0-1.6 0-3.5.5-5.4.8-3.9 2.4-7.6 4.3-9.4a1.2 1.2 0 0 0-1.5-1.9 24.2 24.2 0 0 0-8 9.7l-.7-4a1.2 1.2 0 0 0-2.4 0 11 11 0 0 1-4.9 6.8c-.1-2.4.6-4.7 1.6-6.8a20 20 0 0 1 4-5.4 1.2 1.2 0 0 0-1.1-2.1c-4.1.7-7.5 4.3-10 8a46.6 46.6 0 0 0-4.4 8.3 21.8 21.8 0 0 1-.5-11.2c.4-1.4 1-2.4 1.8-3a1.2 1.2 0 0 0-1.2-2 11.9 11.9 0 0 0-7.3 8.4 30 30 0 0 0-.7 5c-.9-1.9-1.8-4.2-2.5-6.7-1.4-4.5-2.3-9-1.8-12 0-.7-.3-1.2-.8-1.4Zm-309 0c.5-.2 1.2 0 1.4.6.5.8.8 2.2 1 3.6a48.8 48.8 0 0 1 .2 6c3-5.6 7.5-9 10.2-10.2a1.2 1.2 0 0 1 1.5 1.9c-2 2.4-3.6 6.7-4.7 11l-1 4.3c4.1-6 9-8.5 11.5-9a1.2 1.2 0 0 1 1 2.3c-8 5-8.4 13.3-7.9 18.7a1.2 1.2 0 1 1-2.4.3 25 25 0 0 1 2-13.7c-1.9 2.1-3.8 5-5.4 9a1.2 1.2 0 0 1-2.4-.5 86.6 86.6 0 0 1 4.6-19 23.6 23.6 0 0 0-7.4 14.3 1.2 1.2 0 0 1-2.5-.3c.2-1.8.4-4.1.4-6.5a59.8 59.8 0 0 1-5.2 12.3 1.2 1.2 0 0 1-2.2-.6l-.3-2.8v-1.5c-.2-1.5-.3-3-.7-4.4a9.7 9.7 0 0 0-1.6-3.6c.3 1.4.4 2.9.4 4.4 0 3.8-1 7.9-2.7 10.2a1.2 1.2 0 0 1-2.2-.4c-.8-2.6-2.6-6.8-5-10.4-1.1-1.6-2.3-3-3.6-4.2l.7 1.2c1.4 2.8 2.3 6.3 1.5 10a1.2 1.2 0 0 1-1.6.9c-1.5-.5-4.2-2-6-5l-.1.7c-.1 1.8 0 3.3.5 4.2a1.2 1.2 0 0 1-2 1.3 21.7 21.7 0 0 1-2.1-3.8l-1.6-3.2-.5-.9a29.4 29.4 0 0 1 1 8 9.5 9.5 0 0 1-1.4 4.9 1.2 1.2 0 0 1-2-1.4c.5-.8.8-2 1-3.6 0-1.6-.2-3.5-.5-5.4-.8-3.9-2.5-7.6-4.4-9.4a1.2 1.2 0 0 1 1.6-1.9 24.2 24.2 0 0 1 8 9.7l.6-4a1.2 1.2 0 0 1 2.4 0c1 3.7 3.3 5.8 5 6.8 0-2.4-.6-4.7-1.6-6.8a20 20 0 0 0-4-5.4 1.2 1.2 0 0 1 1-2.1c4.1.7 7.6 4.3 10.1 8 1.8 2.8 3.3 5.8 4.4 8.3a21.8 21.8 0 0 0 .4-11.2c-.4-1.4-1-2.4-1.8-3a1.2 1.2 0 0 1 1.2-2c4.5 1.8 6.4 5 7.3 8.4.4 1.7.6 3.4.7 5 .9-1.9 1.8-4.2 2.6-6.7 1.4-4.5 2.2-9 1.7-12 0-.7.3-1.2.9-1.4Z",clipRule:"evenodd"}));module.exports=i;