@cryptlex/web-components 6.6.6-alpha68 → 6.6.6-alpha71

package/dist/components/textfield.js

@@ -1,2 +1,2 @@
-"use client";import{jsx as r,jsxs as x}from"react/jsx-runtime";import{TextField as b,composeRenderProps as o,TextArea as g,Input as F}from"react-aria-components";import{getFieldErrorMessage as m}from"../utilities/form.js";import{useFieldContext as T}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as v,fieldGroupVariants as d}from"./form.js";import{Kbd as N}from"./kbd.js";import"@tanstack/react-form";import"react";import"clsx";import"class-variance-authority";import"./icons.js";const I=b;function A({className:i,kbd:t,...e}){const a=!!t,n=e.disabled;return x("div",{className:"relative",children:[r(F,{className:o(i,s=>l(d(),"file:border-0 file:bg-transparent file:body-sm file:font-medium","disabled-muted","focus-ring",a&&"pr-10",s)),...e}),a&&r("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center","aria-hidden":!0,children:r(N,{value:t,isDisabled:n})})]})}function $({className:i,...t}){return r(g,{className:o(i,e=>l(d(),"h-full min-h-32",e)),...t})}function j({label:i,description:t,errorMessage:e,textArea:a,className:n,inputClassName:s,requiredIndicator:u,kbd:c,isDisabled:f,...p}){return r(I,{className:o(n,h=>l("group form-field",h)),isDisabled:f,...p,children:r(v,{label:i,description:t,errorMessage:e,requiredIndicator:u,children:a?r($,{className:s}):r(A,{className:s,kbd:c})})})}function V({isDisabled:i,...t}){const e=T({disabled:i});return r(j,{isDisabled:i||e.form.state.isSubmitting,value:e.state.value,id:e.name,name:e.name,onBlur:e.handleBlur,onChange:e.handleChange,isInvalid:!!m(e),errorMessage:m(e),requiredIndicator:e.isRequired,...t})}export{j as TextField,V as TfTextField};
+"use client";import{jsx as r,jsxs as x}from"react/jsx-runtime";import{TextField as b,composeRenderProps as o,TextArea as g,Input as F}from"react-aria-components";import{getFieldErrorMessage as d}from"../utilities/form.js";import{useFieldContext as T}from"../utilities/form-context.js";import{classNames as l}from"../utilities/theme.js";import{FormField as v,fieldGroupVariants as m}from"./form.js";import{Kbd as N}from"./kbd.js";import"@tanstack/react-form";import"react";import"clsx";import"class-variance-authority";import"./icons.js";const I=b;function A({className:i,kbd:t,...e}){const a=!!t,s=e.disabled;return x("div",{className:"relative",children:[r(F,{className:o(i,n=>l(m(),"file:border-0 file:bg-transparent file:body-sm file:font-medium","disabled-muted","focus-ring",a&&"pr-10",n)),...e}),a&&r("div",{className:"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center","aria-hidden":!0,children:r(N,{value:t,isDisabled:s})})]})}function $({className:i,...t}){return r(g,{className:o(i,e=>l(m(),"h-full min-h-32",e)),...t})}function j({label:i,description:t,errorMessage:e,textArea:a,className:s,inputClassName:n,requiredIndicator:u,kbd:c,isDisabled:f,...p}){return r(I,{className:o(s,h=>l("group form-field",h)),isDisabled:f,...p,children:r(v,{label:i,description:t,errorMessage:e,requiredIndicator:u,children:a?r($,{className:n}):r(A,{className:n,kbd:c})})})}function V({isDisabled:i,...t}){const e=T({disabled:i});return r(j,{isDisabled:i||e.isSubmitting,value:e.state.value,id:e.name,name:e.name,onBlur:e.handleBlur,onChange:e.handleChange,isInvalid:!!d(e),errorMessage:d(e),requiredIndicator:e.isRequired,...t})}export{j as TextField,V as TfTextField};
 //# sourceMappingURL=textfield.js.map

package/dist/components/textfield.js.map

