@payfit/unity-components 0.0.0-alpha.8 → 1.0.0

package/dist/cjs/components/text-area/TextArea.d.ts

@@ -1,220 +0,0 @@
-import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
-export declare const textArea: import('tailwind-variants').TVReturnType<{
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}, {
-    base: string;
-    inputWrapper: string;
-    input: string;
-    state: string;
-    resizeHandle: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}, {
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}>, {
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}, {
-    base: string;
-    inputWrapper: string;
-    input: string;
-    state: string;
-    resizeHandle: string;
-}, import('tailwind-variants').TVReturnType<{
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}, {
-    base: string;
-    inputWrapper: string;
-    input: string;
-    state: string;
-    resizeHandle: string;
-}, undefined, import('tailwind-variants/dist/config').TVConfig<{
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}, {
-    isInvalid: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-            state: string;
-        };
-    };
-    isReadOnly: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-    isDisabled: {
-        true: {
-            base: string;
-            inputWrapper: string;
-            input: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-export interface TextAreaProps extends AriaTextAreaProps {
-    /** Whether the field is in an invalid state */
-    isInvalid?: boolean;
-    /** Whether the field is in a loading state */
-    isLoading?: boolean;
-    /** Whether the field is disabled */
-    isDisabled?: boolean;
-    /** Whether the field is read-only */
-    isReadOnly?: boolean;
-    /** Whether the textarea is resizable */
-    isResizable?: boolean;
-}
-/**
- * The `TextArea` component displays a styled, single HTML `<textarea>` field that follows the Unity design system language. It supports multiple states out of the box and can be used as a controlled or uncontrolled component. It is also compatible with the `Form` and `FormField` component as a form control.
- * @param {TextAreaProps} props - Regular props from the `<textarea>` HTML element, plus state-related props
- * @see {@link TextAreaProps} for all available props
- * @example
- * ```tsx
- * import { Input } from '@payfit/unity-components'
- *
- * function Example() {
- *   const [value, setValue] = useState()
- *
- *   const handleTextChange = (e) => {
- *     setValue(e.target.value)
- *   }
- *
- *   return (
- *    <TextArea
- *      id="my-text-area"
- *      isResizable cols={50} rows={5} onChange={handleTextChange}
- *    >
- *      {value}
- *    </TextArea>
- * }
- * ```
- */
-declare const TextArea: import('react').ForwardRefExoticComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
-export { TextArea };

package/dist/cjs/components/text-area/TextArea.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),w=require("react"),j=require("react-aria-components"),M=require("react-intl"),q=require("tailwind-variants"),z=require("../../hooks/use-resizable.js"),L=require("../icon/Icon.js"),R=require("../spinner/Spinner.js"),f=q.tv({slots:{base:"uy-flex uy-border uy-border-solid uy-rounded-100 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 uy-overflow-hidden uy-relative",inputWrapper:"uy-flex uy-gap-50 uy-flex-grow uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-rounded-100",input:"uy-flex-grow uy-flex-shrink uy-outline-none uy-typography-body placeholder:uy-text-content-neutral-lowest uy-resize-none",state:"uy-flex uy-gap-50 uy-flex-shrink-0 uy-basis-250",resizeHandle:"uy-absolute uy-bottom-25 uy-right-25 uy-w-100 uy-h-100 uy-cursor-se-resize uy-flex uy-items-center uy-justify-center"},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",inputWrapper:"uy-bg-surface-form-error",input:"uy-bg-surface-form-error",state:"uy-text-content-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-border-border-form-disabled uy-bg-surface-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-readonly"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",input:"uy-bg-surface-form-disabled uy-text-content-form-disabled"}}},compoundVariants:[{isInvalid:!1,isDisabled:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled",inputWrapper:"uy-border-border-form-enabled uy-bg-surface-form-enabled",input:"uy-text-content-form-enabled uy-bg-surface-form-enabled",state:"uy-text-content-neutral-disabled"}}],defaultVariants:{isInvalid:!1,isDisabled:!1,isReadOnly:!1}}),y=w.forwardRef(({isInvalid:o,isLoading:n,isDisabled:r,isReadOnly:t,isResizable:u=!1,...c},b)=>{const a=M.useIntl(),{containerRef:i,handleResizeStart:m}=z.useResizable({isDisabled:!u||r||t}),{base:p,inputWrapper:x,input:g,state:h,resizeHandle:v}=f({isInvalid:o,isDisabled:r,isReadOnly:t});return e.jsxs("div",{ref:i,className:p(),children:[e.jsxs("div",{className:x(),children:[e.jsx(j.TextArea,{...c,ref:b,className:g(),"aria-busy":n}),e.jsxs("div",{className:h(),children:[n&&e.jsx(R.Spinner,{color:"inherit",size:"small",label:a.formatMessage({id:"unity:component:form-field:form-input:spinner:label",defaultMessage:"Loading"})}),o&&e.jsx(L.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:a.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})})]})]}),u&&!r&&!t&&e.jsx("div",{className:v(),onMouseDown:m,role:"button",tabIndex:0,"aria-label":a.formatMessage({id:"unity:component:form-field:textarea:resize-handle:label",defaultMessage:"Resize textarea"}),onKeyDown:s=>{var l,d;(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),(d=(l=i.current)==null?void 0:l.querySelector("textarea"))==null||d.focus())},children:e.jsxs("svg",{role:"presentation",width:"8",height:"8",viewBox:"0 0 8 8",fill:"none",children:[e.jsx("path",{d:"M0.72774 8L0 7.28745L7.27226 0L8 0.712547L0.72774 8Z",fill:"#8B8D98"}),e.jsx("path",{d:"M4.73172 8L4 7.27073L7.26828 4L8 4.72927L4.73172 8Z",fill:"#8B8D98"})]})})]})});y.displayName="TextArea";exports.TextArea=y;exports.textArea=f;

package/dist/cjs/components/text-field/TextField.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),I=require("react-hook-form"),g=require("tailwind-variants"),k=require("../form-field/FormField.js"),B=require("../form-field/parts/FormControl.js"),H=require("../form-field/parts/FormFeedbackText.js"),L=require("../form-field/parts/FormHelperText.js"),P=require("../form-field/parts/FormLabel.js"),R=require("../input/Input.js"),S=require("../text-area/TextArea.js"),v=g.tv({base:"uy-flex uy-flex-col uy-gap-100"});function w({name:r,label:o,defaultValue:t,helperText:s,feedbackText:u,contextualLink:a,multiline:i,isRequired:x,isInvalid:F,isLoading:d,isDisabled:m,isReadOnly:q,requiredVariant:T,...n},c){const{control:j,setValue:b}=I.useFormContext(),p={isRequired:x,isInvalid:F,isLoading:d,isDisabled:m,isReadOnly:q},C=!i,{onClearButtonPress:y}=C?n:{},f=y??(()=>{b(r,"")});return e.jsxs(k.FormField,{control:j,name:r,className:v(),...p,children:[e.jsx(P.FormLabel,{requiredVariant:T,children:o}),s&&e.jsx(L.FormHelperText,{children:s}),e.jsx(B.FormControl,{children:i?e.jsx(S.TextArea,{ref:c,defaultValue:t,...n}):e.jsx(R.Input,{ref:c,defaultValue:t,onClearButtonPress:f,...n})}),e.jsx(H.FormFeedbackText,{children:u}),a]})}const l=h.forwardRef(function(o,t){return w(o,t)});l.displayName="TextField";exports.TextField=l;

package/dist/cjs/components/toast/Toast.context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),o=require("react"),e=o.createContext({inline:!0});function s({inline:t,children:n}){return r.jsx(e.Provider,{value:{inline:t},children:n})}function u(){const t=o.useContext(e);if(!t)throw new Error("useToastContext must be used within an ToastProvider");return t}exports.ToastContext=e;exports.ToastProvider=s;exports.useToastContext=u;

