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

package/dist/cjs/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,225 @@
+import { ReactNode } from 'react';
+import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+export declare const checkbox: import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string;
+    asterisk: string;
+    optionalTag: string;
+    descriptionsContainer: string;
+    helperText: string;
+    feedbackText: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string;
+    asterisk: string;
+    optionalTag: string;
+    descriptionsContainer: string;
+    helperText: string;
+    feedbackText: string;
+}, import('tailwind-variants').TVReturnType<{
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    wrapper: string;
+    asterisk: string;
+    optionalTag: string;
+    descriptionsContainer: string;
+    helperText: string;
+    feedbackText: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+    isInvalid: {
+        true: {};
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export interface CheckboxProps extends Omit<AriaCheckboxProps, 'className'> {
+    /**
+     * The content to display as the checkbox label.
+     * This is required for accessibility.
+     */
+    children: ReactNode;
+    /**
+     * Additional text displayed below the checkbox to provide context or guidance.
+     * Can contain rich content like links or formatted text.
+     */
+    helperText?: ReactNode;
+    /**
+     * Error message displayed when the checkbox is in an invalid state.
+     * Only shown when `isInvalid` is true.
+     */
+    feedbackText?: ReactNode;
+    /**
+     * Controls how the required state is displayed.
+     * - 'required': Shows an asterisk (*) when isRequired is true
+     * - 'optional': Shows "(optional)" text when isRequired is false
+     * @default 'required'
+     */
+    requiredVariant?: 'required' | 'optional';
+    /**
+     * Whether the checkbox is disabled.
+     * When true, the checkbox cannot be interacted with and appears dimmed.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Whether the checkbox is in a read-only state.
+     * When true, the checkbox cannot be modified but maintains normal appearance and can be focused.
+     * @default false
+     */
+    isReadOnly?: boolean;
+    /**
+     * Whether the checkbox is in an invalid state.
+     * Use this for form validation feedback.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * Whether the checkbox is required.
+     * This affects form validation and the display of required/optional indicators.
+     * @default false
+     */
+    isRequired?: boolean;
+    /**
+     * Whether the checkbox is selected (controlled).
+     * Use this with `onChange` for controlled checkbox state.
+     */
+    isSelected?: boolean;
+    /**
+     * The default selected state (uncontrolled).
+     * Use this when you don't need to control the checkbox state.
+     * @default false
+     */
+    defaultSelected?: boolean;
+    /**
+     * Whether the checkbox is in an indeterminate state.
+     * Useful for parent checkboxes in a tree structure.
+     * @default false
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Handler called when the checkbox's selected state changes.
+     * @param isSelected The new selected state
+     */
+    onChange?: (isSelected: boolean) => void;
+    /**
+     * Handler called when the checkbox receives focus.
+     */
+    onFocus?: () => void;
+    /**
+     * Handler called when the checkbox loses focus.
+     */
+    onBlur?: () => void;
+    /**
+     * The name of the checkbox when used in a form.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox when used in a form.
+     */
+    value?: string;
+}
+/**
+ * The `Checkbox` component is an accessible form control that allows users to select multiple options from a set.
+ * It follows WAI-ARIA checkbox patterns and is built on top of React Aria Components.
+ * @param {CheckboxProps} props - The props for the `Checkbox` component
+ * @example
+ * ```tsx
+ * import { Checkbox } from '@payfit/unity-components'
+ *
+ * <Checkbox>Accept terms and conditions</Checkbox>
+ * ```
+ * @see {@link CheckboxProps} for all available props
+ */
+declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLLabelElement>>;
+export { Checkbox };

package/dist/cjs/components/checkbox/Checkbox.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),D=require("react-aria"),I=require("react-aria-components"),O=require("tailwind-variants"),u=require("../text/Text.js"),$=require("./parts/CheckboxIndicator.js"),y=O.tv({slots:{base:"uy-group uy-inline-flex uy-flex-col uy-gap-50 uy-py-[1px]",wrapper:"uy-inline-flex uy-items-center uy-gap-[2px] uy-typography-body uy-text-content-form-enabled data-[focus-visible]:uy-outline data-[focus-visible]:uy-outline-[2px] data-[focus-visible]:uy-outline-utility-focus-ring data-[focus-visible]:uy-outline-offset-2 uy-rounded-25",asterisk:"uy-text-content-danger",optionalTag:"uy-typography-body",descriptionsContainer:"uy-ml-300 uy-leading-0 uy-inline-flex uy-flex-col uy-gap-50",helperText:"uy-typography-body-small uy-text-content-neutral-low",feedbackText:"uy-typography-body-small-strong uy-text-content-form-invalid"},variants:{isDisabled:{true:{base:"!uy-text-content-form-disabled"}},isInvalid:{true:{}},isReadOnly:{true:{base:"uy-cursor-not-allowed"}}},defaultVariants:{isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isDisabled:!1,isReadOnly:!1,className:{wrapper:"uy-cursor-pointer"}},{isDisabled:!0,isReadOnly:!1,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!1,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}},{isDisabled:!0,isReadOnly:!0,className:{wrapper:"uy-cursor-not-allowed"}}]}),b=t.forwardRef(({children:p,helperText:s,feedbackText:i,...l},x)=>{const a=D.useId(),{isDisabled:m,isReadOnly:f,isInvalid:n,isRequired:r,requiredVariant:o="required"}=l,{base:g,wrapper:h,asterisk:v,optionalTag:j,descriptionsContainer:N,helperText:w,feedbackText:q}=y({isDisabled:m,isReadOnly:f,isInvalid:n}),d=[l["aria-labelledby"],`${a}-label`].filter(Boolean),c=[l["aria-describedby"],typeof s=="string"?`${a}-helper-text`:void 0,typeof i=="string"?`${a}-feedback-text`:void 0].filter(Boolean),k=d.length>0?d.join(" "):void 0,R=c.length>0?c.join(" "):void 0;return e.jsxs("div",{className:g(),children:[e.jsx(I.Checkbox,{...l,ref:x,className:h(),"aria-labelledby":k,"aria-describedby":R,children:C=>e.jsxs(e.Fragment,{children:[e.jsx($.CheckboxIndicator,{...C,className:"uy-mr-[6px]"}),e.jsx("span",{id:`${a}-label`,className:"uy-leading-100",children:p}),o==="required"&&r&&e.jsxs("span",{className:v(),children:["*",e.jsx("span",{className:"uy-sr-only",children:"required"})]}),o==="optional"&&!r&&e.jsx("span",{className:j(),children:"(optional)"})]})}),(s||i)&&e.jsxs("div",{className:N(),children:[typeof s=="string"?e.jsx(u.Text,{variant:"bodySmall",color:"content.neutral.low",id:`${a}-helper-text`,children:s}):t.isValidElement(s)&&t.cloneElement(s,{"data-id":`${a}-helper-text`,className:w()}),n&&(typeof i=="string"?e.jsx(u.Text,{variant:"bodySmallStrong",color:"content.form.invalid",id:`${a}-feedback-text`,children:i}):t.isValidElement(i)&&t.cloneElement(i,{"data-id":`${a}-feedback-text`,className:q()}))]})]})});b.displayName="Checkbox";exports.Checkbox=b;exports.checkbox=y;