@@ -1 +1 @@
-{"version":3,"file":"textfield.js","sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport {\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    TextArea as AriaTextArea,\n    TextAreaProps as AriaTextAreaProps,\n    TextField as AriaTextField,\n    TextFieldProps as AriaTextFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n    kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, ...props }: InputProps) {\n    const hasKbd = !!kbd;\n    const isDisabled = props.disabled;\n    return (\n        <div className=\"relative\">\n            <AriaInput\n                className={composeRenderProps(className, className =>\n                    classNames(\n                        fieldGroupVariants(),\n                        'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n                        /* Disabled */\n                        'disabled-muted',\n                        /* Focused */\n                        'focus-ring',\n                        hasKbd && 'pr-10',\n                        className\n                    )\n                )}\n                {...props}\n            />\n\n            {hasKbd && (\n                <div\n                    className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n                    aria-hidden={true}\n                >\n                    <Kbd value={kbd} isDisabled={isDisabled} />\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n    return (\n        <AriaTextArea\n            className={composeRenderProps(className, className =>\n                classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n    textArea?: boolean;\n    inputClassName?: string;\n    kbd?: string | string[];\n}\n\nexport function TextField({\n    label,\n    description,\n    errorMessage,\n    textArea,\n    className,\n    inputClassName,\n    requiredIndicator,\n    kbd,\n    isDisabled,\n    ...props\n}: TextFieldProps) {\n    return (\n        <ATextField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            isDisabled={isDisabled}\n            {...props}\n        >\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                {textArea ? <TextArea className={inputClassName} /> : <Input className={inputClassName} kbd={kbd} />}\n            </FormField>\n        </ATextField>\n    );\n}\n\nexport function TfTextField({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof TextField>, 'onBlur' | 'onChange'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n\n    return (\n        <TextField\n            isDisabled={isDisabled || field.form.state.isSubmitting}\n            value={field.state.value}\n            id={field.name}\n            name={field.name}\n            onBlur={field.handleBlur}\n            onChange={field.handleChange}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            requiredIndicator={field.isRequired}\n            {...props}\n        />\n    );\n}\n"],"names":["ATextField","AriaTextField","Input","className","kbd","props","hasKbd","isDisabled","jsxs","jsx","AriaInput","composeRenderProps","classNames","fieldGroupVariants","Kbd","TextArea","AriaTextArea","TextField","label","description","errorMessage","textArea","inputClassName","requiredIndicator","FormField","TfTextField","field","useFieldContext","getFieldErrorMessage"],"mappings":"yhBAgBA,MAAMA,EAAaC,EAMnB,SAASC,EAAM,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,GAAqB,CACrD,MAAMC,EAAS,CAAC,CAACF,EACXG,EAAaF,EAAM,SACzB,OACIG,EAAC,MAAA,CAAI,UAAU,WACX,SAAA,CAAAC,EAACC,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACIC,EAAA,EACA,kEAEA,iBAEA,aACAP,GAAU,QACVH,CAAA,CACJ,EAEH,GAAGE,CAAA,CAAA,EAGPC,GACGG,EAAC,MAAA,CACG,UAAU,kFACV,cAAa,GAEb,SAAAA,EAACK,EAAA,CAAI,MAAOV,EAAK,WAAAG,CAAA,CAAwB,CAAA,CAAA,CAC7C,EAER,CAER,CAEA,SAASQ,EAAS,CAAE,UAAAZ,EAAW,GAAGE,GAA4B,CAC1D,OACII,EAACO,EAAA,CACG,UAAWL,EAAmBR,EAAWA,GACrCS,EAAWC,EAAA,EAAsB,kBAAmBV,CAAS,CAAA,EAEhE,GAAGE,CAAA,CAAA,CAGhB,CAQO,SAASY,EAAU,CACtB,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAlB,EACA,eAAAmB,EACA,kBAAAC,EACA,IAAAnB,EACA,WAAAG,EACA,GAAGF,CACP,EAAmB,CACf,OACII,EAACT,EAAA,CACG,UAAWW,EAAmBR,EAAWA,GAAaS,EAAW,mBAAoBT,CAAS,CAAC,EAC/F,WAAAI,EACC,GAAGF,EAEJ,SAAAI,EAACe,GAAgB,MAAAN,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAG,EAC9C,SAAAF,IAAYN,EAAA,CAAS,UAAWO,EAAgB,EAAKb,EAACP,GAAM,UAAWoB,EAAgB,IAAAlB,EAAU,CAAA,CACtG,CAAA,CAAA,CAGZ,CAEO,SAASqB,EAAY,CACxB,WAAAlB,EACA,GAAGF,CACP,EAAwE,CACpE,MAAMqB,EAAQC,EAAwB,CAAE,SAAUpB,EAAY,EAE9D,OACIE,EAACQ,EAAA,CACG,WAAYV,GAAcmB,EAAM,KAAK,MAAM,aAC3C,MAAOA,EAAM,MAAM,MACnB,GAAIA,EAAM,KACV,KAAMA,EAAM,KACZ,OAAQA,EAAM,WACd,SAAUA,EAAM,aAChB,UAAW,CAAC,CAACE,EAAqBF,CAAK,EACvC,aAAcE,EAAqBF,CAAK,EACxC,kBAAmBA,EAAM,WACxB,GAAGrB,CAAA,CAAA,CAGhB"}
+{"version":3,"file":"textfield.js","sources":["../../lib/components/textfield.tsx"],"sourcesContent":["'use client';\nimport {\n    Input as AriaInput,\n    InputProps as AriaInputProps,\n    TextArea as AriaTextArea,\n    TextAreaProps as AriaTextAreaProps,\n    TextField as AriaTextField,\n    TextFieldProps as AriaTextFieldProps,\n    composeRenderProps,\n} from 'react-aria-components';\nimport { getFieldErrorMessage } from '../utilities/form';\nimport { useFieldContext } from '../utilities/form-context';\nimport { classNames } from '../utilities/theme';\nimport { fieldGroupVariants, FormField, type FormFieldProps } from './form';\nimport { Kbd } from './kbd';\n\nconst ATextField = AriaTextField;\n\ninterface InputProps extends AriaInputProps {\n    kbd?: string | string[];\n}\n\nfunction Input({ className, kbd, ...props }: InputProps) {\n    const hasKbd = !!kbd;\n    const isDisabled = props.disabled;\n    return (\n        <div className=\"relative\">\n            <AriaInput\n                className={composeRenderProps(className, className =>\n                    classNames(\n                        fieldGroupVariants(),\n                        'file:border-0 file:bg-transparent file:body-sm file:font-medium',\n                        /* Disabled */\n                        'disabled-muted',\n                        /* Focused */\n                        'focus-ring',\n                        hasKbd && 'pr-10',\n                        className\n                    )\n                )}\n                {...props}\n            />\n\n            {hasKbd && (\n                <div\n                    className=\"absolute right-2 top-1/2 -translate-y-1/2 pointer-events-none flex items-center\"\n                    aria-hidden={true}\n                >\n                    <Kbd value={kbd} isDisabled={isDisabled} />\n                </div>\n            )}\n        </div>\n    );\n}\n\nfunction TextArea({ className, ...props }: AriaTextAreaProps) {\n    return (\n        <AriaTextArea\n            className={composeRenderProps(className, className =>\n                classNames(fieldGroupVariants(), 'h-full min-h-32', className)\n            )}\n            {...props}\n        />\n    );\n}\n\nexport interface TextFieldProps extends AriaTextFieldProps, FormFieldProps {\n    textArea?: boolean;\n    inputClassName?: string;\n    kbd?: string | string[];\n}\n\nexport function TextField({\n    label,\n    description,\n    errorMessage,\n    textArea,\n    className,\n    inputClassName,\n    requiredIndicator,\n    kbd,\n    isDisabled,\n    ...props\n}: TextFieldProps) {\n    return (\n        <ATextField\n            className={composeRenderProps(className, className => classNames('group form-field', className))}\n            isDisabled={isDisabled}\n            {...props}\n        >\n            <FormField {...{ label, description, errorMessage, requiredIndicator }}>\n                {textArea ? <TextArea className={inputClassName} /> : <Input className={inputClassName} kbd={kbd} />}\n            </FormField>\n        </ATextField>\n    );\n}\n\nexport function TfTextField({\n    isDisabled,\n    ...props\n}: Omit<React.ComponentProps<typeof TextField>, 'onBlur' | 'onChange'>) {\n    const field = useFieldContext<string>({ disabled: isDisabled });\n\n    return (\n        <TextField\n            isDisabled={isDisabled || field.isSubmitting}\n            value={field.state.value}\n            id={field.name}\n            name={field.name}\n            onBlur={field.handleBlur}\n            onChange={field.handleChange}\n            isInvalid={!!getFieldErrorMessage(field)}\n            errorMessage={getFieldErrorMessage(field)}\n            requiredIndicator={field.isRequired}\n            {...props}\n        />\n    );\n}\n"],"names":["ATextField","AriaTextField","Input","className","kbd","props","hasKbd","isDisabled","jsxs","jsx","AriaInput","composeRenderProps","classNames","fieldGroupVariants","Kbd","TextArea","AriaTextArea","TextField","label","description","errorMessage","textArea","inputClassName","requiredIndicator","FormField","TfTextField","field","useFieldContext","getFieldErrorMessage"],"mappings":"yhBAgBA,MAAMA,EAAaC,EAMnB,SAASC,EAAM,CAAE,UAAAC,EAAW,IAAAC,EAAK,GAAGC,GAAqB,CACrD,MAAMC,EAAS,CAAC,CAACF,EACXG,EAAaF,EAAM,SACzB,OACIG,EAAC,MAAA,CAAI,UAAU,WACX,SAAA,CAAAC,EAACC,EAAA,CACG,UAAWC,EAAmBR,EAAWA,GACrCS,EACIC,EAAA,EACA,kEAEA,iBAEA,aACAP,GAAU,QACVH,CAAA,CACJ,EAEH,GAAGE,CAAA,CAAA,EAGPC,GACGG,EAAC,MAAA,CACG,UAAU,kFACV,cAAa,GAEb,SAAAA,EAACK,EAAA,CAAI,MAAOV,EAAK,WAAAG,CAAA,CAAwB,CAAA,CAAA,CAC7C,EAER,CAER,CAEA,SAASQ,EAAS,CAAE,UAAAZ,EAAW,GAAGE,GAA4B,CAC1D,OACII,EAACO,EAAA,CACG,UAAWL,EAAmBR,EAAWA,GACrCS,EAAWC,EAAA,EAAsB,kBAAmBV,CAAS,CAAA,EAEhE,GAAGE,CAAA,CAAA,CAGhB,CAQO,SAASY,EAAU,CACtB,MAAAC,EACA,YAAAC,EACA,aAAAC,EACA,SAAAC,EACA,UAAAlB,EACA,eAAAmB,EACA,kBAAAC,EACA,IAAAnB,EACA,WAAAG,EACA,GAAGF,CACP,EAAmB,CACf,OACII,EAACT,EAAA,CACG,UAAWW,EAAmBR,EAAWA,GAAaS,EAAW,mBAAoBT,CAAS,CAAC,EAC/F,WAAAI,EACC,GAAGF,EAEJ,SAAAI,EAACe,GAAgB,MAAAN,EAAO,YAAAC,EAAa,aAAAC,EAAc,kBAAAG,EAC9C,SAAAF,IAAYN,EAAA,CAAS,UAAWO,EAAgB,EAAKb,EAACP,GAAM,UAAWoB,EAAgB,IAAAlB,EAAU,CAAA,CACtG,CAAA,CAAA,CAGZ,CAEO,SAASqB,EAAY,CACxB,WAAAlB,EACA,GAAGF,CACP,EAAwE,CACpE,MAAMqB,EAAQC,EAAwB,CAAE,SAAUpB,EAAY,EAE9D,OACIE,EAACQ,EAAA,CACG,WAAYV,GAAcmB,EAAM,aAChC,MAAOA,EAAM,MAAM,MACnB,GAAIA,EAAM,KACV,KAAMA,EAAM,KACZ,OAAQA,EAAM,WACd,SAAUA,EAAM,aAChB,UAAW,CAAC,CAACE,EAAqBF,CAAK,EACvC,aAAcE,EAAqBF,CAAK,EACxC,kBAAmBA,EAAM,WACxB,GAAGrB,CAAA,CAAA,CAGhB"}