package/dist/cjs/components/toast/ToastManager.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react-hot-toast"),o={error:{duration:1/0},success:{duration:5e3}},r=()=>t.jsx(e.Toaster,{position:"top-right",gutter:8,toastOptions:{removeDelay:0}});exports.TOAST_CONFIG=o;exports.ToastManager=r;

package/dist/cjs/components/toast/UnityToast.d.ts

@@ -1,55 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-declare const unityToast: import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: string;
-        error: string;
-    };
-}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        success: string;
-        error: string;
-    };
-}, {
-    variant: {
-        success: string;
-        error: string;
-    };
-}>, {
-    variant: {
-        success: string;
-        error: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    variant: {
-        success: string;
-        error: string;
-    };
-}, undefined, "sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125", import('tailwind-variants/dist/config').TVConfig<{
-    variant: {
-        success: string;
-        error: string;
-    };
-}, {
-    variant: {
-        success: string;
-        error: string;
-    };
-}>, unknown, unknown, undefined>>;
-export interface UnityToastProps extends Required<Pick<VariantProps<typeof unityToast>, 'variant'>> {
-    /** callback to call to close the toast*/
-    onClose: () => void;
-    /** render the toast in inline mode or not (by default true) */
-    inline?: boolean;
-}
-/**
- * The `UnityToast` is the component which will contain a title, a content, and action
- * - `ToastTitle`: The title of the toast
- * - `ToastContent`(optional): The content of the toast
- * - `ToastAction`(optional): The action on the toast
- */
-declare const UnityToast: {
-    ({ children, onClose, variant, inline, }: PropsWithChildren<UnityToastProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { UnityToast };

package/dist/cjs/components/toast/UnityToast.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),i=require("react-intl"),c=require("tailwind-variants"),y=require("../icon-button/IconButton.js"),d=require("../icon/Icon.js"),m=require("./parts/ToastTitle.js"),x=require("./Toast.context.js"),b=c.tv({base:"sm:uy-w-[416px] uy-border uy-border-solid uy-rounded-75 uy-text-content-neutral uy-bg-surface-neutral uy-shadow-floating uy-p-100 uy-flex uy-gap-125",variants:{variant:{success:"uy-border-border-success",error:"uy-border-border-danger"}}}),f=e=>{const n=o.isValidElement(e)&&e.type===o.Fragment?e.props.children:e;if(o.Children.toArray(n).filter(r=>o.isValidElement(r)&&r.type===m.ToastTitle).length!==1)throw new Error("UnityToast must have one ToastTitle component")},l=({children:e,onClose:n,variant:s,inline:r=!0})=>{const a=i.useIntl();f(e);const u=b({variant:s});return t.jsx(x.ToastProvider,{inline:r,children:t.jsxs("div",{tabIndex:-1,role:s==="error"?"alert":"status","aria-atomic":"true","aria-live":s==="error"?"assertive":"polite",className:u,children:[t.jsxs("div",{className:"uy-flex uy-flex-row uy-grow",children:[t.jsx(d.Icon,{src:s==="success"?"CheckCircleFilled":"WarningCircleFilled",color:s==="success"?"content.success":"content.danger",className:"uy-mt-100",alt:a.formatMessage({id:"unity:component:toast:icon:status",defaultMessage:"Status"})}),t.jsx("div",{className:`${r?"uy-flex-col":"uy-flex-row uy-justify-between"} uy-flex uy-grow uy-ml-125`,children:e})]}),t.jsx("div",{role:"presentation",className:"uy-border-l-[1px] uy-border-border-neutral uy-self-stretch"}),t.jsx(y.IconButton,{icon:"CloseOutlined",iconRole:"presentation",label:a.formatMessage({id:"unity:component:toast:close:label",defaultMessage:"Close"}),variant:"ghost",color:"neutral",onClick:n})]})})};l.displayName="UnityToast";exports.UnityToast=l;

package/dist/cjs/components/toast/parts/ToastAction.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../../button/Button.js");function e({children:o,onPress:n}){return t.jsx("div",{className:"uy-self-end",children:t.jsx(i.Button,{variant:"ghost",color:"primary",onPress:n,children:o})})}e.displayName="ToastAction";exports.ToastAction=e;

package/dist/cjs/components/toast/parts/ToastContent.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("../../text/Text.js"),r=require("../Toast.context.js");function t({children:e}){const{inline:n}=r.useToastContext();return n?o.jsx(s.Text,{variant:"body",className:"uy-mb-100",children:e}):null}t.displayName="ToastContent";exports.ToastContent=t;

package/dist/cjs/components/toast/parts/ToastTitle.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("../../text/Text.js");function t({children:e}){return s.jsx(a.Text,{asElement:"h4",variant:"bodyStrong",className:"uy-mt-100",children:e})}t.displayName="ToastTitle";exports.ToastTitle=t;

package/dist/cjs/components/toast/toast.d.ts

@@ -1,43 +0,0 @@
-import { ReactNode } from 'react';
-import { ToastActionProps } from './parts/ToastAction.js';
-import { UnityToastProps } from './UnityToast.js';
-interface Base {
-    title: ReactNode;
-    content?: ReactNode;
-}
-interface WithAction {
-    action: ReactNode;
-    actionOnPress: ToastActionProps['onPress'];
-}
-interface SuccessParams extends Base {
-    variant: Extract<UnityToastProps['variant'], 'success'>;
-    duration?: number;
-    action?: never;
-    actionOnPress?: never;
-}
-interface ErrorParams extends Base {
-    variant: Extract<UnityToastProps['variant'], 'error'>;
-    duration?: never;
-    action?: never;
-    actionOnPress?: never;
-}
-interface SuccessParamsWithAction extends Base, WithAction {
-    variant: Extract<UnityToastProps['variant'], 'success'>;
-    duration?: number;
-}
-interface ErrorParamsWithAction extends Base, WithAction {
-    variant: Extract<UnityToastProps['variant'], 'error'>;
-    duration?: never;
-}
-/**
- * creates a toast
- * @param prop the object which contains all the properties
- * @param prop.title the toast title
- * @param prop.content (optional) the content of the toast
- * @param prop.variant the toast type
- * @param prop.action (optional) the label of the action
- * @param prop.actionOnPress (optional) the function to trigger when click on the action
- * @param prop.duration (optional) to override the toast duration
- */
-declare function toast({ title, content, variant, action, actionOnPress, duration, }: SuccessParams | ErrorParams | SuccessParamsWithAction | ErrorParamsWithAction): string;
-export { toast };

package/dist/cjs/components/toast/toast.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),l=require("react-hot-toast"),c=require("./parts/ToastAction.js"),T=require("./parts/ToastContent.js"),d=require("./parts/ToastTitle.js"),f=require("./ToastManager.js"),j=require("./UnityToast.js"),q=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},i=q(l);function h({title:t,content:e,variant:s,action:n,actionOnPress:r,duration:u}){return i.default.custom(a=>o.jsxs(j.UnityToast,{onClose:()=>{i.default.dismiss(a.id)},variant:s,inline:!!e,children:[o.jsx(d.ToastTitle,{children:t}),e?o.jsx(T.ToastContent,{children:e}):null,n?o.jsx(c.ToastAction,{onPress:r,children:n}):null]}),{duration:u??f.TOAST_CONFIG[s].duration})}exports.toast=h;

