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

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

@@ -1,12 +0,0 @@
-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.context.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("react"),e=r.createContext(null);function u({children:t,schema:o,form:n}){return i.jsx(e.Provider,{value:{schema:o,form:n},children:t})}function s(){const t=r.useContext(e);if(!t)throw new Error("useFormContext must be used within a Form component");return t}exports.UnityFormContext=e;exports.UnityFormProvider=u;exports.useUnityFormProvider=s;

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

@@ -1 +0,0 @@
-"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.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),F=require("react"),c=require("react-hook-form"),m=F.createContext({id:"",name:""});function C({children:o,id:i,name:t,isRequired:a,isInvalid:r,isLoading:e,isReadOnly:n,isDisabled:d,hasHelperText:s,hasContextualLink:l}){return v.jsx(m.Provider,{value:{id:i,name:t,isRequired:a,isInvalid:r,isLoading:e,isReadOnly:n,isDisabled:d,hasHelperText:s,hasContextualLink:l},children:o})}function I(){const o=F.useContext(m),{getFieldState:i}=c.useFormContext(),t=c.useFormState({name:o.name}),{invalid:a,...r}=i(o.name,t),{id:e,isRequired:n,isInvalid:d,isLoading:s,isReadOnly:l,isDisabled:x,hasHelperText:f,hasContextualLink:u}=o;if(!o)throw new Error("useFormField should be used within <FormField> component");return{...{id:e,name:o.name,hasHelperText:f,hasContextualLink:u,formLabelId:`${e}-form-field-label`,formItemId:`${e}-form-item`,formDescriptionId:f?`${e}-form-field-description`:void 0,formMessageId:`${e}-form-field-feedback-text`,formContextualLinkId:u?`${e}-form-field-contextual-link`:void 0},fieldState:{...r,isRequired:n,isInvalid:d,isLoading:s,isReadOnly:l,isDisabled:x},formState:t}}exports.FormFieldContext=m;exports.FormFieldProvider=C;exports.useFormField=I;

package/dist/cjs/components/form-field/FormField.js

@@ -1 +0,0 @@
-"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

@@ -1 +0,0 @@
-"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.js

@@ -1 +0,0 @@
-"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;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("react"),l=require("../../text/Text.js"),u=require("../FormField.context.js"),r=c.forwardRef(({children:o,...s},n)=>{const{fieldState:{error:e,isInvalid:a},formMessageId:i}=u.useFormField(),t=e?String(e.message):o;return!a||!t?null:d.jsx(l.Text,{...s,id:i,ref:n,"data-unity-slot":"form-feedback-text",className:"uy-typography-body-small-strong uy-text-content-form-invalid",children:t})});r.displayName="FormFeedbackText";exports.FormFeedbackText=r;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("react"),s=require("../../text/Text.js"),c=require("../FormField.context.js"),e=l.forwardRef(({children:t,...r},o)=>{const{formDescriptionId:n}=c.useFormField();return i.jsx(s.Text,{...r,id:n,"data-unity-slot":"helper-text",variant:"bodySmall",color:"content.neutral.low",ref:o,children:t})});e.displayName="HelperText";exports.FormHelperText=e;

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("react"),u=require("../../label/Label.js"),c=require("../FormField.context.js"),r=d.forwardRef(({children:t,...e},o)=>{const{requiredVariant:a}=e,{formLabelId:i,formItemId:l,fieldState:{isRequired:s}}=c.useFormField();return n.jsx(u.Label,{ref:o,id:i,isRequired:s,requiredVariant:a,htmlFor:l,className:"uy-leading-100",...e,children:t})});r.displayName="Label";exports.FormLabel=r;

package/dist/cjs/components/form-field/utils/isFieldRequired.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("zod");function f(n,l){try{if(!n)return!1;const r=l.split(".");let i=n.shape,e;for(let t=0;t<r.length;t++){const o=r[t];if(e=i[o],!e)return!1;if(t<r.length-1){const s=e instanceof a.z.ZodOptional?e._def.innerType.shape:e.shape;if(!s)return!1;i=s}}return e?!(e instanceof a.z.ZodOptional):!1}catch{return!1}}exports.isFieldRequired=f;