package/dist/utilities/countries.js

@@ -1,2 +1,2 @@
-import{jsxs as t,Fragment as o}from"react/jsx-runtime";import{getCountryFlag as n,getCountryName as m}from"../components/select-options.js";import"../components/icons.js";import"react";function f({value:r}){return r?t(o,{children:[n(r)," ",m(r)]}):null}export{f as CountryName};
+import{jsxs as t,Fragment as o}from"react/jsx-runtime";import{getCountryFlag as m,getCountryName as i}from"../components/select-options.js";import"./resources.js";import"react";import"./string.js";import"lodash-es";import"../components/icons.js";function C({value:r}){return r?t(o,{children:[m(r)," ",i(r)]}):null}export{C as CountryName};
 //# sourceMappingURL=countries.js.map

package/dist/utilities/countries.js.map

@@ -1 +1 @@
-{"version":3,"file":"countries.js","sources":["../../lib/utilities/countries.tsx"],"sourcesContent":["import { getCountryFlag, getCountryName } from '../components/select-options';\n\nexport function CountryName({ value }: { value: string }) {\n    if (!value) return null;\n    return (\n        <>\n            {getCountryFlag(value)} {getCountryName(value)}\n        </>\n    );\n}\n"],"names":["CountryName","value","jsxs","Fragment","getCountryFlag","getCountryName"],"mappings":"yLAEO,SAASA,EAAY,CAAE,MAAAC,GAA4B,CACtD,OAAKA,EAEDC,EAAAC,EAAA,CACK,SAAA,CAAAC,EAAeH,CAAK,EAAE,IAAEI,EAAeJ,CAAK,CAAA,EACjD,EAJe,IAMvB"}
+{"version":3,"file":"countries.js","sources":["../../lib/utilities/countries.tsx"],"sourcesContent":["import { getCountryFlag, getCountryName } from '../components/select-options';\n\nexport function CountryName({ value }: { value: string }) {\n    if (!value) return null;\n    return (\n        <>\n            {getCountryFlag(value)} {getCountryName(value)}\n        </>\n    );\n}\n"],"names":["CountryName","value","jsxs","Fragment","getCountryFlag","getCountryName"],"mappings":"sPAEO,SAASA,EAAY,CAAE,MAAAC,GAA4B,CACtD,OAAKA,EAEDC,EAAAC,EAAA,CACK,SAAA,CAAAC,EAAeH,CAAK,EAAE,IAAEI,EAAeJ,CAAK,CAAA,EACjD,EAJe,IAMvB"}