package/dist/cjs/components/tooltip/Tooltip.d.ts

@@ -1,7 +0,0 @@
-import { ReactElement } from 'react';
-interface TooltipProps {
-    title: string;
-    children: ReactElement;
-}
-declare function Tooltip({ title, children }: TooltipProps): import("react/jsx-runtime").JSX.Element;
-export default Tooltip;

package/dist/cjs/components/tooltip/Tooltip.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),u=require("react-aria-components"),s=require("../button/Button.js"),o=e=>e.type===s.Button||e.type===u.Button;function n({title:e,children:r}){return t.jsxs(u.TooltipTrigger,{delay:500,closeDelay:1500,children:[r,t.jsx(u.Tooltip,{offset:o(r)?4:8,className:"uy-inline-flex uy-rounded-50 uy-pl-100 uy-pr-100 uy-pt-50 uy-pb-50 uy-bg-grayscale-L12 uy-max-w-[300px]",children:t.jsx("p",{className:"uy-typography-body-small uy-text-content-inverted uy-overflow-hidden uy-text-ellipsis uy-line-clamp-3",children:e})})]})}module.exports=n;

package/dist/cjs/docs/blocks/Cards.d.ts

@@ -1,18 +0,0 @@
-import { PropsWithChildren, default as React } from 'react';
-type CardProps = React.PropsWithChildren;
-export declare const Card: React.FC<CardProps>;
-export declare const CardWithCover: React.FC<CardProps & {
-    coverSrc: string;
-    coverAlt: string;
-}>;
-export declare const CardHeader: React.FC<PropsWithChildren>;
-export declare const CardTitle: React.FC<PropsWithChildren>;
-export declare const CardContent: React.FC<PropsWithChildren>;
-export declare const CardActions: React.FC<PropsWithChildren>;
-export declare const Link: React.FC<PropsWithChildren<React.ComponentProps<"a">>>;
-type CardGridProps = {
-    children: React.ReactNode;
-    cols?: number;
-};
-export declare const CardGrid: React.FC<CardGridProps>;
-export {};

