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

package/dist/cjs/components/data-table/mocks/employee-data.d.cts

@@ -1,17 +0,0 @@
-export type Employee = {
-    id: string;
-    name: string;
-    position: string;
-    avatarUrl: string;
-    team: string;
-    workingAgreement: 'Full-time' | 'Part-time' | 'Freelance' | 'Contractor';
-    startWorkingDate: string;
-    endWorkingDate: string;
-    status: 'active' | 'onboarding' | 'offboarding' | 'inactive' | 'retired';
-    manager: {
-        name: string;
-        position: string;
-        team: string;
-    } | null;
-};
-export declare const employees: Employee[];

package/dist/cjs/components/data-table/parts/ColumnSortHeader.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("../../actionable/Actionable.cjs"),l=require("../../icon/Icon.cjs");function n({children:t,header:e,...r}){return o.jsx(u.Actionable,{...r,className:"uy-flex uy-items-center uy-gap-50",onPress:()=>{e.column.getCanSort()&&e.column.toggleSorting()},children:({isHovered:s})=>{const c=e.column.getCanSort()&&(e.column.getIsSorted()||s);return o.jsxs(o.Fragment,{children:[t,c&&o.jsx(l.Icon,{src:e.column.getIsSorted()==="asc"?"ArrowUpOutlined":"ArrowDownOutlined",role:"presentation",size:20})]})}})}n.displayName="ColumnSortHeader";exports.ColumnSortHeader=n;

package/dist/cjs/components/data-table/parts/ColumnSortHeader.d.cts

@@ -1,10 +0,0 @@
-import { Header } from '@tanstack/react-table';
-import { ActionableProps } from '../../actionable/Actionable.cjs';
-export interface ColumnSortHeaderProps<TData, TValue> extends ActionableProps {
-    header: Header<TData, TValue>;
-}
-declare function ColumnSortHeader<TData, TValue>({ children, header, ...props }: ColumnSortHeaderProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-declare namespace ColumnSortHeader {
-    var displayName: string;
-}
-export { ColumnSortHeader };

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

@@ -1 +0,0 @@
-"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.cjs"),W=require("./parts/DateCalendar.cjs"),R=require("./parts/DateInput.cjs"),U=m.tv({slots:{base:["uy-group uy-flex uy-h-500 uy-border uy-border-solid 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-border-solid 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:y,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:!!y,isReadOnly:!!u,isDisabled:!!t}),c=r=>{n==null||n(r??void 0)},k=r=>{l==null||l(r),r?i==null||i():o==null||o()},j=r=>e.isDateUnavailable?e.isDateUnavailable(r):!1,V=()=>{d==null||d()};return a.jsxs(s.DatePicker,{"data-dd-privacy":"mask",...e,className:h(),value:f,defaultValue:b,minValue:e.minValue,maxValue:e.maxValue,isReadOnly:!!u,isDisabled:!!t,onChange:c,onFocus:i,onBlur:o,onOpenChange:k,isDateUnavailable:j,children:[a.jsxs(s.Group,{className:D(),id:x,children:[a.jsx(R.DateInput,{isLoading:v,isDisabled:t,isReadOnly:u,isInvalid:y,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:c,firstDayOfWeek:e.firstDayOfWeek})})]})});p.displayName="DatePicker";exports.DatePicker=p;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),n=require("@internationalized/date"),t=require("react-aria-components"),G=require("tailwind-variants"),g=require("../../icon-button/IconButton.cjs"),I=require("../hooks/useMonthsList.cjs"),Y=require("../hooks/useYearsList.cjs"),f=require("./DateSegmentSelect.cjs"),B=G.tv({slots:{dialog:"uy-p-150",calendarWrapper:"uy-flex uy-flex-col uy-gap-100",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-25 uy-w-full",calendarHeaderCell:"uy-typography-body-strong uy-text-content-neutral-low uy-w-[44px] uy-h-[44px] uy-p-[1px] uy-uppercase",calendarCell:["uy-typography-body uy-relative uy-text-content-form-enabled uy-w-[44px] uy-h-[44px] uy-p-[1px] 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:d,...s}){const y=n.today(n.getLocalTimeZone()),[p,m]=h.useState(c??l??y),[o,i]=h.useState(c??l??y),v=I.useMonthsList(),C=Y.useYearsList({startYear:r==null?void 0:r.year,endYear:d==null?void 0:d.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(),"data-dd-privacy":"mask",children:e.jsx(t.Calendar,{...s,minValue:r,maxValue:d,value:p,defaultValue:l,onChange:a=>{m(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:v,value:o.month.toString(),onChange:D,isDisabled:s.isDisabled}),e.jsx(f.DateSegmentSelect,{type:"year",items:C,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":n.isToday(a,n.getLocalTimeZone())?!0:void 0,className:L()})})]})]})})})}x.displayName="DateCalendar";exports.DateCalendar=x;

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