package/dist/cjs/components/full-page-loader/FullPageLoader.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-export declare const fullPageLoader: import('tailwind-variants').TVReturnType<{} | {} | {}, undefined, "uy-w-full uy-h-screen uy-flex uy-place-items-center uy-justify-center", import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, {} | {}, undefined, import('tailwind-variants').TVReturnType<unknown, undefined, "uy-w-full uy-h-screen uy-flex uy-place-items-center uy-justify-center", import('tailwind-variants/dist/config').TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-export type FullPageLoaderProps = {
-    label?: ReactNode;
-};
-/**
- * The `FullPageLoader` component should used to inform the user that the entire page content is loading
- */
-declare const FullPageLoader: {
-    ({ label }: FullPageLoaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { FullPageLoader };

package/dist/cjs/components/full-page-loader/FullPageLoader.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react-aria"),n=require("react-intl"),i=require("tailwind-variants"),u=require("../spinner/Spinner.js"),a=i.tv({base:"uy-w-full uy-h-screen uy-flex uy-place-items-center uy-justify-center"}),r=({label:s})=>{const t=l.useId();return e.jsxs("main",{id:t,className:a(),"aria-busy":"true",children:[e.jsx("h1",{className:"uy-sr-only",children:s??e.jsx(n.FormattedMessage,{id:"unity:component:full-page-loader:label",defaultMessage:"Content is loading..."})}),e.jsx(u.Spinner,{label:"",size:"medium",role:"presentation"})]})};r.displayName="FullPageLoader";exports.FullPageLoader=r;exports.fullPageLoader=a;

package/dist/cjs/components/grid/Grid.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("react/jsx-runtime"),v=require("react"),G=require("./Grid.variants.js"),s=v.forwardRef(({asElement:r="div",className:t,children:a,inline:i,cols:c,flow:l,justifyItems:o,alignItems:d,rows:e,areas:n,...u},m)=>{const y={"--uy-grid-template-rows":e,gridTemplateAreas:n},g=[e?"uy-grid-rows-[var(--uy-grid-template-rows)]":"",t],p=G.grid({inline:i,cols:c,flow:l,justifyItems:o,alignItems:d,className:g});return N.jsx(r,{ref:m,className:p,style:y,...u,children:a})});s.displayName="Grid";exports.Grid=s;

package/dist/cjs/components/grid/Grid.variants.d.ts

@@ -1,394 +0,0 @@
-import { VariantProps } from 'tailwind-variants';
-export declare const grid: import('tailwind-variants').TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-    cols: {
-        6: string;
-        12: string;
-    };
-    flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
-    };
-    justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, "uy-layout-grid-xs md:uy-layout-grid-md lg:uy-layout-grid-lg", {
-    responsiveVariants: true;
-}, {
-    inline: {
-        true: string;
-        false: string;
-    };
-    cols: {
-        6: string;
-        12: string;
-    };
-    flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
-    };
-    justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    inline: {
-        true: string;
-        false: string;
-    };
-    cols: {
-        6: string;
-        12: string;
-    };
-    flow: {
-        row: string;
-        col: string;
-        dense: string;
-        'row-dense': string;
-        'col-dense': string;
-    };
-    justifyItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    alignItems: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, "uy-layout-grid-xs md:uy-layout-grid-md lg:uy-layout-grid-lg", {
-    responsiveVariants: true;
-}, unknown, unknown, undefined>>;
-export type GridVariants = VariantProps<typeof grid>;
-export declare const gridItem: import('tailwind-variants').TVReturnType<{
-    colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
-    };
-    colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
-    };
-    colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
-    };
-    justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, undefined, {
-    responsiveVariants: true;
-}, {
-    colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
-    };
-    colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
-    };
-    colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
-    };
-    justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, import('tailwind-variants').TVReturnType<{
-    colSpan: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '1/2': string;
-        '1/3': string;
-        '2/3': string;
-        '1/4': string;
-        '3/4': string;
-        '1/6': string;
-        '5/6': string;
-        full: string;
-    };
-    colStart: {
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        auto: string;
-    };
-    colEnd: {
-        '1': string;
-        '2': string;
-        '3': string;
-        '4': string;
-        '5': string;
-        '6': string;
-        '7': string;
-        '8': string;
-        '9': string;
-        '10': string;
-        '11': string;
-        '12': string;
-        '13': string;
-        '-1': string;
-        '-2': string;
-        '-3': string;
-        '-4': string;
-        '-5': string;
-        '-6': string;
-        '-7': string;
-        '-8': string;
-        '-9': string;
-        '-10': string;
-        '-11': string;
-        '-12': string;
-        '-13': string;
-        auto: string;
-    };
-    justify: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-    };
-    align: {
-        initial: string;
-        start: string;
-        end: string;
-        center: string;
-        stretch: string;
-        baseline: string;
-    };
-}, undefined, undefined, {
-    responsiveVariants: true;
-}, unknown, unknown, undefined>>;
-export type GridItemVariants = VariantProps<typeof gridItem>;