package/dist/cjs/hooks/use-breakpoint-listener.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./use-media-query.js"),i=e=>{const t=getComputedStyle(document.documentElement).getPropertyValue(`--uy-screens-${e}`);return parseInt(t.replace("px",""),10)},u=e=>`(min-width: ${i(e)}px)`;function o(){const e=r.useMediaQuery(u("xl")),t=r.useMediaQuery(u("lg")),n=r.useMediaQuery(u("md")),s=r.useMediaQuery(u("sm"));return e?"xl":t?"lg":n?"md":s?"sm":"xs"}exports.useBreakpointListener=o;

package/dist/cjs/hooks/use-form.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("react"),d=require("@hookform/resolvers/zod"),s=require("react-hook-form"),F=require("../components/form-field/FormField.js"),l=require("../components/form/Form.js");function a(n,m={mode:"onTouched",reValidateMode:"onChange"}){const e=s.useForm({...m,resolver:d.zodResolver(n)}),u=i.useMemo(()=>{const r=o=>t.jsx(l.Form,{...o,form:e,schema:n,children:o.children});return r.displayName="FormWithSchema",r},[e,n]),c=i.useMemo(()=>{const r=o=>t.jsx(F.FormField,{...o,control:e.control,children:o.children});return r.displayName="FormFieldWithSchema",r},[e]);return{methods:e,Form:u,FormField:c}}exports.useUnityForm=a;

package/dist/cjs/hooks/use-id.js

@@ -1 +0,0 @@
-"use strict";const o=require("react");function*c(e=Date.now()){let t=e;for(;;)t=(t*1664525+1013904223)%2**32,yield t/2**32}const i=c();function u(e){const t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";let n="";for(let r=0;r<e;r++)n+=t.charAt(Math.floor(i.next().value*t.length));return n}let a=0;function s(){return a++}function l(){const[e]=o.useState(()=>{const t=s().toString(36),n=u(4);return`:r${t}:${n}`});return e}module.exports=l;

package/dist/cjs/hooks/use-media-query.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),a=require("../utils/platform.js"),c=t=>a.isBrowser()&&!a.isTestEnvironment()?window.matchMedia(t):null,i=t=>t.matches;function d(t,n=!1){const e=r.useMemo(()=>c(t),[t]),[o,u]=r.useState(e?i(e):n),s=r.useCallback(()=>{e&&u(i(e))},[e]);return r.useLayoutEffect(()=>{if(e)return e.addEventListener("change",s),()=>{e.removeEventListener("change",s)}}),o}exports.useMediaQuery=d;

package/dist/cjs/hooks/use-resizable.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function g({isDisabled:l=!1,minWidth:a,minHeight:u}={}){const e=i.useRef(null),[t,o]=i.useState({isResizing:!1,startX:0,startY:0,startWidth:0,startHeight:0}),d=r=>{var s;if(l)return;r.preventDefault();const n=(s=e.current)==null?void 0:s.querySelector("textarea");!e.current||!n||o({isResizing:!0,startX:r.clientX,startY:r.clientY,startWidth:e.current.offsetWidth,startHeight:n.offsetHeight})};return i.useEffect(()=>{if(!t.isResizing)return;const r=s=>{if(!e.current)return;const c=e.current.querySelector("textarea");if(!c)return;const f=s.clientX-t.startX,h=s.clientY-t.startY,m=Math.max(t.startWidth+f,a??0),R=Math.max(t.startHeight+h,u??0);e.current.style.width=`${m}px`,c.style.height=`${R}px`},n=()=>{o(s=>({...s,isResizing:!1}))};return document.addEventListener("mousemove",r),document.addEventListener("mouseup",n),()=>{document.removeEventListener("mousemove",r),document.removeEventListener("mouseup",n)}},[t,a,u]),{containerRef:e,handleResizeStart:d,isResizing:t.isResizing}}exports.useResizable=g;