package/dist/utilities/form-context.d.ts

@@ -23,4 +23,5 @@ export declare function useFieldContext<T>({ disabled }: {
     disabled?: boolean;
 }): import('@tanstack/react-form').FieldApi<any, string, T, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any> & {
     isRequired: boolean;
+    isSubmitting: boolean;
 };

package/dist/utilities/form-context.js

@@ -1,2 +1,2 @@
-import{createFormHookContexts as r}from"@tanstack/react-form";import{useEffect as a}from"react";const{fieldContext:d,formContext:p,useFieldContext:l}=r();function x({disabled:e}){const o=l();a(()=>{o.setMeta(t=>({...t,disabled:!!e}))},[e,o]);const s=o.options?.validators?.onBlur||o.options?.validators?.onChange||o.options?.validators?.onMount,i=!!s&&!(t=>{if(!t||typeof t!="object"||typeof t.safeParse!="function")return!1;const n=t;return n.safeParse(void 0).success||n.safeParse(null).success})(s);return Object.assign(o,{isRequired:i})}export{d as fieldContext,p as formContext,x as useFieldContext};
+import{createFormHookContexts as a,useStore as u}from"@tanstack/react-form";import{useEffect as l}from"react";const{fieldContext:m,formContext:x,useFieldContext:f}=a();function C({disabled:e}){const o=f(),i=u(o.form.store,t=>t.isSubmitting);l(()=>{o.setMeta(t=>({...t,disabled:!!e}))},[e,o]);const s=o.options?.validators?.onBlur||o.options?.validators?.onChange||o.options?.validators?.onMount,r=!!s&&!(t=>{if(!t||typeof t!="object"||typeof t.safeParse!="function")return!1;const n=t;return n.safeParse(void 0).success||n.safeParse(null).success})(s);return Object.assign(o,{isRequired:r,isSubmitting:i})}export{m as fieldContext,x as formContext,C as useFieldContext};
 //# sourceMappingURL=form-context.js.map