package/dist/cjs/components/grid/Grid.variants.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("tailwind-variants"),u=t.tv({base:"uy-layout-grid-xs md:uy-layout-grid-md lg:uy-layout-grid-lg",variants:{inline:{true:"uy-inline-grid",false:""},cols:{6:"[--uy-layout-grid-lg__columns:6] [--uy-layout-grid-md__columns:6] [--uy-layout-grid-xs__columns:6]",12:"[--uy-layout-grid-lg__columns:12] [--uy-layout-grid-md__columns:12] [--uy-layout-grid-xs__columns:12]"},flow:{row:"uy-grid-flow-row",col:"uy-grid-flow-col",dense:"uy-grid-flow-dense","row-dense":"uy-grid-flow-row-dense","col-dense":"uy-grid-flow-col-dense"},justifyItems:{initial:"",start:"uy-justify-items-start",end:"uy-justify-items-end",center:"uy-justify-items-center",stretch:"uy-justify-items-stretch"},alignItems:{initial:"",start:"uy-items-start",end:"uy-items-end",center:"uy-items-center",stretch:"uy-items-stretch",baseline:"uy-items-baseline uy-items-base"}},defaultVariants:{inline:!1,flow:"row",justifyItems:"initial",alignItems:"initial"}},{responsiveVariants:!0}),l=t.tv({variants:{colSpan:{1:"uy-col-span-1",2:"uy-col-span-2",3:"uy-col-span-3",4:"uy-col-span-4",5:"uy-col-span-5",6:"uy-col-span-6",7:"md:uy-col-span-7",8:"md:uy-col-span-8",9:"md:uy-col-span-9",10:"md:uy-col-span-10",11:"md:uy-col-span-11",12:"md:uy-col-span-12","1/2":"uy-col-span-3 md:uy-col-span-6","1/3":"uy-col-span-2 md:uy-col-span-4","2/3":"uy-col-span-4 md:uy-col-span-8","1/4":"uy-col-span-1 md:uy-col-span-3","3/4":"uy-col-span-3 md:uy-col-span-9","1/6":"uy-col-span-1 md:uy-col-span-2","5/6":"uy-col-span-5 md:uy-col-span-10",full:"uy-col-span-full"},colStart:{"-1":"-uy-col-start-1","-2":"-uy-col-start-2","-3":"-uy-col-start-3","-4":"-uy-col-start-4","-5":"-uy-col-start-5","-6":"-uy-col-start-6","-7":"-uy-col-start-7","-8":"-uy-col-start-8","-9":"-uy-col-start-9","-10":"-uy-col-start-10","-11":"-uy-col-start-11","-12":"-uy-col-start-12","-13":"-uy-col-start-13",1:"uy-col-start-1",2:"uy-col-start-2",3:"uy-col-start-3",4:"uy-col-start-4",5:"uy-col-start-5",6:"uy-col-start-6",7:"uy-col-start-7",8:"uy-col-start-8",9:"uy-col-start-9",10:"uy-col-start-10",11:"uy-col-start-11",12:"uy-col-start-12",13:"uy-col-start-13",auto:"uy-col-start-auto"},colEnd:{1:"uy-col-end-1",2:"uy-col-end-2",3:"uy-col-end-3",4:"uy-col-end-4",5:"uy-col-end-5",6:"uy-col-end-6",7:"uy-col-end-7",8:"uy-col-end-8",9:"uy-col-end-9",10:"uy-col-end-10",11:"uy-col-end-11",12:"uy-col-end-12",13:"uy-col-end-13","-1":"-uy-col-end-1","-2":"-uy-col-end-2","-3":"-uy-col-end-3","-4":"-uy-col-end-4","-5":"-uy-col-end-5","-6":"-uy-col-end-6","-7":"-uy-col-end-7","-8":"-uy-col-end-8","-9":"-uy-col-end-9","-10":"-uy-col-end-10","-11":"-uy-col-end-11","-12":"-uy-col-end-12","-13":"-uy-col-end-13",auto:"uy-col-end-auto"},justify:{initial:"",start:"uy-justify-self-start",end:"uy-justify-self-end",center:"uy-justify-self-center",stretch:"uy-justify-self-stretch"},align:{initial:"uy-self-auto",start:"uy-self-start",end:"uy-self-end",center:"uy-self-center",stretch:"uy-self-stretch",baseline:"uy-self-baseline"}},defaultVariants:{justify:"initial",align:"initial"}},{responsiveVariants:!0});exports.grid=u;exports.gridItem=l;

package/dist/cjs/components/grid/GridItem.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),j=require("react"),p=require("./Grid.variants.js"),e=j.forwardRef(({asElement:t="div",area:r,children:s,className:i,colSpan:o,colStart:a,colEnd:n,justify:c,align:d,...l},m)=>{const u=Object.fromEntries([["gridArea",r]].filter(([G,y])=>!!y)),f=p.gridItem({colSpan:o,colStart:a,colEnd:n,justify:c,align:d,className:i});return g.jsx(t,{ref:m,className:f,style:u,...l,children:s})});e.displayName="GridItem";exports.GridItem=e;