package/dist/cjs/index.d.ts

@@ -1,95 +0,0 @@
-export * from './components/actionable/Actionable.js';
-export * from './components/alert/Alert.js';
-export * from './components/alert/parts/AlertActions.js';
-export * from './components/alert/parts/AlertContent.js';
-export * from './components/alert/parts/AlertTitle.js';
-export * from './components/anchor/Anchor.js';
-export * from './components/app-layout/AppLayout.js';
-export * from './components/app-menu/AppMenu.js';
-export * from './components/app-menu/parts/AppMenuHeader.js';
-export * from './components/app-menu/parts/AppMenuFooter.js';
-export * from './components/app-menu/parts/AppMenuNavContent.js';
-export * from './components/app-menu/parts/AppMenu.context.js';
-export * from './components/avatar/Avatar.js';
-export * from './components/avatar/utils.js';
-export * from './components/avatar/parts/AvatarFallback.js';
-export * from './components/avatar/parts/AvatarImage.js';
-export * from './components/avatar/parts/AvatarPair.js';
-export * from './components/badge/Badge.js';
-export * from './components/breadcrumbs/Breadcrumbs.js';
-export * from './components/breadcrumbs/parts/Breadcrumb.js';
-export * from './components/button/Button.js';
-export * from './components/checkbox/Checkbox.js';
-export * from './components/checkbox-field/CheckboxField.js';
-export * from './components/checkbox-group/CheckboxGroup.js';
-export * from './components/checkbox-group-field/CheckboxGroupField.js';
-export * from './components/date-picker/DatePicker.js';
-export * from './components/date-picker-field/DatePickerField.js';
-export * from './components/dialog/Dialog.js';
-export * from './components/dialog/parts/DialogActions.js';
-export * from './components/dialog/parts/DialogActions/DialogButton.js';
-export * from './components/dialog/parts/DialogContent.js';
-export * from './components/dialog/parts/DialogTitle.js';
-export * from './components/fieldset/Fieldset.js';
-export * from './components/fieldset/parts/FieldGroup.js';
-export * from './components/flex/Flex.js';
-export * from './components/flex/Flex.variants.js';
-export * from './components/flex/FlexItem.js';
-export * from './components/form/Form.js';
-export * from './components/form-field/FormField.js';
-export * from './components/form-field/parts/FormControl.js';
-export * from './components/form-field/parts/FormContextualLink.js';
-export * from './components/form-field/parts/FormFeedbackText.js';
-export * from './components/form-field/parts/FormHelperText.js';
-export * from './components/form-field/parts/FormLabel.js';
-export * from './components/full-page-loader/FullPageLoader.js';
-export * from './components/grid/Grid.js';
-export * from './components/grid/Grid.variants.js';
-export * from './components/grid/GridItem.js';
-export * from './components/icon/Icon.js';
-export * from './components/icon-button/IconButton.js';
-export * from './components/input/Input.js';
-export * from './components/label/Label.js';
-export * from './components/link/Link.js';
-export * from './components/menu/Menu.js';
-export * from './components/menu/parts/MenuContent.js';
-export * from './components/menu/parts/MenuHeader.js';
-export * from './components/menu/parts/MenuItem.js';
-export * from './components/menu/parts/MenuSeparator.js';
-export * from './components/menu/parts/MenuTrigger.js';
-export * from './components/multi-select/MultiSelect.js';
-export * from './components/multi-select/parts/MultiSelectOption.js';
-export * from './components/multi-select/parts/MultiSelectOptGroup.js';
-export * from './components/multi-select-field/MultiSelectField.js';
-export * from './components/nav/Nav.js';
-export * from './components/nav/parts/NavGroup.js';
-export * from './components/nav/parts/NavItem.js';
-export * from './components/payfit-brand/PayFitBrand.js';
-export * from './components/payfit-brand/PayFitPreprod.js';
-export * from './components/pill/Pill.js';
-export * from './components/progress-bar/ProgressBar.js';
-export * from './components/select/parts/SelectButton.js';
-export * from './components/select/parts/SelectOption.js';
-export * from './components/select/parts/SelectOptionGroup.js';
-export * from './components/select/parts/SelectOptionHelper.js';
-export * from './components/select/Select.js';
-export * from './components/select-field/SelectField.js';
-export * from './components/selectable-button-group/SelectableButtonGroup.js';
-export * from './components/selectable-button-group/parts/SelectableButton.js';
-export * from './components/spinner/Spinner.js';
-export * from './components/tabs/Tabs.js';
-export * from './components/tabs/parts/Tab.js';
-export * from './components/tabs/parts/TabList.js';
-export * from './components/tabs/parts/TabPanel.js';
-export * from './components/text/Text.js';
-export * from './components/text/Text.variants.js';
-export * from './components/text-area/TextArea.js';
-export * from './components/text-field/TextField.js';
-export * from './components/toast/toast.js';
-export * from './components/toast/ToastManager.js';
-export * from './components/tooltip/Tooltip.js';
-export * from './hooks/use-breakpoint-listener.js';
-export * from './hooks/use-media-query.js';
-export * from './hooks/use-form.js';
-export * from './providers/router/RouterProvider.js';
-export * from './providers/router/integrations/UnityReactRouterV5Provider.js';