package/dist/utilities/form-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-context.js","sources":["../../lib/utilities/form-context.tsx"],"sourcesContent":["import { createFormHookContexts } from '@tanstack/react-form';\nimport { useEffect } from 'react';\n\ntype ZodLikeSchema = {\n    safeParse: (input: unknown) => { success: boolean };\n};\n\n/**\n * Exports contexts and hooks used by all form-related field components.\n *\n * These contexts come from @tanstack/react-form's createFormHookContexts helper\n * and provide a lightweight, strongly-typed way for nested field components\n * (text inputs, selects, checkboxes, etc.) to access the current field\n * and form instances.\n *\n * Usage example:\n * ```ts\n * import { useFieldContext } from './form-context';\n * const field = useFieldContext<MyFieldType>();\n * ```\n */\nconst { fieldContext, formContext, useFieldContext: _useFieldContext } = createFormHookContexts();\n\nexport { fieldContext, formContext };\n/**\n * Custom hook to handle disabled state for form fields\n * @param {boolean} disabled - The disabled prop passed to the component\n * @returns The field context with disabled state properly managed\n */\nexport function useFieldContext<T>({ disabled }: { disabled?: boolean }) {\n    const field = _useFieldContext<T>();\n\n    useEffect(() => {\n        field.setMeta(meta => ({\n            ...meta,\n            disabled: !!disabled,\n        }));\n    }, [disabled, field]);\n\n    // Detect if field is required based on validators\n    const validator =\n        field.options?.validators?.onBlur || field.options?.validators?.onChange || field.options?.validators?.onMount;\n\n    // Check if the validator allows missing values (undefined/null)\n    const allowsMissingValue = (schema: unknown): boolean => {\n        // Type guard: ensure it's a Zod-like schema with safeParse method\n        if (!schema || typeof schema !== 'object' || typeof (schema as any).safeParse !== 'function') {\n            return false;\n        }\n\n        const zodSchema = schema as ZodLikeSchema;\n\n        // Check if undefined or null are valid inputs\n        return zodSchema.safeParse(undefined).success || zodSchema.safeParse(null).success;\n    };\n\n    const isRequired = !!validator && !allowsMissingValue(validator);\n\n    return Object.assign(field, { isRequired });\n}\n"],"names":["fieldContext","formContext","_useFieldContext","createFormHookContexts","useFieldContext","disabled","field","useEffect","meta","validator","isRequired","schema","zodSchema"],"mappings":"gGAqBA,KAAM,CAAE,aAAAA,EAAc,YAAAC,EAAa,gBAAiBC,CAAA,EAAqBC,EAAA,EAQlE,SAASC,EAAmB,CAAE,SAAAC,GAAoC,CACrE,MAAMC,EAAQJ,EAAA,EAEdK,EAAU,IAAM,CACZD,EAAM,QAAQE,IAAS,CACnB,GAAGA,EACH,SAAU,CAAC,CAACH,CAAA,EACd,CACN,EAAG,CAACA,EAAUC,CAAK,CAAC,EAGpB,MAAMG,EACFH,EAAM,SAAS,YAAY,QAAUA,EAAM,SAAS,YAAY,UAAYA,EAAM,SAAS,YAAY,QAerGI,EAAa,CAAC,CAACD,GAAa,EAZNE,GAA6B,CAErD,GAAI,CAACA,GAAU,OAAOA,GAAW,UAAY,OAAQA,EAAe,WAAc,WAC9E,MAAO,GAGX,MAAMC,EAAYD,EAGlB,OAAOC,EAAU,UAAU,MAAS,EAAE,SAAWA,EAAU,UAAU,IAAI,EAAE,OAC/E,GAEsDH,CAAS,EAE/D,OAAO,OAAO,OAAOH,EAAO,CAAE,WAAAI,EAAY,CAC9C"}
+{"version":3,"file":"form-context.js","sources":["../../lib/utilities/form-context.tsx"],"sourcesContent":["import { createFormHookContexts, useStore } from '@tanstack/react-form';\nimport { useEffect } from 'react';\n\ntype ZodLikeSchema = {\n    safeParse: (input: unknown) => { success: boolean };\n};\n\n/**\n * Exports contexts and hooks used by all form-related field components.\n *\n * These contexts come from @tanstack/react-form's createFormHookContexts helper\n * and provide a lightweight, strongly-typed way for nested field components\n * (text inputs, selects, checkboxes, etc.) to access the current field\n * and form instances.\n *\n * Usage example:\n * ```ts\n * import { useFieldContext } from './form-context';\n * const field = useFieldContext<MyFieldType>();\n * ```\n */\nconst { fieldContext, formContext, useFieldContext: _useFieldContext } = createFormHookContexts();\n\nexport { fieldContext, formContext };\n/**\n * Custom hook to handle disabled state for form fields\n * @param {boolean} disabled - The disabled prop passed to the component\n * @returns The field context with disabled state properly managed\n */\nexport function useFieldContext<T>({ disabled }: { disabled?: boolean }) {\n    const field = _useFieldContext<T>();\n\n    // https://github.com/TanStack/form/issues/1705\n    // https://tanstack.com/form/latest/docs/framework/react/guides/reactivity\n    const isSubmitting = useStore(field.form.store, state => state.isSubmitting);\n\n    useEffect(() => {\n        field.setMeta(meta => ({\n            ...meta,\n            disabled: !!disabled,\n        }));\n    }, [disabled, field]);\n\n    // Detect if field is required based on validators\n    const validator =\n        field.options?.validators?.onBlur || field.options?.validators?.onChange || field.options?.validators?.onMount;\n\n    // Check if the validator allows missing values (undefined/null)\n    const allowsMissingValue = (schema: unknown): boolean => {\n        // Type guard: ensure it's a Zod-like schema with safeParse method\n        if (!schema || typeof schema !== 'object' || typeof (schema as any).safeParse !== 'function') {\n            return false;\n        }\n\n        const zodSchema = schema as ZodLikeSchema;\n\n        // Check if undefined or null are valid inputs\n        return zodSchema.safeParse(undefined).success || zodSchema.safeParse(null).success;\n    };\n\n    const isRequired = !!validator && !allowsMissingValue(validator);\n\n    return Object.assign(field, { isRequired, isSubmitting });\n}\n"],"names":["fieldContext","formContext","_useFieldContext","createFormHookContexts","useFieldContext","disabled","field","isSubmitting","useStore","state","useEffect","meta","validator","isRequired","schema","zodSchema"],"mappings":"8GAqBA,KAAM,CAAE,aAAAA,EAAc,YAAAC,EAAa,gBAAiBC,CAAA,EAAqBC,EAAA,EAQlE,SAASC,EAAmB,CAAE,SAAAC,GAAoC,CACrE,MAAMC,EAAQJ,EAAA,EAIRK,EAAeC,EAASF,EAAM,KAAK,MAAOG,GAASA,EAAM,YAAY,EAE3EC,EAAU,IAAM,CACZJ,EAAM,QAAQK,IAAS,CACnB,GAAGA,EACH,SAAU,CAAC,CAACN,CAAA,EACd,CACN,EAAG,CAACA,EAAUC,CAAK,CAAC,EAGpB,MAAMM,EACFN,EAAM,SAAS,YAAY,QAAUA,EAAM,SAAS,YAAY,UAAYA,EAAM,SAAS,YAAY,QAerGO,EAAa,CAAC,CAACD,GAAa,EAZNE,GAA6B,CAErD,GAAI,CAACA,GAAU,OAAOA,GAAW,UAAY,OAAQA,EAAe,WAAc,WAC9E,MAAO,GAGX,MAAMC,EAAYD,EAGlB,OAAOC,EAAU,UAAU,MAAS,EAAE,SAAWA,EAAU,UAAU,IAAI,EAAE,OAC/E,GAEsDH,CAAS,EAE/D,OAAO,OAAO,OAAON,EAAO,CAAE,WAAAO,EAAY,aAAAN,EAAc,CAC5D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cryptlex/web-components",
-  "version": "6.6.6-alpha68",
+  "version": "6.6.6-alpha71",
   "description": "React component library for Cryptlex web applications",
   "author": "Cryptlex",
   "type": "module",