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

package/dist/cjs/components/button/Button.variants.d.ts

@@ -0,0 +1,536 @@
+import { VariantProps } from 'tailwind-variants';
+declare const buttonBase: import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>;
+export declare const buttonFilled: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        warning: string;
+        danger: string;
+        inverted: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    color: {
+        primary: string;
+        warning: string;
+        danger: string;
+        inverted: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>>;
+export declare const buttonOutlined: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        inverted: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, undefined, "uy-border", import('tailwind-variants/dist/config').TVConfig<{
+    color: {
+        primary: string;
+        inverted: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>>;
+export declare const buttonGhost: import('tailwind-variants').TVReturnType<{
+    color: {
+        primary: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+}, undefined, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    color: {
+        primary: string;
+        warning: string;
+        danger: string;
+        neutral: string;
+    };
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, undefined, "uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring", import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}, {
+    isDisabled: {
+        true: string;
+        false: string;
+    };
+    isLoading: {
+        true: string;
+        false: string;
+    };
+    size: {
+        default: string;
+        full: string;
+    };
+}>, unknown, unknown, undefined>>>;
+export type ButtonBase = VariantProps<typeof buttonBase>;
+export type ButtonFilled = VariantProps<typeof buttonFilled>;
+export type ButtonOutlined = VariantProps<typeof buttonOutlined>;
+export type ButtonGhost = VariantProps<typeof buttonGhost>;
+export {};

package/dist/cjs/components/button/Button.variants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("tailwind-variants"),t=e.tv({base:"uy-group uy-rounded-75 uy-px-200 uy-h-500 uy-inline-flex uy-items-center uy-justify-center uy-whitespace-nowrap uy-typography-action uy-transition-colors focus-visible:uy-outline-2 focus-visible:uy-outline focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring",variants:{isDisabled:{true:"disabled:uy-cursor-not-allowed",false:""},isLoading:{true:"data-[loading]:uy-cursor-progress data-[loading]:uy-text-content-neutral-disabled",false:""},size:{default:"uy-w-auto uy-grow-0 uy-basis-auto",full:"uy-grow-1 uy-w-full uy-basis-full"}},defaultVariants:{isDisabled:!1,isLoading:!1,size:"default"}}),a=e.tv({extend:t,variants:{color:{primary:"uy-bg-surface-primary uy-text-content-inverted hover:uy-bg-surface-primary-hover active:uy-bg-surface-primary-active data-[pressed]:uy-bg-surface-primary-active",warning:"uy-bg-surface-warning uy-text-content-inverted hover:uy-bg-surface-warning-hover active:uy-bg-surface-warning-active data-[pressed]:uy-bg-surface-warning-active",danger:"uy-bg-surface-danger uy-text-content-inverted hover:uy-bg-surface-danger-hover active:uy-bg-surface-danger-active data-[pressed]:uy-bg-surface-danger-active",inverted:"uy-bg-surface-inverted uy-text-content-neutral hover:uy-bg-surface-inverted-hover active:uy-bg-surface-inverted-active data-[pressed]:uy-bg-surface-inverted-active focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-bg-surface-neutral-disabled disabled:uy-text-content-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-bg-surface-neutral-disabled data-[loading]:uy-text-content-neutral-disabled",false:""}}}),r=e.tv({extend:t,base:"uy-border",variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled uy-border-border-primary-enabled",inverted:"uy-bg-transparent uy-text-content-inverted uy-border-border-inverted-enabled focus-visible:uy-outline-utility-inverted-focus-ring"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-border-border-neutral-disabled",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-border-border-neutral-disabled"}}}),u=e.tv({extend:t,variants:{color:{primary:"uy-bg-transparent uy-text-content-primary-enabled enabled:hover:uy-bg-surface-primary-lowest-hover active:uy-bg-surface-primary-lowest-active data-[pressed]:uy-bg-surface-primary-lowest-active focus-visible:uy-bg-transparent",warning:"uy-bg-transparent uy-text-content-warning-enabled enabled:hover:uy-bg-surface-warning-lowest-hover active:uy-bg-surface-warning-lowest-active data-[pressed]:uy-bg-surface-warning-lowest-active focus-visible:uy-bg-transparent",danger:"uy-bg-transparent uy-text-content-danger-enabled enabled:hover:uy-bg-surface-danger-lowest-hover active:uy-bg-surface-danger-lowest-active data-[pressed]:uy-bg-surface-danger-lowest-active focus-visible:uy-bg-transparent",neutral:"uy-bg-transparent uy-text-content-neutral-enabled enabled:hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-active data-[pressed]:uy-bg-surface-neutral-active focus-visible:uy-bg-transparent"},isDisabled:{true:"disabled:uy-text-content-neutral-disabled disabled:uy-bg-transparent",false:""},isLoading:{true:"data-[loading]:uy-text-content-neutral-disabled data-[loading]:uy-bg-transparent",false:""}}});exports.buttonFilled=a;exports.buttonGhost=u;exports.buttonOutlined=r;

package/dist/cjs/components/dialog/Dialog.d.ts

@@ -0,0 +1,30 @@
+import { PropsWithChildren } from 'react';
+import { DialogTrigger } from 'react-aria-components';
+interface DialogProps {
+    /** aria-label has to be defined if the dialog does not have a visible label*/
+    'aria-label'?: string;
+    /** (optional) modal opened by default or not **If it is set to true, the closing should be handled from outside** /*/
+    isOpen?: boolean;
+    /** it is used for controlled mode (need to be used with isOpen property) */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** if false it does not allow to close the modal when click outside, default: true*/
+    isDismissable?: boolean;
+}
+/**
+ * The `Dialog` is the container component for the dialog, it will contain the different parts of the dialog:
+ * - `DialogTitle`: It contains the title of the dialog
+ * - `DialogContent`: It contains the content of the dialog, **this component has to be defined**
+ * - `DialogActions`: It contains the action buttons
+ * - `DialogButton`: It can be:
+ *  - `close`: The one in charge to close the modal
+ *  - `confirm`: The one in charge to trigger an action
+ *  - `danger`: The one in charge to trigger a dangerous action
+ *
+ *
+ * **If the title is not a visible label, the `aria-abel` property has to be defined**
+ */
+export declare function Dialog({ children, isOpen, onOpenChange, isDismissable, ...rest }: PropsWithChildren<DialogProps>): JSX.Element;
+export declare namespace Dialog {
+    var displayName: string;
+}
+export { DialogTrigger };

package/dist/cjs/components/dialog/Dialog.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("react"),y=require("react-aria"),a=require("react-aria-components"),d=require("./parts/DialogActions.js"),c=require("./parts/DialogActions/DialogButton.js"),g=t=>{const i=r.Children.toArray(t).find(e=>r.isValidElement(e)&&e.type===d.DialogActions);return r.isValidElement(i)?r.Children.toArray(i.props.children).some(e=>r.isValidElement(e)&&e.type===c.DialogButton&&e.props.variant==="danger"):!1};function u({children:t,isOpen:i,onOpenChange:e,isDismissable:n=!0,...s}){const o=y.useId();return l.jsx(a.ModalOverlay,{isDismissable:n,isOpen:i,onOpenChange:e,className:"uy-fixed uy-inset-0 uy-z-10 uy-overflow-y-auto uy-flex uy-min-h-full uy-items-center uy-justify-center uy-text-center uy-backdrop-blur-sm uy-bg-utility-backdrop/65",children:l.jsx(a.Modal,{className:"uy-bg-surface-neutral uy-max-w-[640px] uy-overflow-hidden uy-rounded-200 uy-bg-white uy-p-400 uy-text-left uy-align-middle uy-shadow-floating",children:l.jsx(a.DialogContext.Provider,{value:{"aria-describedby":o},children:l.jsx(a.Dialog,{role:g(t)?"alertdialog":"dialog","aria-modal":"true",className:"uy-outline-none uy-relative uy-flex uy-flex-col uy-gap-400","aria-label":s["aria-label"],"aria-describedby":o,children:t})})})})}u.displayName="Dialog";Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>a.DialogTrigger});exports.Dialog=u;

package/dist/cjs/components/dialog/parts/DialogActions/DialogButton.d.ts

@@ -0,0 +1,18 @@
+import { UnityIcon } from '@payfit/unity-icons';
+import { PropsWithChildren } from 'react';
+import { ButtonProps } from '../../../button/Button.js';
+export interface DialogButtonProps extends Omit<ButtonProps, 'variant' | 'color'> {
+    /** the different variants for the button */
+    variant: 'close' | 'confirm' | 'danger';
+    /** the icon, it is a discouraged practice, except for `danger` variant which has a `WarningCircleOutlined` as default */
+    icon?: UnityIcon;
+}
+/**
+ * A `DialogButton` is a button which has to be included into `DialogActions` container
+ *
+ */
+declare const DialogButton: {
+    ({ children, variant, onPress, icon, }: PropsWithChildren<DialogButtonProps>): JSX.Element;
+    displayName: string;
+};
+export { DialogButton };

package/dist/cjs/components/dialog/parts/DialogActions/DialogButton.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("react-aria-components"),a=require("../../../button/Button.js"),i=({children:e,variant:u,onPress:t,icon:r})=>{const n=s.useContext(l.OverlayTriggerStateContext);switch(u){case"close":return o.jsx(a.Button,{prefixIcon:r,variant:"secondary",onPress:c=>{t&&t(c),n==null||n.close()},children:e});case"confirm":return o.jsx(a.Button,{prefixIcon:r,variant:"primary",onPress:t,children:e});case"danger":return o.jsx(a.Button,{variant:"primary",color:"danger",prefixIcon:r??"WarningCircleOutlined",onPress:t,children:e})}};i.displayName="DialogButton";exports.DialogButton=i;

package/dist/cjs/components/dialog/parts/DialogActions.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+declare const DialogActions: {
+    ({ children }: PropsWithChildren<object>): JSX.Element;
+    displayName: string;
+};
+export { DialogActions };

package/dist/cjs/components/dialog/parts/DialogActions.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=({children:e})=>s.jsx("div",{className:"uy-flex uy-justify-end uy-items-start uy-gap-100 uy-self-stretch",children:e});t.displayName="DialogActions";exports.DialogActions=t;

package/dist/cjs/components/dialog/parts/DialogContent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),t=require("react-aria-components"),o=s.forwardRef((e,n)=>{[e]=t.useContextProps(e,n,t.DialogContext);const{children:r,...i}=e;return a.jsx("div",{id:i["aria-describedby"],children:r})});o.displayName="DialogContent";exports.DialogContent=o;

package/dist/cjs/components/dialog/parts/DialogTitle.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+declare const DialogTitle: {
+    ({ children }: PropsWithChildren<object>): JSX.Element;
+    displayName: string;
+};
+export { DialogTitle };

package/dist/cjs/components/dialog/parts/DialogTitle.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react-aria-components"),e=({children:t})=>i.jsx(o.Heading,{slot:"title",className:"uy-typography-h2",children:t});e.displayName="DialogTitle";exports.DialogTitle=e;

package/dist/cjs/components/flex/Flex.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),j=require("react"),q=require("./Flex.variants.js"),e=j.forwardRef(({asElement:t="div",children:s,className:r,inline:a,direction:c,isReversed:l,wrap:n,gap:o,gapX:i,gapY:u,justify:x,align:d,alignContent:m,...f},y)=>{const F=q.flex({inline:a,direction:c,isReversed:l,wrap:n,gap:o,gapX:i,gapY:u,justify:x,align:d,alignContent:m,className:r});return S.jsx(t,{ref:y,className:F,...f,children:s})});e.displayName="Flex";const v=e;exports.Flex=e;exports.Stack=v;

package/dist/cjs/components/flex/FlexItem.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),I=require("react"),d=require("./Flex.variants.js"),e=I.forwardRef(({asElement:t="div",children:s,className:r,grow:a,shrink:c,basis:l,order:n,self:m,...o},i)=>{const u=d.flexItem({grow:a,shrink:c,basis:l,order:n,self:m,className:r});return x.jsx(t,{ref:i,className:u,...o,children:s})});e.displayName="FlexItem";const f=e;exports.FlexItem=e;exports.StackItem=f;