package/dist/cjs/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("./components/actionable/Actionable.js"),b=require("./components/alert/Alert.js"),x=require("./components/alert/parts/AlertActions.js"),m=require("./components/alert/parts/AlertContent.js"),M=require("./components/alert/parts/AlertTitle.js"),g=require("./components/anchor/Anchor.js"),S=require("./components/app-layout/AppLayout.js"),T=require("./components/app-menu/AppMenu.js"),B=require("./components/app-menu/parts/AppMenuHeader.js"),P=require("./components/app-menu/parts/AppMenuFooter.js"),k=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),C=require("./components/avatar/Avatar.js"),v=require("./components/avatar/utils.js"),I=require("./components/avatar/parts/AvatarFallback.js"),G=require("./components/avatar/parts/AvatarImage.js"),L=require("./components/avatar/parts/AvatarPair.js"),D=require("./components/badge/Badge.js"),O=require("./components/breadcrumbs/Breadcrumbs.js"),y=require("./components/breadcrumbs/parts/Breadcrumb.js"),h=require("./components/button/Button.js"),t=require("./components/checkbox/Checkbox.js"),N=require("./components/checkbox-field/CheckboxField.js"),r=require("./components/checkbox-group/CheckboxGroup.js"),H=require("./components/checkbox-group-field/CheckboxGroupField.js"),R=require("./components/date-picker/DatePicker.js"),f=require("./components/date-picker-field/DatePickerField.js"),_=require("./components/dialog/Dialog.js"),U=require("./components/dialog/parts/DialogActions.js"),Q=require("./components/dialog/parts/DialogActions/DialogButton.js"),V=require("./components/dialog/parts/DialogContent.js"),j=require("./components/dialog/parts/DialogTitle.js"),o=require("./components/fieldset/Fieldset.js"),w=require("./components/fieldset/parts/FieldGroup.js"),n=require("./components/flex/Flex.js"),i=require("./components/flex/Flex.variants.js"),u=require("./components/flex/FlexItem.js"),z=require("./components/form/Form.js"),E=require("./components/form-field/FormField.js"),J=require("./components/form-field/parts/FormControl.js"),K=require("./components/form-field/parts/FormContextualLink.js"),W=require("./components/form-field/parts/FormFeedbackText.js"),X=require("./components/form-field/parts/FormHelperText.js"),Y=require("./components/form-field/parts/FormLabel.js"),a=require("./components/full-page-loader/FullPageLoader.js"),Z=require("./components/grid/Grid.js"),c=require("./components/grid/Grid.variants.js"),$=require("./components/grid/GridItem.js"),ee=require("./components/icon/Icon.js"),te=require("./components/icon-button/IconButton.js"),re=require("./components/input/Input.js"),oe=require("./components/label/Label.js"),ne=require("./components/link/Link.js"),ie=require("./components/menu/Menu.js"),ue=require("./components/menu/parts/MenuContent.js"),ae=require("./components/menu/parts/MenuHeader.js"),ce=require("./components/menu/parts/MenuItem.js"),le=require("./components/menu/parts/MenuSeparator.js"),se=require("./components/menu/parts/MenuTrigger.js"),pe=require("./components/multi-select/MultiSelect.js"),qe=require("./components/multi-select/parts/MultiSelectOption.js"),de=require("./components/multi-select/parts/MultiSelectOptGroup.js"),Fe=require("./components/multi-select-field/MultiSelectField.js"),Ae=require("./components/nav/Nav.js"),be=require("./components/nav/parts/NavGroup.js"),l=require("./components/nav/parts/NavItem.js"),xe=require("./components/payfit-brand/PayFitBrand.js"),me=require("./components/payfit-brand/PayFitPreprod.js"),Me=require("./components/pill/Pill.js"),ge=require("./components/progress-bar/ProgressBar.js"),Se=require("./components/select/parts/SelectButton.js"),Te=require("./components/select/parts/SelectOption.js"),Be=require("./components/select/parts/SelectOptionGroup.js"),Pe=require("./components/select/parts/SelectOptionHelper.js"),ke=require("./components/select/Select.js"),Ce=require("./components/select-field/SelectField.js"),s=require("./components/selectable-button-group/SelectableButtonGroup.js"),p=require("./components/selectable-button-group/parts/SelectableButton.js"),ve=require("./components/spinner/Spinner.js"),Ie=require("./components/tabs/Tabs.js"),Ge=require("./components/tabs/parts/Tab.js"),Le=require("./components/tabs/parts/TabList.js"),De=require("./components/tabs/parts/TabPanel.js"),Oe=require("./components/text/Text.js"),ye=require("./components/text/Text.variants.js"),q=require("./components/text-area/TextArea.js"),he=require("./components/text-field/TextField.js"),Ne=require("./components/toast/toast.js"),d=require("./components/toast/ToastManager.js"),He=require("./hooks/use-breakpoint-listener.js"),Re=require("./hooks/use-media-query.js"),fe=require("./hooks/use-form.js"),F=require("./providers/router/RouterProvider.js"),_e=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),Ue=require("react-aria-components");exports.Actionable=A.Actionable;exports.Alert=b.Alert;exports.AlertActions=x.AlertActions;exports.AlertContent=m.AlertContent;exports.AlertTitle=M.AlertTitle;exports.Anchor=g.Anchor;exports.AppLayout=S.AppLayout;exports.AppMenu=T.AppMenu;exports.AppMenuHeader=B.AppMenuHeader;exports.AppMenuFooter=P.AppMenuFooter;exports.AppMenuNavContent=k.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=C.Avatar;exports.getInitials=v.getInitials;exports.AvatarFallback=I.AvatarFallback;exports.AvatarImage=G.AvatarImage;exports.AvatarPair=L.AvatarPair;exports.Badge=D.Badge;exports.Breadcrumbs=O.Breadcrumbs;exports.Breadcrumb=y.Breadcrumb;exports.Button=h.Button;exports.Checkbox=t.Checkbox;exports.checkbox=t.checkbox;exports.CheckboxField=N.CheckboxField;exports.CheckboxGroup=r.CheckboxGroup;exports.checkboxGroup=r.checkboxGroup;exports.CheckboxGroupField=H.CheckboxGroupField;exports.DatePicker=R.DatePicker;exports.DatePickerField=f.DatePickerField;exports.Dialog=_.Dialog;exports.DialogActions=U.DialogActions;exports.DialogButton=Q.DialogButton;exports.DialogContent=V.DialogContent;exports.DialogTitle=j.DialogTitle;exports.Fieldset=o.Fieldset;exports.fieldset=o.fieldset;exports.FieldGroup=w.FieldGroup;exports.Flex=n.Flex;exports.Stack=n.Stack;exports.flex=i.flex;exports.flexItem=i.flexItem;exports.FlexItem=u.FlexItem;exports.StackItem=u.StackItem;exports.Form=z.Form;exports.FormField=E.FormField;exports.FormControl=J.FormControl;exports.FormContextualLink=K.FormContextualLink;exports.FormFeedbackText=W.FormFeedbackText;exports.FormHelperText=X.FormHelperText;exports.FormLabel=Y.FormLabel;exports.FullPageLoader=a.FullPageLoader;exports.fullPageLoader=a.fullPageLoader;exports.Grid=Z.Grid;exports.grid=c.grid;exports.gridItem=c.gridItem;exports.GridItem=$.GridItem;exports.Icon=ee.Icon;exports.IconButton=te.IconButton;exports.Input=re.Input;exports.Label=oe.Label;exports.Link=ne.Link;exports.Menu=ie.Menu;exports.MenuContent=ue.MenuContent;exports.MenuHeader=ae.MenuHeader;exports.MenuItem=ce.MenuItem;exports.MenuSeparator=le.MenuSeparator;exports.MenuTrigger=se.MenuTrigger;exports.MultiSelect=pe.MultiSelect;exports.MultiSelectOption=qe.MultiSelectOption;exports.MultiSelectOptGroup=de.MultiSelectOptGroup;exports.MultiSelectField=Fe.MultiSelectField;exports.Nav=Ae.Nav;exports.NavGroup=be.NavGroup;exports.NavItem=l.NavItem;exports.navItemBase=l.navItemBase;exports.PayFitBrand=xe.PayFitBrand;exports.PayFitBrandPreprod=me.PayFitBrandPreprod;exports.Pill=Me.Pill;exports.ProgressBar=ge.ProgressBar;exports.SelectButton=Se.SelectButton;exports.SelectOption=Te.SelectOption;exports.SelectOptionGroup=Be.SelectOptionGroup;exports.SelectOptionHelper=Pe.SelectOptionHelper;exports.Select=ke.Select;exports.SelectField=Ce.SelectField;exports.SelectableButtonGroup=s.SelectableButtonGroup;exports.selectableButtonGroup=s.selectableButtonGroup;exports.SelectableButton=p.SelectableButton;exports.selectableButton=p.selectableButton;exports.Spinner=ve.Spinner;exports.Tabs=Ie.Tabs;exports.Tab=Ge.Tab;exports.TabList=Le.TabList;exports.TabPanel=De.TabPanel;exports.Text=Oe.Text;exports.text=ye.text;exports.TextArea=q.TextArea;exports.textArea=q.textArea;exports.TextField=he.TextField;exports.toast=Ne.toast;exports.TOAST_CONFIG=d.TOAST_CONFIG;exports.ToastManager=d.ToastManager;exports.useBreakpointListener=He.useBreakpointListener;exports.useMediaQuery=Re.useMediaQuery;exports.useUnityForm=fe.useUnityForm;exports.RouterProvider=F.RouterProvider;exports.useRouter=F.useRouter;exports.UnityReactRouterV5Provider=_e.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>Ue.DialogTrigger});