@@ -1 +0,0 @@
-"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.cjs"),j=require("../../icon/Icon.cjs"),h=require("../../spinner/Spinner.cjs"),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 n=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:r=>e.jsx(s.DateSegment,{segment:r,className:q({isPlaceholder:r.isPlaceholder,isLiteral:r.type==="literal"})})}),e.jsxs("div",{className:p(),children:[u&&e.jsx(h.Spinner,{color:"inherit",size:"small",label:n.formatMessage({id:"unity:component:common:loading:label",defaultMessage:"Loading..."})}),o&&e.jsx(j.Icon,{src:"WarningCircleOutlined",color:"content.form.invalid",alt:n.formatMessage({id:"unity:component:form-field:form-input:error:alt",defaultMessage:"Error"})}),x&&e.jsx(v.CircularIconButton,{slot:null,title:n.formatMessage({id:"unity:component:common: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/DateInput.d.cts

@@ -1,155 +0,0 @@
-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.js').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.js').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/DateSegmentSelect.cjs

@@ -1 +0,0 @@
-"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 l=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(),c=j.useIntl(),[h,b]=v.useState(l(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:label":"unity:component:form-field:date-picker:segment-select:year:label",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:c.formatMessage({id:f,defaultMessage:`Change current ${e}`})}),n.jsx("select",{id:u,value:i,onChange:t=>{g(t.target.value),b(l(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:c.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.cjs

@@ -1 +0,0 @@
-"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.cjs"),T=require("../form-field/FormField.cjs"),g=require("../form-field/parts/FormControl.cjs"),B=require("../form-field/parts/FormFeedbackText.cjs"),H=require("../form-field/parts/FormHelperText.cjs"),R=require("../form-field/parts/FormLabel.cjs"),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/date-picker-field/DatePickerField.d.cts

@@ -1,83 +0,0 @@
-import { CalendarDate } from '@internationalized/date';
-import { ForwardedRef, ReactNode } from 'react';
-import { FieldPath, FieldValues } from 'react-hook-form';
-import { infer as ZodInfer } from 'zod';
-import { Schema } from '../../hooks/use-form.types.cjs';
-import { DatePickerProps } from '../date-picker/DatePicker.cjs';
-import { LabelProps } from '../label/Label.cjs';
-export interface DatePickerFieldProps extends Pick<LabelProps, 'isRequired' | 'requiredVariant'>, DatePickerProps {
-    /** The name of the field, which should match the form schema. */
-    name: string;
-    /** The label for the date picker field. */
-    label: string;
-    /** The default value of the date picker field. */
-    defaultValue?: CalendarDate;
-    /** Helper text to display below the date picker field. */
-    helperText?: ReactNode;
-    /** Feedback text to display below the date picker field. */
-    feedbackText?: ReactNode;
-    /** A contextual link to display below the date picker field. */
-    contextualLink?: ReactNode;
-    /** 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;
-    /** The minimum selectable date. */
-    minValue?: CalendarDate;
-    /** The maximum selectable date. */
-    maxValue?: CalendarDate;
-    /** Function to determine if a date should be disabled. */
-    isDateUnavailable?: (date: CalendarDate) => boolean;
-    /** Handler called when the clear button is pressed. */
-    onClearButtonPress?: () => void;
-    /** Handler called when the calendar overlay opens or closes. */
-    onOpenChange?: (isOpen: boolean) => void;
-    /** Handler called when the field loses focus. */
-    onBlur?: () => void;
-    /** Handler called when the field gains focus. */
-    onFocus?: () => void;
-}
-export type TypedDatePickerFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<DatePickerFieldProps, 'name'> & {
-    name: TName;
-};
-type DatePickerFieldComponent = {
-    <TSchema extends Schema>(props: TypedDatePickerFieldProps<ZodInfer<TSchema>> & {
-        ref?: ForwardedRef<HTMLDivElement>;
-    }): React.JSX.Element;
-    displayName?: string;
-};
-/**
- * The `DatePickerField` component renders a full field that can accept date input, integrating with the `Form` component automatically.
- * It provides a calendar overlay for date selection and supports direct text input for dates.
- * @example
- * ```tsx
- * const schema = z.object({
- *   birthDate: z.custom<CalendarDate>(),
- *   startDate: z.custom<CalendarDate>()
- * })
- *
- * function MyForm() {
- *   const { Form } = useUnityForm(schema)
- *
- *   return (
- *     <Form action={handleSubmit}>
- *       <DatePickerField<typeof schema>
- *         name="birthDate"  // Only "birthDate" | "startDate" allowed
- *         label="Birth Date"
- *       />
- *     </Form>
- *   )
- * }
- * ```
- * @remarks
- * [API & Docs](https://master--66fe6715241b661107117e47.chromatic.com/?path=/docs/forms-datepickerfield--docs) • [Design Guidelines](https://www.payfit.design/24f360409/p/719ac2-date-picker)
- * @note The schema type parameter is needed to ensure type safety with the form's schema. If you omit it, the `name` prop will not be type-safe.
- * @note
- * This component requires `@internationalized/date` as a peer dependency. Make sure to install it in your project: `yarn add @internationalized/date`
- */
-declare const DatePickerField: DatePickerFieldComponent;
-export { DatePickerField };

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),r=require("react"),m=require("react-aria"),a=require("react-aria-components"),p=require("tailwind-variants"),f=require("./parts/DialogActions.cjs"),b=require("./parts/DialogActions/DialogButton.cjs"),u=p.tv({slots:{overlay:["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"],wrapper:["uy-w-full md:uy-max-w-[640px]","uy-m-400 md:uy-m-0","uy-overflow-hidden uy-rounded-200 uy-bg-white uy-p-300 md:uy-p-400","uy-text-left uy-align-middle uy-shadow-floating","uy-bg-surface-neutral"],content:["uy-outline-none uy-relative uy-flex uy-flex-col uy-gap-300 md:uy-gap-400"]}}),D=t=>{const i=r.Children.toArray(t).find(e=>r.isValidElement(e)&&e.type===f.DialogActions);return r.isValidElement(i)?r.Children.toArray(i.props.children).some(e=>r.isValidElement(e)&&e.type===b.DialogButton&&e.props.variant==="danger"):!1};function n({children:t,isOpen:i,onOpenChange:e,isDismissable:s=!0,...y}){const o=m.useId(),{overlay:d,wrapper:g,content:c}=u();return l.jsx(a.ModalOverlay,{isDismissable:s,isOpen:i,onOpenChange:e,className:d(),children:l.jsx(a.Modal,{className:g(),"data-unity-dialog":!0,"data-dd-privacy":"allow",children:l.jsx(a.DialogContext.Provider,{value:{"aria-describedby":o},children:l.jsx(a.Dialog,{role:D(t)?"alertdialog":"dialog","aria-modal":"true",className:c(),"aria-label":y["aria-label"],"aria-describedby":o,children:t})})})})}n.displayName="Dialog";a.DialogTrigger.displayName="DialogTrigger";Object.defineProperty(exports,"DialogTrigger",{enumerable:!0,get:()=>a.DialogTrigger});exports.Dialog=n;exports.dialog=u;

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

@@ -1,117 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-import { DialogTrigger } from 'react-aria-components';
-export declare const dialog: import('tailwind-variants').TVReturnType<{
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {
-    [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, import('tailwind-variants').TVReturnType<unknown, {
-    overlay: string[];
-    wrapper: string[];
-    content: string[];
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<unknown, {
-    [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            overlay?: import('tailwind-merge').ClassNameValue;
-            wrapper?: import('tailwind-merge').ClassNameValue;
-        };
-    };
-} | {}>, unknown, unknown, undefined>>;
-interface DialogProps extends PropsWithChildren<VariantProps<typeof dialog>> {
-    /** 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 component provides a modal interface for displaying important information and gathering user input
- * without requiring navigation to a different page. It maintains context and focus while demanding attention.
- *
- * Use Dialog when you need to capture user attention, gather critical input, or display important information
- * that requires acknowledgment before proceeding.
- *
- * The Dialog consists of several parts that work together:
- * - `DialogTitle`: Displays the title of the dialog
- * - `DialogContent`: Contains the main content of the dialog (required)
- * - `DialogActions`: Contains action buttons for user interaction
- * - `DialogButton`: Handles specific actions (close, confirm, or danger)
- * @param props - The props for the Dialog component
- * @see {@link DialogProps} for all available props
- * @example
- * ```tsx
- * import {
- *   Dialog,
- *   DialogTrigger,
- *   DialogTitle,
- *   DialogContent,
- *   DialogActions,
- *   DialogButton
- * } from '@payfit/unity-components'
- *
- * function BasicExample() {
- *   return (
- *     <DialogTrigger>
- *       <Button>Open dialog</Button>
- *       <Dialog>
- *         <DialogTitle>Important information</DialogTitle>
- *         <DialogContent>
- *           This content requires your attention before proceeding.
- *         </DialogContent>
- *         <DialogActions>
- *           <DialogButton variant="close">Cancel</DialogButton>
- *           <DialogButton variant="confirm">Confirm</DialogButton>
- *         </DialogActions>
- *       </Dialog>
- *     </DialogTrigger>
- *   )
- * }
- * ```
- * @remarks
- * [API Docs](https://unity-components.payfit.io/?path=/docs/feedback-dialog--docs) • [Design Docs](https://www.payfit.design/24f360409/p/01f5dc-dialog)
- */
-export declare function Dialog({ children, isOpen, onOpenChange, isDismissable, ...rest }: DialogProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Dialog {
-    var displayName: string;
-}
-export { DialogTrigger };

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

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

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

@@ -1,22 +0,0 @@
-import { UnityIcon } from '@payfit/unity-icons';
-import { PropsWithChildren } from 'react';
-import { ButtonProps } from '../../../button/Button.cjs';
-type ButtonVariant = 'close' | 'confirm' | 'danger';
-type OnPressParameters = Parameters<NonNullable<ButtonProps['onPress']>>[0];
-export type DialogButtonProps<T extends ButtonVariant> = {
-    /** the different variants for the button */
-    variant: T;
-    /** the icon, it is a discouraged practice, except for `danger` variant which has a `WarningCircleOutlined` as default */
-    icon?: UnityIcon;
-    isLoading?: T extends 'close' ? never : ButtonProps['isLoading'];
-    onPress?: T extends 'close' ? ButtonProps['onPress'] : ButtonProps['onPress'] | ((e: OnPressParameters) => Promise<OnPressParameters>);
-};
-/**
- * A `DialogButton` is a button which has to be included into `DialogActions` container
- *
- */
-declare const DialogButton: {
-    <T extends ButtonVariant>({ children, variant, onPress, isLoading, icon, }: PropsWithChildren<DialogButtonProps<T>>): import("react/jsx-runtime").JSX.Element | undefined;
-    displayName: string;
-};
-export { DialogButton };

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

@@ -1 +0,0 @@
-"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","data-dd-privacy":"allow",children:e});t.displayName="DialogActions";exports.DialogActions=t;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=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:a,...r}=e;return i.jsx("div",{id:r["aria-describedby"],"data-dd-privacy":"mask",className:"uy-typography-body uy-text-content-neutral",children:a})});o.displayName="DialogContent";exports.DialogContent=o;

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

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

package/dist/cjs/components/fieldset/Fieldset.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),b=require("react-aria"),x=require("tailwind-variants"),i=x.tv({slots:{base:"uy-p-0 uy-m-0 [&+&]:uy-mt-500 [&:last-of-type]:uy-mb-500",legend:"uy-typography-h3 uy-text-content-neutral",description:"uy-block uy-typography-body uy-mt-100 uy-text-content-neutral",fieldsContainer:"uy-flex uy-flex-col uy-gap-250"},variants:{isLegendHidden:{true:{legend:"uy-sr-only",description:"uy-sr-only",fieldsContainer:"uy-mt-0"},false:{legend:"uy-block",description:"uy-block",fieldsContainer:"uy-mt-300"}}},defaultVariants:{isLegendHidden:!1}}),d=m.forwardRef(({children:n,...l},r)=>{const s=b.useId(),{legend:a,description:t,isLegendHidden:o,...c}=l,{base:y,legend:u,description:p,fieldsContainer:f}=i({isLegendHidden:o}),g=t?`${s}-fieldset-description`:void 0;return e.jsxs("fieldset",{"data-dd-privacy":"allow",...c,ref:r,className:y(),"aria-describedby":g,children:[e.jsx("legend",{className:u(),children:a}),t&&e.jsx("span",{id:`${s}-fieldset-description`,"data-fieldset-slot":"description",className:p(),children:t}),e.jsx("div",{className:f(),children:n})]})});d.displayName="Fieldset";exports.Fieldset=d;exports.fieldset=i;

package/dist/cjs/components/fieldset/Fieldset.d.cts

@@ -1,150 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { VariantProps } from 'tailwind-variants';
-export declare const fieldset: import('tailwind-variants').TVReturnType<{
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}, {
-    base: string;
-    legend: string;
-    description: string;
-    fieldsContainer: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}, {
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}>, {
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}, {
-    base: string;
-    legend: string;
-    description: string;
-    fieldsContainer: string;
-}, import('tailwind-variants').TVReturnType<{
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}, {
-    base: string;
-    legend: string;
-    description: string;
-    fieldsContainer: string;
-}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}, {
-    isLegendHidden: {
-        true: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-        false: {
-            legend: string;
-            description: string;
-            fieldsContainer: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
-export interface FieldsetProps extends PropsWithChildren<VariantProps<typeof fieldset>> {
-    /**
-     * The legend of the fieldset.
-     */
-    legend: string;
-    /**
-     * An optional description of the fieldset.
-     */
-    description?: string;
-    /**
-     * Whether to hide the legend of the fieldset.
-     */
-    isLegendHidden?: boolean;
-}
-/**
- * The `Fieldset` component groups related form fields together with an accessible structure.
- * It provides visual organization and semantic HTML for form sections, making forms more understandable and navigable.
- * @param {FieldsetProps} props - The props for the `Fieldset` component
- * @see {@link FieldsetProps} for all available props
- * @example
- * ```tsx
- * import { Fieldset } from '@payfit/unity-components'
- *
- * function Example() {
- *   return (
- *     <Fieldset
- *       legend="Personal Information"
- *       description="Please provide your contact details"
- *       isLegendHidden={false}
- *     >
- *       <TextField name="firstName" label="First name" />
- *       <TextField name="lastName" label="Last name" />
- *     </Fieldset>
- *   )
- * }
- * ```
- * @remarks
- * [API](https://unity-components.payfit.io/?path=/docs/forms-fieldset--docs) • [Design docs](https://www.payfit.design/24f360409/p/1151cf-form-layout)
- */
-declare const Fieldset: import('react').ForwardRefExoticComponent<FieldsetProps & import('react').RefAttributes<HTMLFieldSetElement>>;
-export { Fieldset };

package/dist/cjs/components/fieldset/parts/FieldGroup.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),e=d.forwardRef(({children:r,...u},o)=>i.jsx("div",{...u,ref:o,role:"group",className:"uy-grid uy-grid-cols-1 uy-gap-y-250 md:uy-grid-cols-2 md:uy-gap-x-200",children:r}));e.displayName="FieldGroup";exports.FieldGroup=e;