package/dist/cjs/components/form/Form.context.d.ts

@@ -0,0 +1,12 @@
+import { PropsWithChildren } from 'react';
+import { UseFormReturn } from 'react-hook-form';
+import { infer as ZodInfer } from 'zod/lib/types';
+import { Schema } from '../../hooks/use-form.types.js';
+interface UnityFormContextValue<TSchema extends Schema> {
+    schema: TSchema;
+    form: UseFormReturn<ZodInfer<TSchema>>;
+}
+export declare const UnityFormContext: import('react').Context<UnityFormContextValue<Schema> | null>;
+export declare function UnityFormProvider<TSchema extends Schema>({ children, schema, form, }: PropsWithChildren<UnityFormContextValue<TSchema>>): JSX.Element;
+export declare function useUnityFormProvider<TSchema extends Schema>(): UnityFormContextValue<TSchema>;
+export {};

package/dist/cjs/components/form/Form.context.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),t=i.createContext(null);function u({children:e,schema:r,form:o}){return n.jsx(t.Provider,{value:{schema:r,form:o},children:e})}exports.UnityFormContext=t;exports.UnityFormProvider=u;

package/dist/cjs/components/form/Form.js

@@ -0,0 +1 @@
+"use strict";var x=Object.create;var d=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var q=Object.getOwnPropertyNames;var S=Object.getPrototypeOf,k=Object.prototype.hasOwnProperty;var D=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of q(t))!k.call(e,o)&&o!==r&&d(e,o,{get:()=>t[o],enumerable:!(n=p(t,o))||n.enumerable});return e};var O=(e,t,r)=>(r=e!=null?x(S(e)):{},D(t||!e||!e.__esModule?d(r,"default",{value:e,enumerable:!0}):r,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),m=require("react"),P=require("react-aria-components"),R=require("react-hook-form"),T=require("./Form.context.js"),w=m.lazy(()=>import("@hookform/devtools").then(e=>({default:e.DevTool}))),u=m.forwardRef(({form:e,schema:t,onSuccess:r,onError:n,action:o,children:j,className:f,onReset:h,debug:v=!1,...y},F)=>{const b=m.useMemo(()=>{const i=e.formState.errors;if(!Object.keys(i).length)return;const a={};return Object.entries(i).forEach(([l,c])=>{c!=null&&c.message&&typeof c.message=="string"&&(a[l]=c.message)}),a},[e.formState.errors]),g=i=>{i.preventDefault(),e.handleSubmit(async a=>{try{await o(a),r==null||r(a)}catch(l){console.error(l),n==null||n(l)}})(i)};return s.jsx(T.UnityFormProvider,{schema:t,form:e,children:s.jsxs(R.FormProvider,{...e,children:[v&&s.jsx(m.Suspense,{fallback:()=>s.jsx(s.Fragment,{}),children:s.jsx(w,{control:e.control})}),s.jsx(P.Form,{...y,ref:F,onSubmit:g,className:f,validationErrors:b,onReset:h,children:j})]})})});u.displayName="Form";exports.Form=u;

package/dist/cjs/components/form-field/FormField.context.d.ts

@@ -0,0 +1,20 @@
+import { PropsWithChildren } from 'react';
+import { TextFieldProps } from 'react-aria-components';
+import { FieldError, FieldPath, FieldValues } from 'react-hook-form';
+interface FormFieldContextValue<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
+    name: TName;
+    value: TextFieldProps['value'];
+    type: TextFieldProps['type'];
+    isRequired: boolean;
+    requiredVariant: 'required' | 'optional';
+    isInvalid: boolean;
+    isLoading: boolean;
+    isReadOnly: boolean;
+    isDisabled: boolean;
+    validationError?: FieldError;
+    resetField: (() => void) | undefined;
+}
+export declare const FormFieldContext: import('react').Context<FormFieldContextValue<FieldValues, string>>;
+export declare function FormFieldProvider({ children, name, value, resetField, type, isRequired, requiredVariant, isInvalid, isLoading, isReadOnly, isDisabled, validationError, }: PropsWithChildren<FormFieldContextValue>): JSX.Element;
+export declare function useFormField(): FormFieldContextValue<FieldValues, string>;
+export {};