package/dist/cjs/providers/router/RouterProvider.d.ts

@@ -1,37 +0,0 @@
-import { ComponentProps } from 'react';
-import { RouterProvider as AriaRouterProvider } from 'react-aria-components';
-export interface ExtendedRouterContextValue {
-    /**
-     * Function to determine if a route is active
-     */
-    isActive: (to: string) => boolean;
-}
-/**
- * Hook to access the extended ARIA router context. For internal use in Unity only.
- */
-export declare const useRouter: () => ExtendedRouterContextValue | null;
-type AriaRouterProviderProps = ComponentProps<typeof AriaRouterProvider>;
-export interface RouterProviderProps extends ComponentProps<typeof AriaRouterProvider> {
-    /**
-     * function received from a client-side routing library to perform a client-side navigation programmatically
-     */
-    navigate: AriaRouterProviderProps['navigate'];
-    /**
-     * Optional function to convert a router-specific href to a native HTML href, e.g. prepending a base path
-     */
-    useHref?: AriaRouterProviderProps['useHref'];
-    /**
-     * Function to determine if a route is active
-     */
-    isActive: (to: string) => boolean;
-}
-/**
- * The `RouterProvider` component is a provider that allows for integrations between Unity components that render links (such as `Link`, `NavItem`, etc.) and any client-side routing library in a single or multi-page application.
- *
- * By default, links perform native browser navigation when they are interacted with. However, many apps and frameworks use client side routers to avoid a full page reload when navigating between pages. The `RouterProvider` component configures all Unity components that support it to navigate using the client side router you provide. Set this up once in the root of your app, and any component with the href prop will automatically navigate using your router.
- */
-export declare function RouterProvider({ isActive, children, ...routerProps }: RouterProviderProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace RouterProvider {
-    var displayName: string;
-}
-export {};

package/dist/cjs/providers/router/RouterProvider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),s=require("react-aria-components"),o=t.createContext(null),c=()=>t.useContext(o);function u({isActive:n,children:i,...e}){return r.jsx(o.Provider,{value:{isActive:n,...e},children:r.jsx(s.RouterProvider,{...e,children:i})})}u.displayName="RouterProvider";exports.RouterProvider=u;exports.useRouter=c;

