@payfit/unity-components 0.0.0-alpha.9 → 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,{"data-dd-privacy":"mask",...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, ...rest }: 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"),c=require("react-intl"),y=require("tailwind-variants"),d=require("../icon-button/IconButton.js"),m=require("../icon/Icon.js"),x=require("./parts/ToastTitle.js"),b=require("./Toast.context.js"),f=y.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"}}}),g=e=>{const a=o.isValidElement(e)&&e.type===o.Fragment?e.props.children:e;if(o.Children.toArray(a).filter(r=>o.isValidElement(r)&&r.type===x.ToastTitle).length!==1)throw new Error("UnityToast must have one ToastTitle component")},l=({children:e,onClose:a,variant:s,inline:r=!0,...u})=>{const n=c.useIntl();g(e);const i=f({variant:s});return t.jsx(b.ToastProvider,{inline:r,children:t.jsxs("div",{"data-dd-privacy":"mask",...u,tabIndex:-1,role:s==="error"?"alert":"status","aria-atomic":"true","aria-live":s==="error"?"assertive":"polite",className:i,children:[t.jsxs("div",{className:"uy-flex uy-flex-row uy-grow",children:[t.jsx(m.Icon,{src:s==="success"?"CheckCircleFilled":"WarningCircleFilled",color:s==="success"?"content.success":"content.danger",className:"uy-mt-100",alt:n.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-solid uy-border-border-neutral uy-self-stretch"}),t.jsx(d.IconButton,{icon:"CloseOutlined",iconRole:"presentation",label:n.formatMessage({id:"unity:component:toast:close:label",defaultMessage:"Close"}),variant:"ghost",color:"neutral",onClick:a})]})})};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.js

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

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 { Tooltip };

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react-aria-components"),l=require("../button/Button.js"),r=e=>e.type===l.Button||e.type===o.Button;function i({title:e,children:u}){return t.jsxs(o.TooltipTrigger,{delay:500,closeDelay:1500,children:[u,t.jsx(o.Tooltip,{"data-dd-privacy":"allow",offset:r(u)?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})})]})}exports.Tooltip=i;

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,103 +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/bottom-sheet/BottomSheet.js';
-export * from './components/bottom-sheet/parts/BottomSheetHeader.js';
-export * from './components/bottom-sheet/parts/BottomSheetContent.js';
-export * from './components/bottom-sheet/parts/BottomSheetFooter.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/side-panel/SidePanel.js';
-export * from './components/side-panel/parts/SidePanelHeader.js';
-export * from './components/side-panel/parts/SidePanelContent.js';
-export * from './components/side-panel/parts/SidePanelFooter.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 T=require("./components/actionable/Actionable.js"),C=require("./components/alert/Alert.js"),k=require("./components/alert/parts/AlertActions.js"),h=require("./components/alert/parts/AlertContent.js"),v=require("./components/alert/parts/AlertTitle.js"),I=require("./components/anchor/Anchor.js"),G=require("./components/app-layout/AppLayout.js"),L=require("./components/app-menu/AppMenu.js"),D=require("./components/app-menu/parts/AppMenuHeader.js"),H=require("./components/app-menu/parts/AppMenuFooter.js"),O=require("./components/app-menu/parts/AppMenuNavContent.js"),e=require("./components/app-menu/parts/AppMenu.context.js"),y=require("./components/avatar/Avatar.js"),N=require("./components/avatar/utils.js"),R=require("./components/avatar/parts/AvatarFallback.js"),f=require("./components/avatar/parts/AvatarImage.js"),_=require("./components/avatar/parts/AvatarPair.js"),U=require("./components/badge/Badge.js"),t=require("./components/bottom-sheet/BottomSheet.js"),r=require("./components/bottom-sheet/parts/BottomSheetHeader.js"),o=require("./components/bottom-sheet/parts/BottomSheetContent.js"),n=require("./components/bottom-sheet/parts/BottomSheetFooter.js"),Q=require("./components/breadcrumbs/Breadcrumbs.js"),V=require("./components/breadcrumbs/parts/Breadcrumb.js"),j=require("./components/button/Button.js"),i=require("./components/checkbox/Checkbox.js"),w=require("./components/checkbox-field/CheckboxField.js"),u=require("./components/checkbox-group/CheckboxGroup.js"),z=require("./components/checkbox-group-field/CheckboxGroupField.js"),E=require("./components/date-picker/DatePicker.js"),J=require("./components/date-picker-field/DatePickerField.js"),a=require("./components/dialog/Dialog.js"),K=require("./components/dialog/parts/DialogActions.js"),W=require("./components/dialog/parts/DialogActions/DialogButton.js"),X=require("./components/dialog/parts/DialogContent.js"),Y=require("./components/dialog/parts/DialogTitle.js"),l=require("./components/fieldset/Fieldset.js"),Z=require("./components/fieldset/parts/FieldGroup.js"),c=require("./components/flex/Flex.js"),s=require("./components/flex/Flex.variants.js"),d=require("./components/flex/FlexItem.js"),$=require("./components/form/Form.js"),ee=require("./components/form-field/FormField.js"),te=require("./components/form-field/parts/FormControl.js"),re=require("./components/form-field/parts/FormContextualLink.js"),oe=require("./components/form-field/parts/FormFeedbackText.js"),ne=require("./components/form-field/parts/FormHelperText.js"),ie=require("./components/form-field/parts/FormLabel.js"),p=require("./components/full-page-loader/FullPageLoader.js"),ue=require("./components/grid/Grid.js"),q=require("./components/grid/Grid.variants.js"),ae=require("./components/grid/GridItem.js"),le=require("./components/icon/Icon.js"),ce=require("./components/icon-button/IconButton.js"),se=require("./components/input/Input.js"),de=require("./components/label/Label.js"),pe=require("./components/link/Link.js"),qe=require("./components/menu/Menu.js"),Fe=require("./components/menu/parts/MenuContent.js"),Se=require("./components/menu/parts/MenuHeader.js"),me=require("./components/menu/parts/MenuItem.js"),be=require("./components/menu/parts/MenuSeparator.js"),Ae=require("./components/menu/parts/MenuTrigger.js"),Pe=require("./components/multi-select/MultiSelect.js"),xe=require("./components/multi-select/parts/MultiSelectOption.js"),Be=require("./components/multi-select/parts/MultiSelectOptGroup.js"),Me=require("./components/multi-select-field/MultiSelectField.js"),ge=require("./components/nav/Nav.js"),Te=require("./components/nav/parts/NavGroup.js"),F=require("./components/nav/parts/NavItem.js"),Ce=require("./components/payfit-brand/PayFitBrand.js"),ke=require("./components/payfit-brand/PayFitPreprod.js"),he=require("./components/pill/Pill.js"),ve=require("./components/progress-bar/ProgressBar.js"),Ie=require("./components/select/parts/SelectButton.js"),Ge=require("./components/select/parts/SelectOption.js"),Le=require("./components/select/parts/SelectOptionGroup.js"),De=require("./components/select/parts/SelectOptionHelper.js"),He=require("./components/select/Select.js"),Oe=require("./components/select-field/SelectField.js"),S=require("./components/selectable-button-group/SelectableButtonGroup.js"),m=require("./components/selectable-button-group/parts/SelectableButton.js"),b=require("./components/side-panel/SidePanel.js"),A=require("./components/side-panel/parts/SidePanelHeader.js"),P=require("./components/side-panel/parts/SidePanelContent.js"),x=require("./components/side-panel/parts/SidePanelFooter.js"),ye=require("./components/spinner/Spinner.js"),Ne=require("./components/tabs/Tabs.js"),Re=require("./components/tabs/parts/Tab.js"),fe=require("./components/tabs/parts/TabList.js"),_e=require("./components/tabs/parts/TabPanel.js"),Ue=require("./components/text/Text.js"),Qe=require("./components/text/Text.variants.js"),B=require("./components/text-area/TextArea.js"),Ve=require("./components/text-field/TextField.js"),je=require("./components/toast/toast.js"),M=require("./components/toast/ToastManager.js"),we=require("./components/tooltip/Tooltip.js"),ze=require("./hooks/use-breakpoint-listener.js"),Ee=require("./hooks/use-media-query.js"),Je=require("./hooks/use-form.js"),g=require("./providers/router/RouterProvider.js"),Ke=require("./providers/router/integrations/UnityReactRouterV5Provider.js"),We=require("react-aria-components");exports.Actionable=T.Actionable;exports.Alert=C.Alert;exports.AlertActions=k.AlertActions;exports.AlertContent=h.AlertContent;exports.AlertTitle=v.AlertTitle;exports.Anchor=I.Anchor;exports.AppLayout=G.AppLayout;exports.AppMenu=L.AppMenu;exports.AppMenuHeader=D.AppMenuHeader;exports.AppMenuFooter=H.AppMenuFooter;exports.AppMenuNavContent=O.AppMenuNavContent;exports.AppMenuContext=e.AppMenuContext;exports.AppMenuContextProvider=e.AppMenuContextProvider;exports.useAppMenuContext=e.useAppMenuContext;exports.Avatar=y.Avatar;exports.getInitials=N.getInitials;exports.AvatarFallback=R.AvatarFallback;exports.AvatarImage=f.AvatarImage;exports.AvatarPair=_.AvatarPair;exports.Badge=U.Badge;exports.BottomSheet=t.BottomSheet;exports.bottomSheet=t.bottomSheet;exports.BottomSheetHeader=r.BottomSheetHeader;exports.bottomSheetHeader=r.bottomSheetHeader;exports.BottomSheetContent=o.BottomSheetContent;exports.bottomSheetContent=o.bottomSheetContent;exports.BottomSheetFooter=n.BottomSheetFooter;exports.bottomSheetFooter=n.bottomSheetFooter;exports.Breadcrumbs=Q.Breadcrumbs;exports.Breadcrumb=V.Breadcrumb;exports.Button=j.Button;exports.Checkbox=i.Checkbox;exports.checkbox=i.checkbox;exports.CheckboxField=w.CheckboxField;exports.CheckboxGroup=u.CheckboxGroup;exports.checkboxGroup=u.checkboxGroup;exports.CheckboxGroupField=z.CheckboxGroupField;exports.DatePicker=E.DatePicker;exports.DatePickerField=J.DatePickerField;exports.Dialog=a.Dialog;exports.dialog=a.dialog;exports.DialogActions=K.DialogActions;exports.DialogButton=W.DialogButton;exports.DialogContent=X.DialogContent;exports.DialogTitle=Y.DialogTitle;exports.Fieldset=l.Fieldset;exports.fieldset=l.fieldset;exports.FieldGroup=Z.FieldGroup;exports.Flex=c.Flex;exports.Stack=c.Stack;exports.flex=s.flex;exports.flexItem=s.flexItem;exports.FlexItem=d.FlexItem;exports.StackItem=d.StackItem;exports.Form=$.Form;exports.FormField=ee.FormField;exports.FormControl=te.FormControl;exports.FormContextualLink=re.FormContextualLink;exports.FormFeedbackText=oe.FormFeedbackText;exports.FormHelperText=ne.FormHelperText;exports.FormLabel=ie.FormLabel;exports.FullPageLoader=p.FullPageLoader;exports.fullPageLoader=p.fullPageLoader;exports.Grid=ue.Grid;exports.grid=q.grid;exports.gridItem=q.gridItem;exports.GridItem=ae.GridItem;exports.Icon=le.Icon;exports.IconButton=ce.IconButton;exports.Input=se.Input;exports.Label=de.Label;exports.Link=pe.Link;exports.Menu=qe.Menu;exports.MenuContent=Fe.MenuContent;exports.MenuHeader=Se.MenuHeader;exports.MenuItem=me.MenuItem;exports.MenuSeparator=be.MenuSeparator;exports.MenuTrigger=Ae.MenuTrigger;exports.MultiSelect=Pe.MultiSelect;exports.MultiSelectOption=xe.MultiSelectOption;exports.MultiSelectOptGroup=Be.MultiSelectOptGroup;exports.MultiSelectField=Me.MultiSelectField;exports.Nav=ge.Nav;exports.NavGroup=Te.NavGroup;exports.NavItem=F.NavItem;exports.navItemBase=F.navItemBase;exports.PayFitBrand=Ce.PayFitBrand;exports.PayFitBrandPreprod=ke.PayFitBrandPreprod;exports.Pill=he.Pill;exports.ProgressBar=ve.ProgressBar;exports.SelectButton=Ie.SelectButton;exports.SelectOption=Ge.SelectOption;exports.SelectOptionGroup=Le.SelectOptionGroup;exports.SelectOptionHelper=De.SelectOptionHelper;exports.Select=He.Select;exports.SelectField=Oe.SelectField;exports.SelectableButtonGroup=S.SelectableButtonGroup;exports.selectableButtonGroup=S.selectableButtonGroup;exports.SelectableButton=m.SelectableButton;exports.selectableButton=m.selectableButton;exports.SidePanel=b.SidePanel;exports.sidePanel=b.sidePanel;exports.SidePanelHeader=A.SidePanelHeader;exports.sidePanelHeader=A.sidePanelHeader;exports.SidePanelContent=P.SidePanelContent;exports.sidePanelContent=P.sidePanelContent;exports.SidePanelFooter=x.SidePanelFooter;exports.sidePanelFooter=x.sidePanelFooter;exports.Spinner=ye.Spinner;exports.Tabs=Ne.Tabs;exports.Tab=Re.Tab;exports.TabList=fe.TabList;exports.TabPanel=_e.TabPanel;exports.Text=Ue.Text;exports.text=Qe.text;exports.TextArea=B.TextArea;exports.textArea=B.textArea;exports.TextField=Ve.TextField;exports.toast=je.toast;exports.TOAST_CONFIG=M.TOAST_CONFIG;exports.ToastManager=M.ToastManager;exports.Tooltip=we.Tooltip;exports.useBreakpointListener=ze.useBreakpointListener;exports.useMediaQuery=Ee.useMediaQuery;exports.useUnityForm=Je.useUnityForm;exports.RouterProvider=g.RouterProvider;exports.useRouter=g.useRouter;exports.UnityReactRouterV5Provider=Ke.UnityReactRouterV5Provider;Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>We.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,12 +0,0 @@
-import { ButtonProps as AriaButtonProps } from 'react-aria-components';
-interface ActionableProps extends AriaButtonProps {
-    /** Additional class names to apply to the actionable */
-    className?: string;
-    /** set to true to remove the Actionable's base styles */
-    isUnstyled?: boolean;
-}
-/**
- * The Actionable primitive is a component that helps you build interactive surfaces of any kind.
- */
-declare const Actionable: import('react').ForwardRefExoticComponent<ActionableProps & 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
-};