package/dist/cjs/components/checkbox/parts/CheckboxIndicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("tailwind-variants"),c=n.tv({slots:{base:["uy-flex uy-items-center uy-justify-center uy-rounded-50 uy-w-200 uy-h-200 uy-text-content-inverted uy-border uy-transition-all uy-duration-100"],checkmark:["uy-w-[16px] uy-fill-none uy-stroke-[2px] uy-stroke-content-inverted uy-transition-all uy-duration-500"]},variants:{isSelected:{true:{base:"uy-border-border-form-active uy-bg-surface-form-active"}},isDisabled:{true:""},isReadOnly:{true:""},isInvalid:{true:""}},defaultVariants:{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1},compoundVariants:[{isSelected:!1,isDisabled:!1,isInvalid:!1,isReadOnly:!1,className:{base:"uy-border-border-form-enabled uy-bg-surface-form-enabled"}},{isSelected:!1,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isDisabled:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-disabled"}},{isSelected:!1,isInvalid:!0,className:{base:"uy-border-border-form-error uy-bg-surface-form-enabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isInvalid:!0,className:{base:"!uy-border-border-danger !uy-bg-surface-danger",checkmark:"uy-text-content-inverted"}},{isSelected:!1,isReadOnly:!0,className:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",checkmark:"uy-text-transparent"}},{isSelected:!0,isReadOnly:!0,className:{base:"!uy-bg-surface-form-disabled uy-border-border-form-disabled",checkmark:"uy-text-border-form-read-only"}}]});function a({isSelected:r,isDisabled:s,isIndeterminate:t,isInvalid:d,isReadOnly:i,className:o}){const{base:l,checkmark:u}=c({isSelected:r,isDisabled:s,isInvalid:d,isReadOnly:i});return e.jsx("div",{className:l({className:o}),children:e.jsx("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 16 16","aria-hidden":"true",className:u(),style:{strokeDashoffset:r?44:66},children:t?e.jsx("rect",{x:"3",y:"7",width:"10",height:"2",rx:"0.5",stroke:"none",fill:"currentColor"}):e.jsx("polyline",{points:"3.5,8 6.5,11 12.5,5",stroke:"currentColor",strokeDasharray:"22",strokeLinecap:"butt",strokeLinejoin:"bevel"})})})}a.displayName="CheckboxIndicator";exports.CheckboxIndicator=a;

package/dist/cjs/components/checkbox-field/CheckboxField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),q=require("react-hook-form"),y=require("../checkbox/Checkbox.js"),j=require("../form-field/FormField.js"),p=require("../form-field/parts/FormControl.js"),T=require("../form-field/parts/FormFeedbackText.js");function g({name:o,children:r,defaultSelected:c,helperText:n,contextualLink:i,isRequired:s,isInvalid:l,isLoading:u,isDisabled:x,isReadOnly:d,requiredVariant:F,...a},m){const{control:b,watch:k}=q.useFormContext(),h=k(o),C={isRequired:s,isInvalid:l,isLoading:u,isDisabled:x,isReadOnly:d};return e.jsxs(j.FormField,{control:b,name:o,className:"uy-flex uy-flex-col uy-gap-100",...C,children:[e.jsx(p.FormControl,{children:e.jsx(y.Checkbox,{ref:m,defaultSelected:c,isSelected:h,requiredVariant:F,helperText:n,feedbackText:e.jsx(T.FormFeedbackText,{}),...a,children:r})}),i]})}const t=f.forwardRef(function(r,c){return g(r,c)});t.displayName="CheckboxField";exports.CheckboxField=t;

package/dist/cjs/components/checkbox-group/CheckboxGroup.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from 'react';
+import { CheckboxGroupProps as AriaCheckboxGroupProps } from 'react-aria-components';
+import { VariantProps } from 'tailwind-variants';
+export declare const checkboxGroup: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy-flex uy-flex-col uy-gap-50", import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy-flex uy-flex-col uy-gap-50", import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+export interface CheckboxGroupProps extends VariantProps<typeof checkboxGroup>, Omit<AriaCheckboxGroupProps, 'className' | 'class'> {
+    /** The label for the checkbox group. */
+    label: string;
+    /** Helper text to display below the checkbox group. */
+    helperText?: ReactNode;
+    /** Feedback text to display below the checkbox group. */
+    feedbackText?: ReactNode;
+    /** The default selected values of the checkbox group. */
+    defaultValue?: string[];
+    /** The current selected values of the checkbox group (controlled). */
+    value?: string[];
+    /** Whether the checkbox group is disabled. */
+    isDisabled?: boolean;
+    /** Whether the checkbox group is read-only. */
+    isReadOnly?: boolean;
+    /** Whether the checkbox group is invalid. */
+    isInvalid?: boolean;
+    /** Whether the checkbox group is required. */
+    isRequired?: boolean;
+    /** Whether the checkbox group is loading. */
+    isLoading?: boolean;
+    /** The variant of the required indicator. */
+    requiredVariant?: 'required' | 'optional';
+    /** Callback when the selection changes. */
+    onChange?: (value: string[]) => void;
+    /**
+     * Handler called when the checkbox receives focus.
+     */
+    onFocus?: AriaCheckboxGroupProps['onFocus'];
+    /**
+     * Handler called when the checkbox loses focus.
+     */
+    onBlur?: AriaCheckboxGroupProps['onBlur'];
+    /**
+     * Handler that is called when the element's focus status changes.
+     * @param isFocused
+     */
+    onFocusChange?: (isFocused: boolean) => void;
+    children: ReactNode;
+}
+/**
+ * The `CheckboxGroup` component is an accessible group of related checkboxes.
+ * It provides a way to select multiple options from a list of choices.
+ * @param {CheckboxGroupProps} props - The props for the `CheckboxGroup` component
+ * @example
+ * ```tsx
+ * import { CheckboxGroup, Checkbox } from '@payfit/unity-components'
+ *
+ * <CheckboxGroup
+ *   label="Notification preferences"
+ *   helperText="Choose how you want to receive notifications"
+ * >
+ *   <Checkbox value="email">Email notifications</Checkbox>
+ *   <Checkbox value="sms">SMS notifications</Checkbox>
+ *   <Checkbox value="push">Push notifications</Checkbox>
+ * </CheckboxGroup>
+ * ```
+ * @see {@link CheckboxProps} for all available props
+ */
+declare const CheckboxGroup: import('react').ForwardRefExoticComponent<CheckboxGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export { CheckboxGroup };

package/dist/cjs/components/checkbox-group/CheckboxGroup.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),g=require("react-aria-components"),j=require("tailwind-variants"),f=require("../label/Label.js"),l=require("../text/Text.js"),a=j.tv({base:"uy-flex uy-flex-col uy-gap-50"}),i=r.forwardRef(({label:t,helperText:n,feedbackText:e,isDisabled:u,isReadOnly:x,isInvalid:s,isRequired:c,isLoading:y,children:m,requiredVariant:p,...d},b)=>{const h={isDisabled:u,isReadOnly:x,isInvalid:s,isRequired:c,isLoading:y};return o.jsxs(g.CheckboxGroup,{...h,...d,ref:b,className:a(),children:[t&&o.jsx(f.Label,{isRequired:c,requiredVariant:p,children:t}),n&&o.jsx(l.Text,{variant:"bodySmall",color:"content.neutral.low",slot:"description",children:n}),o.jsx("div",{className:"uy-mt-100 uy-flex uy-flex-col uy-gap-150 uy-py-25",children:m}),s&&(typeof e=="string"?o.jsx(l.Text,{variant:"bodySmallStrong",color:"content.form.invalid",slot:"errorMessage",children:e}):r.isValidElement(e)&&r.cloneElement(e,{slot:"errorMessage"}))]})});i.displayName="CheckboxGroup";exports.CheckboxGroup=i;exports.checkboxGroup=a;

package/dist/cjs/components/checkbox-group-field/CheckboxGroupField.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("react"),G=require("react-hook-form"),f=require("../checkbox-group/CheckboxGroup.js"),j=require("../form-field/FormField.js"),y=require("../form-field/parts/FormControl.js"),T=require("../form-field/parts/FormFeedbackText.js");function R({name:o,label:r,defaultValue:t,helperText:n,contextualLink:i,isRequired:u,isInvalid:s,isLoading:l,isDisabled:F,isReadOnly:d,requiredVariant:x,children:m,...b},a){const{control:k,watch:p}=G.useFormContext(),h=p(o),C={isRequired:u,isInvalid:s,isLoading:l,isDisabled:F,isReadOnly:d};return e.jsxs(j.FormField,{control:k,name:o,...C,children:[e.jsx(y.FormControl,{children:e.jsx(f.CheckboxGroup,{ref:a,label:r,defaultValue:t,value:h,helperText:n,feedbackText:e.jsx(T.FormFeedbackText,{}),requiredVariant:x,...b,children:m})}),i]})}const c=q.forwardRef(function(r,t){return R(r,t)});c.displayName="CheckboxGroupField";exports.CheckboxGroupField=c;

package/dist/cjs/components/date-picker/DatePicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),I=require("react"),s=require("react-aria-components"),N=require("react-intl"),m=require("tailwind-variants"),P=require("../icon/Icon.js"),W=require("./parts/DateCalendar.js"),R=require("./parts/DateInput.js"),U=m.tv({slots:{base:["uy-group uy-flex uy-h-500 uy-border uy-rounded-100","active:uy-border-border-form-active data-[focus-visible]:uy-border-border-form-active"],inputWrapper:["uy-flex uy-grow uy-rounded-75 uy-outline-none","focus-within:uy-outline-2 focus-within:uy-outline-utility-focus-ring focus-within:uy-outline-offset-2","group-[:has(button:focus)]:data-[focus-within]:uy-outline-none group-[:has(button:focus)]:data-[focus-within]:uy-outline-offset-0 group-[:has(button:focus)]:data-[focus-within]:uy-outline-transparent"],suffix:["uy-flex-grow-0 uy-content-center uy-pt-100 uy-pb-100 uy-pl-150 uy-pr-150 uy-border-l uy-rounded-r-100","hover:uy-bg-surface-neutral-hover active:uy-bg-surface-neutral-pressed active:uy-border-border-form-active data-[pressed]:uy-bg-surface-neutral-pressed data-[pressed]:uy-border-border-form-active","focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-[3px]"]},variants:{isInvalid:{true:{base:"uy-border-border-form-error uy-bg-surface-form-error",suffix:"uy-bg-surface-form-error uy-border-border-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",suffix:"uy-bg-surface-form-disabled uy-border-border-form-disabled uy-text-content-form-disabled"}},isDisabled:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled",inputWrapper:"uy-bg-surface-form-disabled uy-text-content-form-disabled",suffix:"uy-bg-surface-form-disabled uy-border-border-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",suffix:"uy-border-border-form-enabled uy-bg-surface-neutral-low uy-text-content-form-enabled"}}]}),M=m.tv({base:"uy-overflow-auto uy-shadow-floating uy-border uy-border-solid uy-border-border-neutral uy-bg-surface-neutral uy-rounded-75",variants:{isEntering:{true:"uy-animate-in uy-fade-in data-[placement-bottom]:uy-slide-in-from-top-1 data-[placement-top]:uy-slide-in-from-bottom-1 uy-duration-200 uy-ease-out"},isExiting:{true:"uy-animate-out uy-fade-out data-[placement-bottom]:uy-slide-out-to-top-1 data-[placement-top]:uy-slide-out-to-bottom-1 uy-duration-150 uy-ease-in"}}}),p=I.forwardRef(({value:f,defaultValue:b,isInvalid:c,isLoading:v,isDisabled:t,isReadOnly:u,onClearButtonPress:d,onBlur:o,onFocus:i,onChange:n,onOpenChange:l,id:x,...e},O)=>{const g=N.useIntl(),{base:h,inputWrapper:D,suffix:w}=U({isInvalid:!!c,isReadOnly:!!u,isDisabled:!!t}),y=r=>{n==null||n(r??void 0)},j=r=>{l==null||l(r),r?i==null||i():o==null||o()},k=r=>e.isDateUnavailable?e.isDateUnavailable(r):!1,V=()=>{d==null||d()};return a.jsxs(s.DatePicker,{...e,className:h(),value:f,defaultValue:b,minValue:e.minValue,maxValue:e.maxValue,isReadOnly:!!u,isDisabled:!!t,onChange:y,onFocus:i,onBlur:o,onOpenChange:j,isDateUnavailable:k,children:[a.jsxs(s.Group,{className:D(),id:x,children:[a.jsx(R.DateInput,{isLoading:v,isDisabled:t,isReadOnly:u,isInvalid:c,onClearButtonPress:V}),a.jsx(s.Button,{className:w(),isDisabled:u||t,children:a.jsx(P.Icon,{src:"CalendarBlankOutlined",color:"inherit",alt:g.formatMessage({id:"unity:component:form-field:date-picker:calendar-button",defaultMessage:"Open Calendar"})})})]}),a.jsx(s.Popover,{className:({isEntering:r,isExiting:q})=>M({isEntering:r,isExiting:q}),children:a.jsx(W.DateCalendar,{value:f,defaultValue:b,minValue:e.minValue,maxValue:e.maxValue,onChange:y,firstDayOfWeek:e.firstDayOfWeek})})]})});p.displayName="DatePicker";exports.DatePicker=p;

package/dist/cjs/components/date-picker/parts/DateCalendar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),d=require("@internationalized/date"),t=require("react-aria-components"),G=require("tailwind-variants"),g=require("../../icon-button/IconButton.js"),I=require("../hooks/useMonthsList.js"),Y=require("../hooks/useYearsList.js"),f=require("./DateSegmentSelect.js"),B=G.tv({slots:{dialog:"uy-p-150",calendarWrapper:"uy-flex uy-flex-col uy-gap-150",dialogHeader:"uy-flex uy-items-center uy-h-500 uy-w-full",dialogHeaderGroup:"uy-flex uy-items-center",calendarGrid:"uy-border-separate uy-border-spacing-0 uy-w-full",calendarHeaderCell:"uy-typography-body-strong uy-text-content-neutral-low uy-w-[44px] uy-h-[44px] uy-uppercase",calendarCell:["uy-typography-body uy-relative uy-text-content-form-enabled uy-w-[44px] uy-h-[44px] uy-outline-hidden uy-cursor-pointer uy-rounded-circle uy-flex uy-items-center uy-justify-center","hover:uy-bg-surface-neutral-hover active:uy-bg-surface-form-active data-[pressed]:uy-bg-surface-neutral-pressed focus-visible:uy-outline-2 focus-visible:uy-outline-utility-focus-ring focus-visible:uy-outline-offset-2","data-[outside-month]:uy-text-content-neutral-disabled data-[outside-month]:uy-cursor-not-allowed data-[disabled]:uy-text-content-neutral-disabled data-[disabled]:uy-cursor-not-allowed data-[unavailable]:uy-text-content-neutral-disabled data-[unavailable]:uy-cursor-not-allowed","data-[selected]:uy-bg-surface-form-active data-[selected]:uy-text-content-inverted","data-[today]:after:uy-content-' ' data-[today]:after:uy-absolute data-[today]:after:uy-bottom-150 data-[today]:after:uy-w-100 data-[today]:after:uy-h-25 data-[today]:after:uy-bg-border-primary-active data-[today]:data-[selected]:after:uy-bg-content-inverted"]},variants:{isDisabled:{true:{calendarHeaderCell:"uy-text-content-form-disabled"}}},defaultVariants:{isDisabled:!1}});function x({value:c,defaultValue:l,minValue:r,maxValue:n,...s}){const y=d.today(d.getLocalTimeZone()),[m,v]=h.useState(c??l??y),[o,i]=h.useState(c??l??y),C=I.useMonthsList(),p=Y.useYearsList({startYear:r==null?void 0:r.year,endYear:n==null?void 0:n.year}),D=a=>{i(u=>u.set({month:parseInt(a,10)}))},j=a=>{i(u=>u.set({year:parseInt(a,10)}))},{dialog:N,calendarWrapper:S,dialogHeader:w,dialogHeaderGroup:b,calendarGrid:H,calendarHeaderCell:q,calendarCell:L}=B({isDisabled:s.isDisabled});return e.jsx(t.Dialog,{className:N(),children:e.jsx(t.Calendar,{...s,minValue:r,maxValue:n,value:m,defaultValue:l,onChange:a=>{v(a)},focusedValue:o,onFocusChange:a=>{i(a)},children:e.jsxs("div",{className:S(),children:[e.jsxs("header",{className:w(),children:[e.jsx(t.Heading,{className:"uy-sr-only"}),e.jsxs("div",{className:b({className:"uy-pl-100 uy-gap-200"}),children:[e.jsx(f.DateSegmentSelect,{type:"month",items:C,value:o.month.toString(),onChange:D,isDisabled:s.isDisabled}),e.jsx(f.DateSegmentSelect,{type:"year",items:p,value:o.year.toString(),onChange:j,isDisabled:s.isDisabled})]}),e.jsxs("div",{className:b({className:"uy-ml-auto uy-gap-100"}),children:[e.jsx(g.IconButton,{slot:"previous",icon:"CaretLeftOutlined",color:"neutral",label:"Previous",variant:"ghost",isDisabled:s.isDisabled}),e.jsx(g.IconButton,{slot:"next",icon:"CaretRightOutlined",color:"neutral",label:"Next",variant:"ghost",isDisabled:s.isDisabled})]})]}),e.jsxs(t.CalendarGrid,{className:H(),weekdayStyle:"short",children:[e.jsx(t.CalendarGridHeader,{children:a=>e.jsx(t.CalendarHeaderCell,{className:q(),children:a})}),e.jsx(t.CalendarGridBody,{children:a=>e.jsx(t.CalendarCell,{date:a,"data-today":d.isToday(a,d.getLocalTimeZone())?!0:void 0,className:L()})})]})]})})})}x.displayName="DateCalendar";exports.DateCalendar=x;

package/dist/cjs/components/date-picker/parts/DateInput.d.ts

@@ -0,0 +1,155 @@
+import { CalendarDate } from '@internationalized/date';
+import { ReactElement } from 'react';
+import { DateFieldProps } from 'react-aria-components';
+export declare const dateInput: import('tailwind-variants').TVReturnType<{
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    input: string;
+    state: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}>, {
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    input: string;
+    state: string;
+}, import('tailwind-variants').TVReturnType<{
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    input: string;
+    state: string;
+}, undefined, import('tailwind-variants/dist/config').TVConfig<{
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}, {
+    isInvalid: {
+        true: {
+            base: string;
+            state: string;
+        };
+    };
+    isReadOnly: {
+        true: {
+            base: string;
+        };
+    };
+    isDisabled: {
+        true: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+export interface DateInputProps extends DateFieldProps<CalendarDate> {
+    /** Element to display after the input field */
+    suffix?: ReactElement;
+    /** Whether the field is required */
+    isRequired?: boolean;
+    /** 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;
+    /** Clear button click handler */
+    onClearButtonPress?: () => void;
+}
+export declare function DateInput({ isLoading, isInvalid, isReadOnly, isDisabled, onClearButtonPress, }: DateInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace DateInput {
+    var displayName: string;
+}

package/dist/cjs/components/date-picker/parts/DateInput.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("react"),s=require("react-aria-components"),I=require("react-intl"),c=require("tailwind-variants"),v=require("../../icon-button/CircularIconButton.js"),j=require("../../icon/Icon.js"),h=require("../../spinner/Spinner.js"),q=c.tv({base:"uy-group uy-box-content uy-rounded-25 uy-px-25 uy-text-end uy-tabular-nums uy-outline-none uy-typography-body focus:uy-bg-surface-form-active focus:uy-rounded-25 focus:uy-text-content-inverted data-[disabled]:uy-text-content-form-disabled",variants:{isPlaceholder:{true:"uy-text-content-neutral-lowest",false:"uy-text-content-form-enabled"},isLiteral:{true:"uy-text-content-form-enabled",false:""}}}),d=c.tv({slots:{base:"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 uy-gap-25 uy-w-fit uy-grow",state:"uy-flex uy-gap-50 uy-items-center"},variants:{isInvalid:{true:{base:"uy-bg-surface-form-error",state:"uy-text-content-form-error"}},isReadOnly:{true:{base:"uy-border-border-form-disabled uy-bg-surface-form-disabled"}},isDisabled:{true:{base:"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",state:"uy-text-content-neutral-disabled"}}]});function y({isLoading:u,isInvalid:o,isReadOnly:l,isDisabled:i,onClearButtonPress:a}){const r=I.useIntl(),t=g.useContext(s.DatePickerStateContext),{dateValue:f}=t,{base:m,input:b,state:p}=d({isInvalid:!!o,isReadOnly:!!l,isDisabled:!!i}),x=f&&!u&&!l&&!i;return e.jsxs("div",{className:m(),children:[e.jsx(s.DateInput,{className:b(),children:n=>e.jsx(s.DateSegment,{segment:n,className:q({isPlaceholder:n.isPlaceholder,isLiteral:n.type==="literal"})})}),e.jsxs("div",{className:p(),children:[u&&e.jsx(h.Spinner,{color:"inherit",size:"small",label:r.formatMessage({id:"unity:component:form-field:form-input:spinner:label",defaultMessage:"Loading"})}),o&&e.jsx(j.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:r.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),x&&e.jsx(v.CircularIconButton,{slot:null,title:r.formatMessage({id:"unity:component:form-field:form-input:clear:title",defaultMessage:"Clear"}),icon:"CloseOutlined",onPress:()=>{t==null||t.setValue(null),a==null||a()}})]})]})}y.displayName="DateInput";exports.DateInput=y;exports.dateInput=d;

package/dist/cjs/components/date-picker/parts/DateSegmentSelect.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("react"),I=require("@payfit/unity-icons"),S=require("react-aria"),j=require("react-intl");function m({items:s,value:i,onChange:g,type:e,isDisabled:o=!1}){const c=t=>()=>{const a=s.find(x=>x.id===t);return(a==null?void 0:a.name)??Array.from({length:3}).join("\0")},r=S.useId(),l=j.useIntl(),[h,b]=v.useState(c(i)),d=`${r}-calendar-${e}-select-label`,u=`${r}-calendar-${e}-select`,y=`${r}-calendar-${e}-select-description`,f=e==="month"?"unity:component:form-field:date-picker:segment-select:month":"unity:component:form-field:date-picker:segment-select:year",p=e==="month"?"unity:component:form-field:date-picker:segment-select:month-description":"unity:component:form-field:date-picker:segment-select:year-description";return n.jsxs("div",{className:"uy-isolation-isolate uy-relative uy-inline-flex uy-items-center uy-cursor-pointer",children:[n.jsx("label",{id:d,htmlFor:u,className:"uy-sr-only","aria-hidden":"true",children:l.formatMessage({id:f,defaultMessage:`Change current ${e}`})}),n.jsx("select",{id:u,value:i,onChange:t=>{g(t.target.value),b(c(t.target.value))},disabled:o,className:"uy-appearance-none uy-box-border uy-w-[var(--uy-selected-item-width)] uy-bg-transparent uy-border-none uy-rounded-50 uy-capitalize uy-text-content-form-enabled uy-typography-action-large uy-cursor-pointer uy-pr-300 disabled:uy-text-content-form-disabled focus-visible:uy-outline-2 focus-visible:uy-outline-offset-2 focus-visible:uy-outline-utility-focus-ring [-webkit-tap-highlight-color:transparent] [background-color:transparent]",style:{"--uy-selected-item-width":`calc(var(--uy-spacing-300) + ${h.length}ch)`},"aria-labelledby":d,"aria-describedby":y,children:s.map(t=>n.jsx("option",{value:t.id,children:t.name},t.id))}),n.jsx("div",{className:"uy-absolute uy-right-0 uy-pointer-events-none",children:n.jsx(I.IconSprite,{src:"CaretDownOutlined",width:20,height:20,color:"inherit",role:"presentation",className:o?"uy-text-content-form-disabled":""})}),n.jsx("span",{id:y,className:"uy-sr-only","aria-hidden":"true",children:l.formatMessage({id:p,defaultMessage:`Press Enter or Space to change ${e}, then use up and down arrows to select a ${e}`})})]})}m.displayName="DateSegmentSelect";exports.DateSegmentSelect=m;

package/dist/cjs/components/date-picker-field/DatePickerField.js

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

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>): import("react/jsx-runtime").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>): import("react/jsx-runtime").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.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.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>>): import("react/jsx-runtime").JSX.Element;
+export declare function useUnityFormProvider<TSchema extends Schema>(): UnityFormContextValue<TSchema>;
+export {};

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.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("react"),L=require("react-hook-form"),_=require("tailwind-variants"),g=require("../../hooks/use-id.js"),P=require("../form/Form.context.js"),D=require("./FormField.context.js"),I=require("./parts/FormContextualLink.js"),M=require("./parts/FormHelperText.js"),w=require("./utils/isFieldRequired.js"),E=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},c=E(o),N=_.tv({slots:{base:"uy-flex uy-flex-col uy-gap-100"}}),m=o.forwardRef(({children:e,control:f,name:r,isInvalid:p,isLoading:F,isReadOnly:x,className:q,isRequired:h,isDisabled:y},b)=>{const C=g(),{schema:i}=P.useUnityFormProvider(),{fieldState:{invalid:R},formState:s}=L.useController({name:r,control:f}),v=o.useMemo(()=>w.isFieldRequired(i,r),[i,r]),{hasHelperText:j,hasContextualLink:k}=o.useMemo(()=>{let n=!1,l=!1;const a=T=>{c.default.Children.forEach(T,u=>{if(!c.default.isValidElement(u))return;const t=u;t.type===M.FormHelperText?n=!0:t.type===I.FormContextualLink&&(l=!0),t.props&&typeof t.props=="object"&&"children"in t.props&&a(t.props.children)})};return a(e),{hasHelperText:n,hasContextualLink:l}},[e]),H={name:r,isLoading:F,isReadOnly:x,hasHelperText:j,hasContextualLink:k,id:C,isRequired:h??v,isInvalid:p??R,isDisabled:y??(s.isSubmitting||s.disabled)},{base:S}=N();return d.jsx("div",{ref:b,className:S({className:q}),children:d.jsx(D.FormFieldProvider,{...H,children:e})})});m.displayName="FormField";exports.FormField=m;

package/dist/cjs/components/form-field/parts/FormContextualLink.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),u=require("react-aria-components"),l=require("../../link/Link.js"),c=require("../../text/Text.js"),d=require("../FormField.context.js"),a=s.forwardRef(({children:e,href:n,onPress:i},o)=>{const{formContextualLinkId:r}=d.useFormField();return n?t.jsx(l.Link,{id:r,color:"secondary",variant:"standalone","data-unity-slot":"contextual-link",href:n,ref:o,children:t.jsx(c.Text,{variant:"actionSmall",children:e})}):t.jsx(u.Button,{id:r,onPress:i,"data-unity-slot":"contextual-link",className:"uy-typography-body-small uy-w-fit",ref:o,children:e})});a.displayName="FormContextualLink";exports.FormContextualLink=a;

package/dist/cjs/components/form-field/parts/FormControl.d.ts

@@ -0,0 +1,7 @@
+import { Slot } from '@radix-ui/react-slot';
+export type FormControlProps = React.ComponentProps<typeof Slot>;
+declare function FormControl({ ...props }: FormControlProps): import("react/jsx-runtime").JSX.Element;
+declare namespace FormControl {
+    var displayName: string;
+}
+export { FormControl };

package/dist/cjs/components/form-field/parts/FormControl.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const I=require("react/jsx-runtime"),g=require("react"),v=require("@radix-ui/react-slot"),x=require("react-aria"),a=require("react-hook-form"),C=require("../FormField.context.js");function n({...d}){const{name:l,hasHelperText:i,hasContextualLink:c,fieldState:e,formLabelId:u,formItemId:m,formDescriptionId:o,formMessageId:s,formContextualLinkId:b}=C.useFormField(),{control:f}=a.useFormContext(),{field:{ref:p,...q}}=a.useController({name:l,control:f}),{error:t}=e,y=g.useMemo(()=>[t?s:void 0,i?o:void 0].filter(Boolean).join(" "),[t,i,o,s]),r={isDisabled:e.isDisabled,isInvalid:e.isInvalid,isLoading:e.isLoading,isReadOnly:e.isReadOnly,isRequired:e.isRequired},F=x.mergeProps(d,r,q);return I.jsx(v.Slot,{...F,ref:p,"data-slot":"form-control",id:m,"aria-labelledby":u,"aria-describedby":y,"aria-details":c?b:void 0,"aria-invalid":r.isInvalid,"aria-disabled":r.isDisabled,"aria-required":r.isRequired,"aria-busy":r.isLoading})}n.displayName="FormControl";exports.FormControl=n;