package/dist/cjs/providers/router/integrations/UnityReactRouterV5Provider.d.ts

@@ -1,6 +0,0 @@
-import { PropsWithChildren } from 'react';
-/**
- * Provider that integrates Unity's RouterProvider with React Router v5.
- * Handles navigation and active state detection automatically.
- */
-export declare function UnityReactRouterV5Provider({ children, }: PropsWithChildren<unknown>): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/providers/router/integrations/UnityReactRouterV5Provider.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),h=require("history"),r=require("react-router-dom"),l=require("../RouterProvider.js"),d=(e,o)=>h.createLocation(e,null,void 0,o);function p({children:e}){const o=r.useHistory(),n=r.useLocation(),a=t=>{const c=d(t,n),{pathname:s}=c,i=s.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1");return i?!!r.matchPath(n.pathname,{path:i,exact:t==="/"}):!1};return u.jsx(l.RouterProvider,{navigate:t=>{o.push(t.toString())},isActive:a,children:e})}exports.UnityReactRouterV5Provider=p;

package/dist/cjs/utils/platform.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vite-plugin-node-polyfills/shims/process"),n=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},o=n(e);function r(){return o.default.env.NODE_ENV==="test"}function s(){return typeof window<"u"}exports.isBrowser=s;exports.isTestEnvironment=r;

package/dist/esm/components/actionable/Actionable.d.mts

@@ -1,11 +0,0 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-/**
- * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
- */
-declare const Actionable: import('react').ForwardRefExoticComponent<Omit<AriaButtonProps, "style" | "slot"> & {
-    /** Additional class names to apply to the actionable */
-    className?: string;
-    /** set to true to remove the Actionable's base styles */
-    isUnstyled?: boolean;
-} & import('react').RefAttributes<HTMLButtonElement>>;
-export { Actionable };

package/dist/esm/components/actionable/Actionable.mjs

@@ -1,31 +0,0 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { Button as i } from "react-aria-components";
-import { twMerge as n } from "tailwind-merge";
-import { tv as d } from "tailwind-variants";
-const m = d({
-  base: "group",
-  variants: {
-    isUnstyled: {
-      true: "",
-      false: "disabled:uy-cursor-not-allowed disabled:uy-text-content-neutral-disabled"
-    }
-  },
-  defaultVariants: {
-    isUnstyled: !1
-  }
-}), f = l(
-  ({ children: t, className: e, isUnstyled: a = !1, ...o }, r) => /* @__PURE__ */ s(
-    i,
-    {
-      ref: r,
-      className: n(m({ isUnstyled: a }), e),
-      ...o,
-      children: t
-    }
-  )
-);
-f.displayName = "Actionable";
-export {
-  f as Actionable
-};