@powerhousedao/design-system 6.2.3-dev.7 → 6.2.3-dev.71

package/dist/ui/components/text-input/text-input-diff.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input-diff.js","names":["FormGroup","FormLabel","SplittedInputDiff","TextInputDiff","value","label","required","baseValue","viewMode","diffMode"],"sources":["../../../../src/ui/components/text-input/text-input-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"../../types.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { SplittedInputDiff } from \"../input/splitted-input-diff.js\";\n\ninterface TextInputDiffProps extends WithDifference<string> {\n  value: string;\n  label?: React.ReactNode;\n  required?: boolean;\n}\nconst TextInputDiff = ({\n  value,\n  label,\n  required,\n  baseValue = \"\",\n  viewMode = \"edition\",\n  diffMode = \"sentences\",\n}: TextInputDiffProps) => {\n  return (\n    <FormGroup>\n      {label && (\n        <FormLabel disabled={true} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      <SplittedInputDiff\n        value={value}\n        baseValue={baseValue}\n        diffMode={diffMode}\n        viewMode={viewMode}\n      />\n    </FormGroup>\n  );\n};\n\nexport default TextInputDiff;\n"],"mappings":";;;;;AAUA,MAAMG,iBAAiB,EACrBC,OACAC,OACAC,UACAC,YAAY,IACZC,WAAW,WACXC,WAAW,kBACa;AACxB,QACE,qBAAC,WAAD,EAAA,UAAA,CACGJ,SACC,oBAAC,WAAD;EAAW,UAAU;EAAgBC;YAClCD;EAEJ,CAAA,EACD,oBAAC,mBAAD;EACSD;EACIG;EACDE;EACAD;EAAS,CAAA,CAEX,EAAA,CAAA"}
+{"version":3,"file":"text-input-diff.js","names":["FormGroup","FormLabel","SplittedInputDiff","TextInputDiff","value","label","required","baseValue","viewMode","diffMode"],"sources":["../../../../src/ui/components/text-input/text-input-diff.tsx"],"sourcesContent":["import type { WithDifference } from \"../../types.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { SplittedInputDiff } from \"../input/splitted-input-diff.js\";\n\ninterface TextInputDiffProps extends WithDifference<string> {\n  value: string;\n  label?: React.ReactNode;\n  required?: boolean;\n}\nconst TextInputDiff = ({\n  value,\n  label,\n  required,\n  baseValue = \"\",\n  viewMode = \"edition\",\n  diffMode = \"sentences\",\n}: TextInputDiffProps) => {\n  return (\n    <FormGroup>\n      {label && (\n        <FormLabel disabled={true} required={required}>\n          {label}\n        </FormLabel>\n      )}\n      <SplittedInputDiff\n        value={value}\n        baseValue={baseValue}\n        diffMode={diffMode}\n        viewMode={viewMode}\n      />\n    </FormGroup>\n  );\n};\n\nexport default TextInputDiff;\n"],"mappings":";;;;;AAUA,MAAMG,iBAAiB,EACrBC,OACAC,OACAC,UACAC,YAAY,IACZC,WAAW,WACXC,WAAW,kBACa;CACxB,OACE,qBAAC,WAAD,EAAA,UAAA,CACGJ,SACC,oBAAC,WAAD;EAAW,UAAU;EAAgBC;EAClCD,UAAAA;CACQ,CAAA,GAEb,oBAAC,mBAAD;EACSD;EACIG;EACDE;EACAD;CAAS,CAAA,CAEZ,EAAA,CAAA;AAEf"}

package/dist/ui/components/text-input/text-input.d.ts

@@ -1,2 +1,3 @@
-import { n as TextInputProps, t as TextInput } from "../../../text-input-8zXIWHLi.js";
-export { TextInput, TextInputProps };
+import { n as TextInputProps, t as TextInput } from "../../../text-input-CFRCPYq6.js";
+export { TextInput, type TextInputProps };
+export {};

package/dist/ui/components/text-input/text-input.js

@@ -11,7 +11,7 @@ import { forwardRef, useId, useMemo } from "react";
 import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/ui/components/text-input/text-input.tsx
-const TextInput = /* @__PURE__ */ forwardRef(({ label, description, value, defaultValue, onChange, errors, warnings, pattern, trim, uppercase, lowercase, maxLength, autoComplete, baseValue, viewMode = "edition", diffMode, ...props }, ref) => {
+const TextInput = /*#__PURE__*/ forwardRef(({ label, description, value, defaultValue, onChange, errors, warnings, pattern, trim, uppercase, lowercase, maxLength, autoComplete, baseValue, viewMode = "edition", diffMode, ...props }, ref) => {
 	const idGenerated = useId();
 	const id = props.id ?? idGenerated;
 	const autoCompleteValue = autoComplete === void 0 ? void 0 : autoComplete ? "on" : "off";

package/dist/ui/components/text-input/text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-input.js","names":["twMerge","forwardRef","useId","useMemo","sharedValueTransformers","CharacterCounter","FormDescription","FormGroup","FormLabel","FormMessageList","Input","ValueTransformer","TextInputDiff","TextInput","label","description","value","defaultValue","onChange","errors","warnings","pattern","trim","uppercase","lowercase","maxLength","autoComplete","baseValue","viewMode","diffMode","props","ref","idGenerated","id","autoCompleteValue","undefined","hasContentBelow","Array","isArray","length","transformers","trimOnBlur","lowercaseOnChange","uppercaseOnChange","trimOnEnter","required","disabled","toString","displayName"],"sources":["../../../../src/ui/components/text-input/text-input.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { forwardRef, useId, useMemo } from \"react\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport type { DiffMode, InputBaseProps, WithDifference } from \"../../types.js\";\nimport { CharacterCounter } from \"../character-counter/character-counter.js\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Input } from \"../input/input.js\";\nimport type { TransformerType } from \"#design-system\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport TextInputDiff from \"./text-input-diff.js\";\nimport type { CommonTextProps } from \"./types.js\";\n\ninterface TextInputProps\n  extends\n    Omit<\n      InputBaseProps<string> &\n        Omit<React.InputHTMLAttributes<HTMLInputElement>, \"pattern\"> &\n        CommonTextProps,\n      \"value\" | \"autoComplete\"\n    >,\n    Omit<WithDifference<string>, \"diffMode\"> {\n  value?: string;\n  autoComplete?: boolean;\n  diffMode?: Extract<DiffMode, \"sentences\">;\n}\n\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      label,\n      description,\n      value,\n      defaultValue,\n      onChange,\n      errors,\n      warnings,\n      // TextProps\n      pattern,\n      trim,\n      uppercase,\n      lowercase,\n      maxLength,\n      autoComplete,\n      // Difference Props\n      baseValue,\n      viewMode = \"edition\",\n      diffMode,\n      ...props\n    },\n    ref,\n  ) => {\n    const idGenerated = useId();\n    const id = props.id ?? idGenerated;\n    const autoCompleteValue =\n      autoComplete === undefined ? undefined : autoComplete ? \"on\" : \"off\";\n    const hasContentBelow =\n      !!description ||\n      (Array.isArray(warnings) && warnings.length > 0) ||\n      (Array.isArray(errors) && errors.length > 0);\n\n    const transformers: TransformerType = useMemo(\n      () => [\n        sharedValueTransformers.trimOnBlur(!!trim),\n        sharedValueTransformers.lowercaseOnChange(!!lowercase),\n        sharedValueTransformers.uppercaseOnChange(!!uppercase),\n        sharedValueTransformers.trimOnEnter(!!trim),\n      ],\n      [trim, lowercase, uppercase],\n    );\n\n    if (viewMode === \"edition\") {\n      return (\n        <FormGroup>\n          {label && (\n            <FormLabel\n              htmlFor={id}\n              required={props.required}\n              disabled={props.disabled}\n              hasError={!!errors?.length}\n            >\n              {label}\n            </FormLabel>\n          )}\n          <ValueTransformer transformers={transformers}>\n            <Input\n              id={id}\n              value={value ?? defaultValue ?? \"\"}\n              onChange={onChange}\n              pattern={pattern?.toString()}\n              autoComplete={autoCompleteValue}\n              {...props}\n              ref={ref}\n            />\n          </ValueTransformer>\n          {typeof maxLength === \"number\" && maxLength > 0 && (\n            <div\n              className={twMerge(\n                \"mt-[-6px] flex justify-end\",\n                hasContentBelow && \"-mb-1\",\n              )}\n            >\n              <CharacterCounter maxLength={maxLength} value={value ?? \"\"} />\n            </div>\n          )}\n          {description && <FormDescription>{description}</FormDescription>}\n          {warnings && <FormMessageList messages={warnings} type=\"warning\" />}\n          {errors && <FormMessageList messages={errors} type=\"error\" />}\n        </FormGroup>\n      );\n    }\n\n    // Diff mode\n    return (\n      <TextInputDiff\n        value={value ?? defaultValue ?? \"\"}\n        viewMode={viewMode}\n        diffMode={diffMode}\n        baseValue={baseValue}\n        label={label}\n        required={props.required}\n      />\n    );\n  },\n);\n\nTextInput.displayName = \"TextInput\";\n\nexport { TextInput, type TextInputProps };\n"],"mappings":";;;;;;;;;;;;;AA6BA,MAAMa,YAAYZ,4BAEd,EACEa,OACAC,aACAC,OACAC,cACAC,UACAC,QACAC,UAEAC,SACAC,MACAC,WACAC,WACAC,WACAC,cAEAC,WACAC,WAAW,WACXC,UACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAc9B,OAAO;CAC3B,MAAM+B,KAAKH,MAAMG,MAAMD;CACvB,MAAME,oBACJR,iBAAiBS,KAAAA,IAAYA,KAAAA,IAAYT,eAAe,OAAO;CACjE,MAAMU,kBACJ,CAAC,CAACrB,eACDsB,MAAMC,QAAQlB,SAAS,IAAIA,SAASmB,SAAS,KAC7CF,MAAMC,QAAQnB,OAAO,IAAIA,OAAOoB,SAAS;CAE5C,MAAMC,eAAgCrC,cAC9B;EACJC,wBAAwBqC,WAAW,CAAC,CAACnB,KAAK;EAC1ClB,wBAAwBsC,kBAAkB,CAAC,CAAClB,UAAU;EACtDpB,wBAAwBuC,kBAAkB,CAAC,CAACpB,UAAU;EACtDnB,wBAAwBwC,YAAY,CAAC,CAACtB,KAAK;EAC5C,EACD;EAACA;EAAME;EAAWD;EACpB,CAAC;AAED,KAAIK,aAAa,UACf,QACE,qBAAC,WAAD,EAAA,UAAA;EACGd,SACC,oBAAC,WAAD;GACE,SAASmB;GACT,UAAUH,MAAMe;GAChB,UAAUf,MAAMgB;GAChB,UAAU,CAAC,CAAC3B,QAAQoB;aAEnBzB;GAEJ,CAAA;EACD,oBAAC,kBAAD;GAAgC0B;aAC9B,oBAAC,OAAD;IACMP;IACJ,OAAOjB,SAASC,gBAAgB;IACtBC;IACV,SAASG,SAAS0B,UAAU;IAC5B,cAAcb;IACd,GAAIJ;IACCC;IAAI,CAAA;GAEK,CAAA;EACjB,OAAON,cAAc,YAAYA,YAAY,KAC5C,oBAAC,OAAD;GACE,WAAWzB,QACT,8BACAoC,mBAAmB,QACpB;aAED,oBAAC,kBAAD;IAA6BX;IAAW,OAAOT,SAAS;IAAG,CAAA;GAE9D,CAAA;EACAD,eAAe,oBAAC,iBAAD,EAAA,UAAkBA,aAA8B,CAAA;EAC/DK,YAAY,oBAAC,iBAAD;GAAiB,UAAUA;GAAU,MAAK;GAAY,CAAA;EAClED,UAAU,oBAAC,iBAAD;GAAiB,UAAUA;GAAQ,MAAK;GAAU,CAAA;EACnD,EAAA,CAAA;AAKhB,QACE,oBAAC,eAAD;EACE,OAAOH,SAASC,gBAAgB;EACtBW;EACAC;EACCF;EACJb;EACP,UAAUgB,MAAMe;EAChB,CAAA;EAGP;AAEDhC,UAAUmC,cAAc"}
+{"version":3,"file":"text-input.js","names":["twMerge","forwardRef","useId","useMemo","sharedValueTransformers","CharacterCounter","FormDescription","FormGroup","FormLabel","FormMessageList","Input","ValueTransformer","TextInputDiff","TextInput","label","description","value","defaultValue","onChange","errors","warnings","pattern","trim","uppercase","lowercase","maxLength","autoComplete","baseValue","viewMode","diffMode","props","ref","idGenerated","id","autoCompleteValue","undefined","hasContentBelow","Array","isArray","length","transformers","trimOnBlur","lowercaseOnChange","uppercaseOnChange","trimOnEnter","required","disabled","toString","displayName"],"sources":["../../../../src/ui/components/text-input/text-input.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport { forwardRef, useId, useMemo } from \"react\";\nimport { sharedValueTransformers } from \"#design-system/ui/lib\";\nimport type { DiffMode, InputBaseProps, WithDifference } from \"../../types.js\";\nimport { CharacterCounter } from \"../character-counter/character-counter.js\";\nimport { FormDescription } from \"../form-description/form-description.js\";\nimport { FormGroup } from \"../form-group/form-group.js\";\nimport { FormLabel } from \"../form-label/form-label.js\";\nimport { FormMessageList } from \"../form-message/message-list.js\";\nimport { Input } from \"../input/input.js\";\nimport type { TransformerType } from \"#design-system\";\nimport { ValueTransformer } from \"../value-transformer/value-transformer.js\";\nimport TextInputDiff from \"./text-input-diff.js\";\nimport type { CommonTextProps } from \"./types.js\";\n\ninterface TextInputProps\n  extends\n    Omit<\n      InputBaseProps<string> &\n        Omit<React.InputHTMLAttributes<HTMLInputElement>, \"pattern\"> &\n        CommonTextProps,\n      \"value\" | \"autoComplete\"\n    >,\n    Omit<WithDifference<string>, \"diffMode\"> {\n  value?: string;\n  autoComplete?: boolean;\n  diffMode?: Extract<DiffMode, \"sentences\">;\n}\n\nconst TextInput = forwardRef<HTMLInputElement, TextInputProps>(\n  (\n    {\n      label,\n      description,\n      value,\n      defaultValue,\n      onChange,\n      errors,\n      warnings,\n      // TextProps\n      pattern,\n      trim,\n      uppercase,\n      lowercase,\n      maxLength,\n      autoComplete,\n      // Difference Props\n      baseValue,\n      viewMode = \"edition\",\n      diffMode,\n      ...props\n    },\n    ref,\n  ) => {\n    const idGenerated = useId();\n    const id = props.id ?? idGenerated;\n    const autoCompleteValue =\n      autoComplete === undefined ? undefined : autoComplete ? \"on\" : \"off\";\n    const hasContentBelow =\n      !!description ||\n      (Array.isArray(warnings) && warnings.length > 0) ||\n      (Array.isArray(errors) && errors.length > 0);\n\n    const transformers: TransformerType = useMemo(\n      () => [\n        sharedValueTransformers.trimOnBlur(!!trim),\n        sharedValueTransformers.lowercaseOnChange(!!lowercase),\n        sharedValueTransformers.uppercaseOnChange(!!uppercase),\n        sharedValueTransformers.trimOnEnter(!!trim),\n      ],\n      [trim, lowercase, uppercase],\n    );\n\n    if (viewMode === \"edition\") {\n      return (\n        <FormGroup>\n          {label && (\n            <FormLabel\n              htmlFor={id}\n              required={props.required}\n              disabled={props.disabled}\n              hasError={!!errors?.length}\n            >\n              {label}\n            </FormLabel>\n          )}\n          <ValueTransformer transformers={transformers}>\n            <Input\n              id={id}\n              value={value ?? defaultValue ?? \"\"}\n              onChange={onChange}\n              pattern={pattern?.toString()}\n              autoComplete={autoCompleteValue}\n              {...props}\n              ref={ref}\n            />\n          </ValueTransformer>\n          {typeof maxLength === \"number\" && maxLength > 0 && (\n            <div\n              className={twMerge(\n                \"mt-[-6px] flex justify-end\",\n                hasContentBelow && \"-mb-1\",\n              )}\n            >\n              <CharacterCounter maxLength={maxLength} value={value ?? \"\"} />\n            </div>\n          )}\n          {description && <FormDescription>{description}</FormDescription>}\n          {warnings && <FormMessageList messages={warnings} type=\"warning\" />}\n          {errors && <FormMessageList messages={errors} type=\"error\" />}\n        </FormGroup>\n      );\n    }\n\n    // Diff mode\n    return (\n      <TextInputDiff\n        value={value ?? defaultValue ?? \"\"}\n        viewMode={viewMode}\n        diffMode={diffMode}\n        baseValue={baseValue}\n        label={label}\n        required={props.required}\n      />\n    );\n  },\n);\n\nTextInput.displayName = \"TextInput\";\n\nexport { TextInput, type TextInputProps };\n"],"mappings":";;;;;;;;;;;;;AA6BA,MAAMa,YAAYZ,0BAEd,EACEa,OACAC,aACAC,OACAC,cACAC,UACAC,QACAC,UAEAC,SACAC,MACAC,WACAC,WACAC,WACAC,cAEAC,WACAC,WAAW,WACXC,UACA,GAAGC,SAELC,QACG;CACH,MAAMC,cAAc9B,MAAM;CAC1B,MAAM+B,KAAKH,MAAMG,MAAMD;CACvB,MAAME,oBACJR,iBAAiBS,KAAAA,IAAYA,KAAAA,IAAYT,eAAe,OAAO;CACjE,MAAMU,kBACJ,CAAC,CAACrB,eACDsB,MAAMC,QAAQlB,QAAQ,KAAKA,SAASmB,SAAS,KAC7CF,MAAMC,QAAQnB,MAAM,KAAKA,OAAOoB,SAAS;CAE5C,MAAMC,eAAgCrC,cAC9B;EACJC,wBAAwBqC,WAAW,CAAC,CAACnB,IAAI;EACzClB,wBAAwBsC,kBAAkB,CAAC,CAAClB,SAAS;EACrDpB,wBAAwBuC,kBAAkB,CAAC,CAACpB,SAAS;EACrDnB,wBAAwBwC,YAAY,CAAC,CAACtB,IAAI;CAAC,GAE7C;EAACA;EAAME;EAAWD;CAAS,CAC7B;CAEA,IAAIK,aAAa,WACf,OACE,qBAAC,WAAD,EAAA,UAAA;EACGd,SACC,oBAAC,WAAD;GACE,SAASmB;GACT,UAAUH,MAAMe;GAChB,UAAUf,MAAMgB;GAChB,UAAU,CAAC,CAAC3B,QAAQoB;GAEnBzB,UAAAA;EACQ,CAAA;EAEb,oBAAC,kBAAD;GAAgC0B;GAC9B,UAAA,oBAAC,OAAD;IACMP;IACJ,OAAOjB,SAASC,gBAAgB;IACtBC;IACV,SAASG,SAAS0B,SAAS;IAC3B,cAAcb;IACd,GAAIJ;IACCC;GAAI,CAAA;EAEK,CAAA;EACjB,OAAON,cAAc,YAAYA,YAAY,KAC5C,oBAAC,OAAD;GACE,WAAWzB,QACT,8BACAoC,mBAAmB,OACrB;GAEA,UAAA,oBAAC,kBAAD;IAA6BX;IAAW,OAAOT,SAAS;GAAG,CAAA;EACxD,CAAA;EAEND,eAAe,oBAAC,iBAAD,EAAA,UAAkBA,YAA6B,CAAA;EAC9DK,YAAY,oBAAC,iBAAD;GAAiB,UAAUA;GAAU,MAAK;EAAS,CAAA;EAC/DD,UAAU,oBAAC,iBAAD;GAAiB,UAAUA;GAAQ,MAAK;EAAO,CAAA;CACjD,EAAA,CAAA;CAKf,OACE,oBAAC,eAAD;EACE,OAAOH,SAASC,gBAAgB;EACtBW;EACAC;EACCF;EACJb;EACP,UAAUgB,MAAMe;CAAS,CAAA;AAG/B,CACF;AAEAhC,UAAUmC,cAAc"}

package/dist/ui/components/text-input/types.d.ts

@@ -1,2 +1,3 @@
-import { t as CommonTextProps } from "../../../types-Bsn62tJB.js";
-export { CommonTextProps };
+import { t as CommonTextProps } from "../../../types-BNTIrhb5.js";
+export { CommonTextProps };
+export {};

package/dist/ui/components/tooltip/tooltip.d.ts

@@ -1,2 +1,3 @@
-import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../../tooltip-BxS9HpML.js";
-export { Tooltip, TooltipContent, TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger };
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../../../tooltip-B4uQJPUm.js";
+export { Tooltip, TooltipContent, type TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger };
+export {};

package/dist/ui/components/tooltip/tooltip.js

@@ -3,7 +3,7 @@ import { twMerge } from "tailwind-merge";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
 //#region src/ui/components/tooltip/tooltip.tsx
-const TooltipContent = /* @__PURE__ */ forwardRef(({ children, className, ...props }, ref) => {
+const TooltipContent = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref) => {
 	return /* @__PURE__ */ jsx(Content, {
 		ref,
 		...props,

package/dist/ui/components/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["twMerge","Content","Portal","Provider","Root","Trigger","forwardRef","TooltipContent","children","className","props","ref","Tooltip","content","triggerAsChild","delayDuration","open","defaultOpen","onOpenChange","rest","undefined","TooltipProvider","TooltipRoot","TooltipTrigger"],"sources":["../../../../src/ui/components/tooltip/tooltip.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type {\n  TooltipContentProps,\n  TooltipProps as TooltipPrimitiveProps,\n} from \"@radix-ui/react-tooltip\";\nimport {\n  Content,\n  Portal,\n  Provider,\n  Root,\n  Trigger,\n} from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\n\ninterface TooltipProps\n  extends TooltipPrimitiveProps, Omit<TooltipContentProps, \"content\"> {\n  content: React.ReactNode;\n  className?: string;\n  triggerAsChild?: boolean;\n}\n\nconst TooltipContent = forwardRef<\n  React.ElementRef<typeof Content>,\n  TooltipContentProps\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Content\n      ref={ref}\n      {...props}\n      className={twMerge(\n        // Base styles\n        \"z-50 overflow-hidden rounded-md text-sm\",\n        // Colors & Border\n        \"border border-border bg-popover text-popover-foreground\",\n        // Padding & Shadow\n        \"px-3 py-1.5 shadow-md\",\n        // Animations\n        \"data-[state=open]:animate-zoom-in\",\n        \"data-[state=closed]:animate-zoom-out\",\n        // Slide animations based on position\n        \"data-[side=bottom]:animate-slide-in-from-top\",\n        \"data-[side=left]:animate-slide-in-from-right\",\n        \"data-[side=right]:animate-slide-in-from-left\",\n        \"data-[side=top]:animate-slide-in-from-bottom\",\n        className,\n      )}\n    >\n      {children}\n    </Content>\n  );\n});\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  content,\n  children,\n  triggerAsChild = false,\n  delayDuration = 0,\n  ...props\n}) => {\n  const { open, defaultOpen, onOpenChange, ...rest } = props;\n\n  return (\n    <Root\n      defaultOpen={defaultOpen}\n      delayDuration={delayDuration}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <Trigger\n        asChild={triggerAsChild}\n        type={triggerAsChild ? undefined : \"button\"} // Prevent form submission when default trigger is clicked\n      >\n        {children}\n      </Trigger>\n      <Portal>\n        <TooltipContent sideOffset={3} {...rest}>\n          {content}\n        </TooltipContent>\n      </Portal>\n    </Root>\n  );\n};\n\nexport {\n  Tooltip,\n  TooltipContent,\n  Provider as TooltipProvider,\n  Root as TooltipRoot,\n  Trigger as TooltipTrigger,\n  type TooltipProps,\n};\n"],"mappings":";;;;;AAqBA,MAAMO,iBAAiBD,4BAGpB,EAAEE,UAAUC,WAAW,GAAGC,SAASC,QAAQ;AAC5C,QACE,oBAAC,SAAD;EACOA;EACL,GAAID;EACJ,WAAWV,QAET,2CAEA,2DAEA,yBAEA,qCACA,wCAEA,gDACA,gDACA,gDACA,gDACAS,UACD;EAEAD;EACO,CAAA;EAEZ;AAEF,MAAMI,WAAmC,EACvCC,SACAL,UACAM,iBAAiB,OACjBC,gBAAgB,GAChB,GAAGL,YACC;CACJ,MAAM,EAAEM,MAAMC,aAAaC,cAAc,GAAGC,SAAST;AAErD,QACE,qBAAC,MAAD;EACeO;EACEF;EACDG;EACRF;YAJR,CAME,oBAAC,SAAD;GACE,SAASF;GACT,MAAMA,iBAAiBM,KAAAA,IAAY;GAElCZ;GACM,CAAA,EACT,oBAAC,QAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,YAAY;GAAG,GAAIW;aAChCN;GACa,CAAA,EACV,CAAA,CACH"}
+{"version":3,"file":"tooltip.js","names":["twMerge","Content","Portal","Provider","Root","Trigger","forwardRef","TooltipContent","children","className","props","ref","Tooltip","content","triggerAsChild","delayDuration","open","defaultOpen","onOpenChange","rest","undefined","TooltipProvider","TooltipRoot","TooltipTrigger"],"sources":["../../../../src/ui/components/tooltip/tooltip.tsx"],"sourcesContent":["import { twMerge } from \"tailwind-merge\";\nimport type {\n  TooltipContentProps,\n  TooltipProps as TooltipPrimitiveProps,\n} from \"@radix-ui/react-tooltip\";\nimport {\n  Content,\n  Portal,\n  Provider,\n  Root,\n  Trigger,\n} from \"@radix-ui/react-tooltip\";\nimport { forwardRef } from \"react\";\n\ninterface TooltipProps\n  extends TooltipPrimitiveProps, Omit<TooltipContentProps, \"content\"> {\n  content: React.ReactNode;\n  className?: string;\n  triggerAsChild?: boolean;\n}\n\nconst TooltipContent = forwardRef<\n  React.ElementRef<typeof Content>,\n  TooltipContentProps\n>(({ children, className, ...props }, ref) => {\n  return (\n    <Content\n      ref={ref}\n      {...props}\n      className={twMerge(\n        // Base styles\n        \"z-50 overflow-hidden rounded-md text-sm\",\n        // Colors & Border\n        \"border border-border bg-popover text-popover-foreground\",\n        // Padding & Shadow\n        \"px-3 py-1.5 shadow-md\",\n        // Animations\n        \"data-[state=open]:animate-zoom-in\",\n        \"data-[state=closed]:animate-zoom-out\",\n        // Slide animations based on position\n        \"data-[side=bottom]:animate-slide-in-from-top\",\n        \"data-[side=left]:animate-slide-in-from-right\",\n        \"data-[side=right]:animate-slide-in-from-left\",\n        \"data-[side=top]:animate-slide-in-from-bottom\",\n        className,\n      )}\n    >\n      {children}\n    </Content>\n  );\n});\n\nconst Tooltip: React.FC<TooltipProps> = ({\n  content,\n  children,\n  triggerAsChild = false,\n  delayDuration = 0,\n  ...props\n}) => {\n  const { open, defaultOpen, onOpenChange, ...rest } = props;\n\n  return (\n    <Root\n      defaultOpen={defaultOpen}\n      delayDuration={delayDuration}\n      onOpenChange={onOpenChange}\n      open={open}\n    >\n      <Trigger\n        asChild={triggerAsChild}\n        type={triggerAsChild ? undefined : \"button\"} // Prevent form submission when default trigger is clicked\n      >\n        {children}\n      </Trigger>\n      <Portal>\n        <TooltipContent sideOffset={3} {...rest}>\n          {content}\n        </TooltipContent>\n      </Portal>\n    </Root>\n  );\n};\n\nexport {\n  Tooltip,\n  TooltipContent,\n  Provider as TooltipProvider,\n  Root as TooltipRoot,\n  Trigger as TooltipTrigger,\n  type TooltipProps,\n};\n"],"mappings":";;;;;AAqBA,MAAMO,iBAAiBD,0BAGpB,EAAEE,UAAUC,WAAW,GAAGC,SAASC,QAAQ;CAC5C,OACE,oBAAC,SAAD;EACOA;EACL,GAAID;EACJ,WAAWV,QAET,2CAEA,2DAEA,yBAEA,qCACA,wCAEA,gDACA,gDACA,gDACA,gDACAS,SACF;EAECD;CACM,CAAA;AAEb,CAAC;AAED,MAAMI,WAAmC,EACvCC,SACAL,UACAM,iBAAiB,OACjBC,gBAAgB,GAChB,GAAGL,YACC;CACJ,MAAM,EAAEM,MAAMC,aAAaC,cAAc,GAAGC,SAAST;CAErD,OACE,qBAAC,MAAD;EACeO;EACEF;EACDG;EACRF;EAJR,UAAA,CAME,oBAAC,SAAD;GACE,SAASF;GACT,MAAMA,iBAAiBM,KAAAA,IAAY;GAElCZ;EACM,CAAA,GACT,oBAAC,QAAD,EAAA,UACE,oBAAC,gBAAD;GAAgB,YAAY;GAAG,GAAIW;GAChCN,UAAAA;EACa,CAAA,EACV,CAAA,CACJ;;AAEV"}

package/dist/ui/components/types.d.ts

@@ -1,2 +1,3 @@
-import { C as SelectProps, S as SelectOption, b as RadioGroupProps, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../../index--hDSfvJT.js";
-export { IdAutocompleteOption, IdAutocompleteProps, RadioGroupProps, SelectBaseProps, SelectOption, SelectProps };
+import { C as SelectProps, S as SelectOption, b as RadioGroupProps, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../../index-Ck34z7kD.js";
+export type { IdAutocompleteOption, IdAutocompleteProps, RadioGroupProps, SelectBaseProps, SelectOption, SelectProps };
+export {};

package/dist/ui/components/value-transformer/value-transformer.d.ts

@@ -1,2 +1,3 @@
-import { t as ValueTransformer } from "../../../value-transformer-DQjqtNih.js";
-export { ValueTransformer };
+import { t as ValueTransformer } from "../../../value-transformer-Cg5TEYP2.js";
+export { ValueTransformer };
+export {};

package/dist/ui/components/value-transformer/value-transformer.js

@@ -59,10 +59,12 @@ function ValueTransformer({ transformers, children }) {
 	useEffect(() => {
 		const value = children.props.value;
 		const transformedValue = _applyTransformers(transformers, value, "all");
-		if (!deepEqual(transformedValue, value)) if (typeof setValue === "function") setValue(children.props.name, transformedValue);
-		else children.props.onChange?.({ target: { value: transformedValue } });
+		if (!deepEqual(transformedValue, value)) {
+			if (typeof setValue === "function") setValue(children.props.name, transformedValue);
+			else children.props.onChange?.({ target: { value: transformedValue } });
+		}
 	}, [transformers, setValue]);
-	return /* @__PURE__ */ React.cloneElement(children, {
+	return /*#__PURE__*/ React.cloneElement(children, {
 		...children.props,
 		onChange: (event) => {
 			const transformedValue = _applyTransformers(transformers, event.target.value, "change");

package/dist/ui/components/value-transformer/value-transformer.js.map

@@ -1 +1 @@
-{"version":3,"file":"value-transformer.js","names":["deepEqual","React","useEffect","useFormContext","setNativeValue","element","value","valueSetter","Object","getOwnPropertyDescriptor","set","prototype","getPrototypeOf","prototypeValueSetter","call","_applyTransformers","transformers","filter","reduce","transformer","options","trigger","if","undefined","ValueTransformer","children","formContext","setValue","props","transformedValue","name","onChange","target","cloneElement","event","onBlur","changeEvent","Event","bubbles","dispatchEvent","onKeyDown","key"],"sources":["../../../../src/ui/components/value-transformer/value-transformer.tsx"],"sourcesContent":["import type {\n  TransformerTrigger,\n  TransformerType,\n  ValueTransformerProps,\n} from \"#design-system\";\nimport { deepEqual } from \"#design-system/ui/lib\";\nimport React, { useEffect } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\n\n// Workaround to set the value of an input element\n// following react core team recommendation\n// https://github.com/facebook/react/issues/10135\nfunction setNativeValue(element: HTMLInputElement, value: any) {\n  const valueSetter = Object.getOwnPropertyDescriptor(element, \"value\")?.set;\n  const prototype = Object.getPrototypeOf(element) as HTMLInputElement;\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    \"value\",\n  )?.set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter?.call(element, value);\n  } else {\n    valueSetter?.call(element, value);\n  }\n}\n\n// apply transformers to the value\nfunction _applyTransformers(\n  transformers: TransformerType,\n  value: unknown,\n  filter: TransformerTrigger | \"all\" = \"blur\",\n) {\n  return transformers.reduce<unknown>((value, transformer) => {\n    if (typeof transformer === \"function\") {\n      if (filter === \"blur\" || filter === \"all\") {\n        // array of transformers are only applied on blur\n        return transformer(value);\n      }\n      return value;\n    }\n\n    // it is a transformer object\n    if (\n      (transformer.options?.trigger ?? \"blur\") !== filter &&\n      filter !== \"all\"\n    ) {\n      return value;\n    }\n    // if no set, we assume true\n    if (transformer.options?.if === undefined || transformer.options.if) {\n      return transformer.transformer(value);\n    }\n    return value;\n  }, value);\n}\n\n/**\n * Apply transformers to the value of the input element. A transformer is a function that\n * will be applied to the value of the input element modifying the value.\n *\n * @param transformers - An array of transformers. A transformer is an object with a\n * `transformer` property, which is a function that will be applied to the value of\n * the input element, and an optional `options` property. The `options` property can\n * have a `trigger` property, which is the event that triggers the transformer, and\n * an `if` property, which is a boolean that indicates if the transformer should be\n * applied.\n * @param children - The input element to apply the transformers to as children\n *\n * @example\n * <ValueTransformer transformers={[\n *   {\n *     transformer: (value) => value.toUpperCase(),\n *     options: {\n *       trigger: \"change\",\n *     },\n *   },\n * ]}>\n *   <Input />\n * </ValueTransformer>\n *\n * @example\n * <ValueTransformer transformers={[\n *   {\n *     // trim the value on blur\n *     transformer: (value) => (value as string).trim(),\n *   },\n * ]}>\n *   <Input />\n * </ValueTransformer>\n */\nexport function ValueTransformer({\n  transformers,\n  children,\n}: ValueTransformerProps) {\n  const formContext = useFormContext();\n  const setValue = formContext?.setValue;\n\n  useEffect(() => {\n    // apply all the transformers on mount to prevent untransformed values\n    // if the field is not touched by the user\n    const value = (children.props as { value: unknown }).value;\n    const transformedValue = _applyTransformers(transformers, value, \"all\");\n\n    if (!deepEqual(transformedValue, value)) {\n      if (typeof setValue === \"function\") {\n        setValue((children.props as { name: string }).name, transformedValue);\n      } else {\n        // if setValue is not available, then we're not inside a form context\n        // so we need to update the value using onChange if available\n        (children.props as React.HTMLAttributes<HTMLInputElement>).onChange?.({\n          target: { value: transformedValue },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }\n  }, [transformers, setValue]);\n\n  return React.cloneElement(children, {\n    // @ts-expect-error - React.HTMLAttributes is not typed\n    ...children.props,\n    onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n      // apply transformers on change\n      const transformedValue = _applyTransformers(\n        transformers,\n        event.target.value,\n        \"change\",\n      );\n\n      if (transformedValue !== event.target.value && setValue) {\n        setValue((children.props as { name: string }).name, transformedValue);\n        setNativeValue(event.target, transformedValue);\n      }\n\n      // call the original onChange\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onChange?.(\n        event,\n      );\n    },\n    // apply transformers on blur\n    onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n      // call the original onBlur\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onBlur?.(\n        event,\n      );\n\n      // apply the transformers\n      const target = event.target;\n      const transformedValue = _applyTransformers(\n        transformers,\n        target.value,\n        \"blur\",\n      );\n\n      if (!deepEqual(transformedValue, target.value)) {\n        // only dispatch change if the value has changed\n        setNativeValue(target, transformedValue);\n        const changeEvent = new Event(\"change\", { bubbles: true });\n        target.dispatchEvent(changeEvent);\n      }\n    },\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n      // call the original onKeyDown\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onKeyDown?.(\n        event,\n      );\n\n      // apply the transformers\n      if (event.key === \"Enter\") {\n        const target = event.target as HTMLInputElement;\n        const transformedValue = _applyTransformers(\n          transformers,\n          target.value,\n          \"keyDown\",\n        );\n\n        // only dispatch change if the value has changed\n        if (!deepEqual(transformedValue, target.value)) {\n          setNativeValue(target, transformedValue);\n          const changeEvent = new Event(\"change\", { bubbles: true });\n          target.dispatchEvent(changeEvent);\n        }\n      }\n    },\n  });\n}\n"],"mappings":";;;;AAYA,SAASI,eAAeC,SAA2BC,OAAY;CAC7D,MAAMC,cAAcC,OAAOC,yBAAyBJ,SAAS,QAAQ,EAAEK;CACvE,MAAMC,YAAYH,OAAOI,eAAeP,QAA4B;CACpE,MAAMQ,uBAAuBL,OAAOC,yBAClCE,WACA,QACD,EAAED;AAEH,KAAIH,eAAeA,gBAAgBM,qBACjCA,uBAAsBC,KAAKT,SAASC,MAAM;KAE1CC,cAAaO,KAAKT,SAASC,MAAM;;AAKrC,SAASS,mBACPC,cACAV,OACAW,SAAqC,QACrC;AACA,QAAOD,aAAaE,QAAiBZ,OAAOa,gBAAgB;AAC1D,MAAI,OAAOA,gBAAgB,YAAY;AACrC,OAAIF,WAAW,UAAUA,WAAW,MAElC,QAAOE,YAAYb,MAAM;AAE3B,UAAOA;;AAIT,OACGa,YAAYC,SAASC,WAAW,YAAYJ,UAC7CA,WAAW,MAEX,QAAOX;AAGT,MAAIa,YAAYC,SAASE,OAAOC,KAAAA,KAAaJ,YAAYC,QAAQE,GAC/D,QAAOH,YAAYA,YAAYb,MAAM;AAEvC,SAAOA;IACNA,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCX,SAAgBkB,iBAAiB,EAC/BR,cACAS,YACwB;CAExB,MAAME,WADcxB,gBAAgB,EACNwB;AAE9BzB,iBAAgB;EAGd,MAAMI,QAASmB,SAASG,MAA6BtB;EACrD,MAAMuB,mBAAmBd,mBAAmBC,cAAcV,OAAO,MAAM;AAEvE,MAAI,CAACN,UAAU6B,kBAAkBvB,MAAM,CACrC,KAAI,OAAOqB,aAAa,WACtBA,UAAUF,SAASG,MAA2BE,MAAMD,iBAAiB;MAIpEJ,UAASG,MAAiDG,WAAW,EACpEC,QAAQ,EAAE1B,OAAOuB,kBAAiB,EACI,CAAC;IAG5C,CAACb,cAAcW,SAAS,CAAC;AAE5B,QAAO1B,sBAAMgC,aAAaR,UAAU;EAElC,GAAGA,SAASG;EACZG,WAAWG,UAA+C;GAExD,MAAML,mBAAmBd,mBACvBC,cACAkB,MAAMF,OAAO1B,OACb,SACD;AAED,OAAIuB,qBAAqBK,MAAMF,OAAO1B,SAASqB,UAAU;AACvDA,aAAUF,SAASG,MAA2BE,MAAMD,iBAAiB;AACrEzB,mBAAe8B,MAAMF,QAAQH,iBAAiB;;AAI/CJ,YAASG,MAAiDG,WACzDG,MACD;;EAGHC,SAASD,UAA8C;AAEpDT,YAASG,MAAiDO,SACzDD,MACD;GAGD,MAAMF,SAASE,MAAMF;GACrB,MAAMH,mBAAmBd,mBACvBC,cACAgB,OAAO1B,OACP,OACD;AAED,OAAI,CAACN,UAAU6B,kBAAkBG,OAAO1B,MAAM,EAAE;AAE9CF,mBAAe4B,QAAQH,iBAAiB;IACxC,MAAMO,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,MAAM,CAAC;AAC1DN,WAAOO,cAAcH,YAAY;;;EAGrCI,YAAYN,UAAiD;AAE1DT,YAASG,MAAiDY,YACzDN,MACD;AAGD,OAAIA,MAAMO,QAAQ,SAAS;IACzB,MAAMT,SAASE,MAAMF;IACrB,MAAMH,mBAAmBd,mBACvBC,cACAgB,OAAO1B,OACP,UACD;AAGD,QAAI,CAACN,UAAU6B,kBAAkBG,OAAO1B,MAAM,EAAE;AAC9CF,oBAAe4B,QAAQH,iBAAiB;KACxC,MAAMO,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,MAAM,CAAC;AAC1DN,YAAOO,cAAcH,YAAY;;;;EAIxC,CAAC"}
+{"version":3,"file":"value-transformer.js","names":["deepEqual","React","useEffect","useFormContext","setNativeValue","element","value","valueSetter","Object","getOwnPropertyDescriptor","set","prototype","getPrototypeOf","prototypeValueSetter","call","_applyTransformers","transformers","filter","reduce","transformer","options","trigger","if","undefined","ValueTransformer","children","formContext","setValue","props","transformedValue","name","onChange","target","cloneElement","event","onBlur","changeEvent","Event","bubbles","dispatchEvent","onKeyDown","key"],"sources":["../../../../src/ui/components/value-transformer/value-transformer.tsx"],"sourcesContent":["import type {\n  TransformerTrigger,\n  TransformerType,\n  ValueTransformerProps,\n} from \"#design-system\";\nimport { deepEqual } from \"#design-system/ui/lib\";\nimport React, { useEffect } from \"react\";\nimport { useFormContext } from \"react-hook-form\";\n\n// Workaround to set the value of an input element\n// following react core team recommendation\n// https://github.com/facebook/react/issues/10135\nfunction setNativeValue(element: HTMLInputElement, value: any) {\n  const valueSetter = Object.getOwnPropertyDescriptor(element, \"value\")?.set;\n  const prototype = Object.getPrototypeOf(element) as HTMLInputElement;\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    \"value\",\n  )?.set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter?.call(element, value);\n  } else {\n    valueSetter?.call(element, value);\n  }\n}\n\n// apply transformers to the value\nfunction _applyTransformers(\n  transformers: TransformerType,\n  value: unknown,\n  filter: TransformerTrigger | \"all\" = \"blur\",\n) {\n  return transformers.reduce<unknown>((value, transformer) => {\n    if (typeof transformer === \"function\") {\n      if (filter === \"blur\" || filter === \"all\") {\n        // array of transformers are only applied on blur\n        return transformer(value);\n      }\n      return value;\n    }\n\n    // it is a transformer object\n    if (\n      (transformer.options?.trigger ?? \"blur\") !== filter &&\n      filter !== \"all\"\n    ) {\n      return value;\n    }\n    // if no set, we assume true\n    if (transformer.options?.if === undefined || transformer.options.if) {\n      return transformer.transformer(value);\n    }\n    return value;\n  }, value);\n}\n\n/**\n * Apply transformers to the value of the input element. A transformer is a function that\n * will be applied to the value of the input element modifying the value.\n *\n * @param transformers - An array of transformers. A transformer is an object with a\n * `transformer` property, which is a function that will be applied to the value of\n * the input element, and an optional `options` property. The `options` property can\n * have a `trigger` property, which is the event that triggers the transformer, and\n * an `if` property, which is a boolean that indicates if the transformer should be\n * applied.\n * @param children - The input element to apply the transformers to as children\n *\n * @example\n * <ValueTransformer transformers={[\n *   {\n *     transformer: (value) => value.toUpperCase(),\n *     options: {\n *       trigger: \"change\",\n *     },\n *   },\n * ]}>\n *   <Input />\n * </ValueTransformer>\n *\n * @example\n * <ValueTransformer transformers={[\n *   {\n *     // trim the value on blur\n *     transformer: (value) => (value as string).trim(),\n *   },\n * ]}>\n *   <Input />\n * </ValueTransformer>\n */\nexport function ValueTransformer({\n  transformers,\n  children,\n}: ValueTransformerProps) {\n  const formContext = useFormContext();\n  const setValue = formContext?.setValue;\n\n  useEffect(() => {\n    // apply all the transformers on mount to prevent untransformed values\n    // if the field is not touched by the user\n    const value = (children.props as { value: unknown }).value;\n    const transformedValue = _applyTransformers(transformers, value, \"all\");\n\n    if (!deepEqual(transformedValue, value)) {\n      if (typeof setValue === \"function\") {\n        setValue((children.props as { name: string }).name, transformedValue);\n      } else {\n        // if setValue is not available, then we're not inside a form context\n        // so we need to update the value using onChange if available\n        (children.props as React.HTMLAttributes<HTMLInputElement>).onChange?.({\n          target: { value: transformedValue },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n    }\n  }, [transformers, setValue]);\n\n  return React.cloneElement(children, {\n    // @ts-expect-error - React.HTMLAttributes is not typed\n    ...children.props,\n    onChange: (event: React.ChangeEvent<HTMLInputElement>) => {\n      // apply transformers on change\n      const transformedValue = _applyTransformers(\n        transformers,\n        event.target.value,\n        \"change\",\n      );\n\n      if (transformedValue !== event.target.value && setValue) {\n        setValue((children.props as { name: string }).name, transformedValue);\n        setNativeValue(event.target, transformedValue);\n      }\n\n      // call the original onChange\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onChange?.(\n        event,\n      );\n    },\n    // apply transformers on blur\n    onBlur: (event: React.FocusEvent<HTMLInputElement>) => {\n      // call the original onBlur\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onBlur?.(\n        event,\n      );\n\n      // apply the transformers\n      const target = event.target;\n      const transformedValue = _applyTransformers(\n        transformers,\n        target.value,\n        \"blur\",\n      );\n\n      if (!deepEqual(transformedValue, target.value)) {\n        // only dispatch change if the value has changed\n        setNativeValue(target, transformedValue);\n        const changeEvent = new Event(\"change\", { bubbles: true });\n        target.dispatchEvent(changeEvent);\n      }\n    },\n    onKeyDown: (event: React.KeyboardEvent<HTMLInputElement>) => {\n      // call the original onKeyDown\n      (children.props as React.HTMLAttributes<HTMLInputElement>).onKeyDown?.(\n        event,\n      );\n\n      // apply the transformers\n      if (event.key === \"Enter\") {\n        const target = event.target as HTMLInputElement;\n        const transformedValue = _applyTransformers(\n          transformers,\n          target.value,\n          \"keyDown\",\n        );\n\n        // only dispatch change if the value has changed\n        if (!deepEqual(transformedValue, target.value)) {\n          setNativeValue(target, transformedValue);\n          const changeEvent = new Event(\"change\", { bubbles: true });\n          target.dispatchEvent(changeEvent);\n        }\n      }\n    },\n  });\n}\n"],"mappings":";;;;AAYA,SAASI,eAAeC,SAA2BC,OAAY;CAC7D,MAAMC,cAAcC,OAAOC,yBAAyBJ,SAAS,OAAO,CAAC,EAAEK;CACvE,MAAMC,YAAYH,OAAOI,eAAeP,OAAO;CAC/C,MAAMQ,uBAAuBL,OAAOC,yBAClCE,WACA,OACF,CAAC,EAAED;CAEH,IAAIH,eAAeA,gBAAgBM,sBACjCA,sBAAsBC,KAAKT,SAASC,KAAK;MAEzCC,aAAaO,KAAKT,SAASC,KAAK;AAEpC;AAGA,SAASS,mBACPC,cACAV,OACAW,SAAqC,QACrC;CACA,OAAOD,aAAaE,QAAiBZ,OAAOa,gBAAgB;EAC1D,IAAI,OAAOA,gBAAgB,YAAY;GACrC,IAAIF,WAAW,UAAUA,WAAW,OAElC,OAAOE,YAAYb,KAAK;GAE1B,OAAOA;EACT;EAGA,KACGa,YAAYC,SAASC,WAAW,YAAYJ,UAC7CA,WAAW,OAEX,OAAOX;EAGT,IAAIa,YAAYC,SAASE,OAAOC,KAAAA,KAAaJ,YAAYC,QAAQE,IAC/D,OAAOH,YAAYA,YAAYb,KAAK;EAEtC,OAAOA;CACT,GAAGA,KAAK;AACV;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCA,SAAgBkB,iBAAiB,EAC/BR,cACAS,YACwB;CAExB,MAAME,WADcxB,eACHuB,CAAW,EAAEC;CAE9BzB,gBAAgB;EAGd,MAAMI,QAASmB,SAASG,MAA6BtB;EACrD,MAAMuB,mBAAmBd,mBAAmBC,cAAcV,OAAO,KAAK;EAEtE,IAAI,CAACN,UAAU6B,kBAAkBvB,KAAK,GAAG;GACvC,IAAI,OAAOqB,aAAa,YACtBA,SAAUF,SAASG,MAA2BE,MAAMD,gBAAgB;QAInEJ,SAASG,MAAiDG,WAAW,EACpEC,QAAQ,EAAE1B,OAAOuB,iBAAiB,EACpC,CAAwC;EAE5C;CACF,GAAG,CAACb,cAAcW,QAAQ,CAAC;CAE3B,OAAO1B,oBAAMgC,aAAaR,UAAU;EAElC,GAAGA,SAASG;EACZG,WAAWG,UAA+C;GAExD,MAAML,mBAAmBd,mBACvBC,cACAkB,MAAMF,OAAO1B,OACb,QACF;GAEA,IAAIuB,qBAAqBK,MAAMF,OAAO1B,SAASqB,UAAU;IACvDA,SAAUF,SAASG,MAA2BE,MAAMD,gBAAgB;IACpEzB,eAAe8B,MAAMF,QAAQH,gBAAgB;GAC/C;GAGCJ,SAASG,MAAiDG,WACzDG,KACF;EACF;EAEAC,SAASD,UAA8C;GAEpDT,SAASG,MAAiDO,SACzDD,KACF;GAGA,MAAMF,SAASE,MAAMF;GACrB,MAAMH,mBAAmBd,mBACvBC,cACAgB,OAAO1B,OACP,MACF;GAEA,IAAI,CAACN,UAAU6B,kBAAkBG,OAAO1B,KAAK,GAAG;IAE9CF,eAAe4B,QAAQH,gBAAgB;IACvC,MAAMO,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,KAAK,CAAC;IACzDN,OAAOO,cAAcH,WAAW;GAClC;EACF;EACAI,YAAYN,UAAiD;GAE1DT,SAASG,MAAiDY,YACzDN,KACF;GAGA,IAAIA,MAAMO,QAAQ,SAAS;IACzB,MAAMT,SAASE,MAAMF;IACrB,MAAMH,mBAAmBd,mBACvBC,cACAgB,OAAO1B,OACP,SACF;IAGA,IAAI,CAACN,UAAU6B,kBAAkBG,OAAO1B,KAAK,GAAG;KAC9CF,eAAe4B,QAAQH,gBAAgB;KACvC,MAAMO,cAAc,IAAIC,MAAM,UAAU,EAAEC,SAAS,KAAK,CAAC;KACzDN,OAAOO,cAAcH,WAAW;IAClC;GACF;EACF;CACF,CAAC;AACH"}

package/dist/ui/components/with-field-validation/with-field-validation.d.ts

@@ -1,2 +1,3 @@
-import { n as withFieldValidation, t as ValidationOptions } from "../../../with-field-validation-Di5D8vU-.js";
-export { ValidationOptions, withFieldValidation };
+import { n as withFieldValidation, t as ValidationOptions } from "../../../with-field-validation-CObZoT4r.js";
+export { ValidationOptions, withFieldValidation };
+export {};

package/dist/ui/components/with-field-validation/with-field-validation.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { Controller, useFormContext, useFormState } from "react-hook-form";
 //#region src/ui/components/with-field-validation/with-field-validation.tsx
 const withFieldValidation = (Component, options) => {
-	return /* @__PURE__ */ forwardRef(({ value, name, showErrorOnBlur, showErrorOnChange, validators: customValidators, ...props }, ref) => {
+	return /*#__PURE__*/ forwardRef(({ value, name, showErrorOnBlur, showErrorOnChange, validators: customValidators, ...props }, ref) => {
 		const { onChange: onChangeProp, onBlur: onBlurProp } = props;
 		const { control, formState: { errors: formErrors, defaultValues: _defaultValues }, trigger, setValue, getValues } = useFormContext();
 		const { submitCount } = useFormState();

package/dist/ui/components/with-field-validation/with-field-validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"with-field-validation.js","names":["forwardRef","useEffect","useState","Controller","useFormContext","useFormState","withFieldValidation","Component","options","value","name","showErrorOnBlur","showErrorOnChange","validators","customValidators","props","ref","onChange","onChangeProp","onBlur","onBlurProp","control","formState","errors","formErrors","defaultValues","_defaultValues","trigger","setValue","getValues","submitCount","Error","displayName","types","Object","values","length","push","required","initialized","setInitialized","undefined","console","warn","defaultValue","disabled","field","_","onBlurController","internalValue","rest","onBlurCallback","event","onChangeCallback","hasOwn","target","Event","HTMLElement","formFieldRef","combinedRef","element","current","message","pattern","RegExp","maxLength","minLength","minValue","min","maxValue","max","validate","fromEntries","Array","isArray","map","error","index","validations","entries","key","validatorFactory","propsWithValues","validator"],"sources":["../../../../src/ui/components/with-field-validation/with-field-validation.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ComponentType,\n  ElementRef,\n  FocusEvent,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Controller, useFormContext, useFormState } from \"react-hook-form\";\nimport type {\n  FieldErrorHandling,\n  InputBaseProps,\n  ValidatorHandler,\n} from \"../../types.js\";\n\ninterface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {\n  pattern?: RegExp;\n  maxLength?: number;\n  minLength?: number;\n  minValue?: number;\n  maxValue?: number;\n}\n\ninterface PossibleEventsProps {\n  onChange?: (event: ChangeEvent<unknown>) => unknown;\n  onBlur?: (event: FocusEvent<unknown>) => unknown;\n}\n\nexport interface ValidationOptions<T> {\n  validations?: Record<string, (parentProps: T) => ValidatorHandler>;\n  transformValue?: (value: any) => any;\n}\n\nexport const withFieldValidation = <\n  T extends PossibleProps,\n  R extends ElementRef<any> = ElementRef<any>,\n>(\n  Component: ComponentType<T>,\n  options?: ValidationOptions<T>,\n): ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>> => {\n  return forwardRef<R, T>(\n    (\n      {\n        value,\n        name,\n        showErrorOnBlur,\n        showErrorOnChange,\n        validators: customValidators,\n        ...props\n      },\n      ref,\n    ) => {\n      const { onChange: onChangeProp, onBlur: onBlurProp } =\n        props as PossibleEventsProps;\n      const {\n        control,\n        formState: { errors: formErrors, defaultValues: _defaultValues },\n        trigger,\n        setValue,\n        getValues,\n      } = useFormContext();\n      const { submitCount } = useFormState();\n\n      if (!name) {\n        throw new Error(\n          `[Field: ${Component.displayName}] The name prop is required.`,\n        );\n      }\n\n      const errors = [\n        ...(formErrors[name]?.types\n          ? (Object.values(formErrors[name].types ?? []) as string[])\n          : []),\n      ];\n      if (errors.length === 0 && !!formErrors[name]) {\n        // the field is invalid but no error message was provided\n        errors.push(\"Invalid value\");\n      }\n\n      useEffect(() => {\n        if (submitCount > 0) {\n          void trigger(name);\n        }\n        // we should trigger a re-validation after the form is submitted, the errors are shown\n        // and the required prop is changed. Other deps can not be added, otherwise a revalidation\n        // will be triggered unnecessarily\n      }, [props.required]);\n\n      useEffect(() => {\n        // if custom errors are provided, then we need to trigger the validation\n        // otherwise the errors will not be shown till the form is submitted\n        if (props.errors && props.errors.length > 0) {\n          void trigger(name);\n        }\n      }, [name, props.errors, trigger]);\n\n      const [initialized, setInitialized] = useState(false);\n      useEffect(() => {\n        if (initialized) {\n          setValue(name, value);\n        }\n        setInitialized(true);\n        // initialized can not be in the dependencies because it would cause\n        // a change of the value on initial render\n      }, [name, value]);\n\n      if (value !== undefined && !onChangeProp) {\n        console.warn(\n          `[Field: ${name}] Value prop provided without onChange so it will be ignored. Use disabled/readOnly if you want to prevent changes.`,\n        );\n      }\n\n      return (\n        <Controller\n          control={control}\n          name={name}\n          defaultValue={(value ?? props.defaultValue) as unknown}\n          disabled={props.disabled}\n          render={({\n            field: {\n              // just preventing that onChange is included in the rest of the props\n              onChange: _,\n              onBlur: onBlurController,\n              value: internalValue,\n              ...rest\n            },\n          }) => {\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onBlurCallback = (event: FocusEvent<HTMLInputElement>) => {\n              if (showErrorOnBlur) {\n                void trigger(name);\n              } else {\n                onBlurController(); // default behavior\n              }\n\n              // trigger parent onBlur\n              if (onBlurProp) {\n                onBlurProp(event);\n              }\n            };\n\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onChangeCallback = (event: ChangeEvent<HTMLInputElement>) => {\n              // update value state\n              if (onChangeProp) {\n                if (Object.hasOwn(event, \"target\")) {\n                  // it is probably an actual event\n                  setValue(name, event.target.value);\n                } else {\n                  // it is a custom onChange and it pass the value directly\n                  setValue(name, event);\n                }\n\n                // the fields is controlled by the parent\n                onChangeProp(event);\n              } else {\n                // sometimes the onChange is overridden by the parent and use the new value as parameter instead of event\n                let value: unknown = event;\n                if (\n                  event instanceof Event ||\n                  event.target instanceof HTMLElement\n                ) {\n                  value = event.target.value;\n                }\n                setValue(name, value); // default behavior\n              }\n\n              // now let's validate the field\n              if (\n                showErrorOnChange === undefined &&\n                showErrorOnBlur === undefined\n              ) {\n                // use form validation mode...\n                // if previously validated, then validate on change\n                if (submitCount > 0) {\n                  void trigger(name);\n                }\n              } else {\n                // default validation behavior was overridden\n                if (showErrorOnChange) {\n                  void trigger(name);\n                }\n              }\n            };\n\n            // extract ref from rest\n            const { ref: formFieldRef } = rest;\n\n            // create a combined ref\n            const combinedRef = (element: R) => {\n              // apply external ref if exists\n              if (typeof ref === \"function\") {\n                ref(element);\n              } else if (ref) {\n                ref.current = element;\n              }\n              // apply field ref\n              formFieldRef(element);\n            };\n\n            return (\n              <Component\n                {...(props as unknown as T)}\n                {...rest}\n                value={internalValue as unknown}\n                onBlur={onBlurCallback}\n                onChange={onChangeCallback}\n                errors={errors}\n                ref={combinedRef}\n              />\n            );\n          }}\n          rules={{\n            ...(props.required\n              ? {\n                  required: {\n                    value: props.required,\n                    message: \"This field is required\",\n                  },\n                }\n              : {\n                  required: undefined,\n                }),\n            ...(props.pattern && {\n              pattern: {\n                value: new RegExp(props.pattern),\n                message: \"This field does not match the required pattern\",\n              },\n            }),\n            ...(props.maxLength !== undefined && props.maxLength >= 0\n              ? {\n                  maxLength: {\n                    value: props.maxLength,\n                    message: `This field must be at most ${props.maxLength} characters`,\n                  },\n                }\n              : {\n                  maxLength: undefined,\n                }),\n            ...(props.minLength !== undefined && props.minLength >= 0\n              ? {\n                  minLength: {\n                    value: props.minLength,\n                    message: `This field must be at least ${props.minLength} characters`,\n                  },\n                }\n              : {\n                  minLength: undefined,\n                }),\n            ...(props.minValue && {\n              min: {\n                value: props.minValue,\n                message: `This field must be greater than or equal to ${props.minValue}`,\n              },\n            }),\n            ...(props.maxValue && {\n              max: {\n                value: props.maxValue,\n                message: `This field must be less than or equal to ${props.maxValue}`,\n              },\n            }),\n            validate: {\n              // custom errors provided as props\n              ...(props.errors\n                ? Object.fromEntries(\n                    Array.isArray(props.errors)\n                      ? props.errors.map((error, index) => [\n                          `_propError${index}`,\n                          () => error,\n                        ])\n                      : [],\n                  )\n                : {}),\n              // built in validations by the field in the library\n              ...(options?.validations\n                ? Object.fromEntries(\n                    Object.entries(options.validations).map(\n                      ([key, validatorFactory]) => {\n                        const propsWithValues = {\n                          value: getValues(name) as unknown, // get the actual value of the field in the form\n                          name,\n                          showErrorOnBlur,\n                          showErrorOnChange,\n                          ...props,\n                        };\n                        return [\n                          key,\n                          validatorFactory(propsWithValues as unknown as T),\n                        ];\n                      },\n                    ),\n                  )\n                : {}),\n              // custom validations by the user/developer\n              ...(customValidators !== undefined\n                ? Object.fromEntries(\n                    (Array.isArray(customValidators)\n                      ? customValidators\n                      : [customValidators]\n                    ).map((validator, index) => [\n                      `customValidation${index}`,\n                      validator,\n                    ]),\n                  )\n                : {}),\n            },\n          }}\n        />\n      );\n    },\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"with-field-validation.js","names":["forwardRef","useEffect","useState","Controller","useFormContext","useFormState","withFieldValidation","Component","options","value","name","showErrorOnBlur","showErrorOnChange","validators","customValidators","props","ref","onChange","onChangeProp","onBlur","onBlurProp","control","formState","errors","formErrors","defaultValues","_defaultValues","trigger","setValue","getValues","submitCount","Error","displayName","types","Object","values","length","push","required","initialized","setInitialized","undefined","console","warn","defaultValue","disabled","field","_","onBlurController","internalValue","rest","onBlurCallback","event","onChangeCallback","hasOwn","target","Event","HTMLElement","formFieldRef","combinedRef","element","current","message","pattern","RegExp","maxLength","minLength","minValue","min","maxValue","max","validate","fromEntries","Array","isArray","map","error","index","validations","entries","key","validatorFactory","propsWithValues","validator"],"sources":["../../../../src/ui/components/with-field-validation/with-field-validation.tsx"],"sourcesContent":["import type {\n  ChangeEvent,\n  ComponentType,\n  ElementRef,\n  FocusEvent,\n  ForwardRefExoticComponent,\n  PropsWithoutRef,\n  RefAttributes,\n} from \"react\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Controller, useFormContext, useFormState } from \"react-hook-form\";\nimport type {\n  FieldErrorHandling,\n  InputBaseProps,\n  ValidatorHandler,\n} from \"../../types.js\";\n\ninterface PossibleProps extends InputBaseProps<unknown>, FieldErrorHandling {\n  pattern?: RegExp;\n  maxLength?: number;\n  minLength?: number;\n  minValue?: number;\n  maxValue?: number;\n}\n\ninterface PossibleEventsProps {\n  onChange?: (event: ChangeEvent<unknown>) => unknown;\n  onBlur?: (event: FocusEvent<unknown>) => unknown;\n}\n\nexport interface ValidationOptions<T> {\n  validations?: Record<string, (parentProps: T) => ValidatorHandler>;\n  transformValue?: (value: any) => any;\n}\n\nexport const withFieldValidation = <\n  T extends PossibleProps,\n  R extends ElementRef<any> = ElementRef<any>,\n>(\n  Component: ComponentType<T>,\n  options?: ValidationOptions<T>,\n): ForwardRefExoticComponent<PropsWithoutRef<T> & RefAttributes<R>> => {\n  return forwardRef<R, T>(\n    (\n      {\n        value,\n        name,\n        showErrorOnBlur,\n        showErrorOnChange,\n        validators: customValidators,\n        ...props\n      },\n      ref,\n    ) => {\n      const { onChange: onChangeProp, onBlur: onBlurProp } =\n        props as PossibleEventsProps;\n      const {\n        control,\n        formState: { errors: formErrors, defaultValues: _defaultValues },\n        trigger,\n        setValue,\n        getValues,\n      } = useFormContext();\n      const { submitCount } = useFormState();\n\n      if (!name) {\n        throw new Error(\n          `[Field: ${Component.displayName}] The name prop is required.`,\n        );\n      }\n\n      const errors = [\n        ...(formErrors[name]?.types\n          ? (Object.values(formErrors[name].types ?? []) as string[])\n          : []),\n      ];\n      if (errors.length === 0 && !!formErrors[name]) {\n        // the field is invalid but no error message was provided\n        errors.push(\"Invalid value\");\n      }\n\n      useEffect(() => {\n        if (submitCount > 0) {\n          void trigger(name);\n        }\n        // we should trigger a re-validation after the form is submitted, the errors are shown\n        // and the required prop is changed. Other deps can not be added, otherwise a revalidation\n        // will be triggered unnecessarily\n      }, [props.required]);\n\n      useEffect(() => {\n        // if custom errors are provided, then we need to trigger the validation\n        // otherwise the errors will not be shown till the form is submitted\n        if (props.errors && props.errors.length > 0) {\n          void trigger(name);\n        }\n      }, [name, props.errors, trigger]);\n\n      const [initialized, setInitialized] = useState(false);\n      useEffect(() => {\n        if (initialized) {\n          setValue(name, value);\n        }\n        setInitialized(true);\n        // initialized can not be in the dependencies because it would cause\n        // a change of the value on initial render\n      }, [name, value]);\n\n      if (value !== undefined && !onChangeProp) {\n        console.warn(\n          `[Field: ${name}] Value prop provided without onChange so it will be ignored. Use disabled/readOnly if you want to prevent changes.`,\n        );\n      }\n\n      return (\n        <Controller\n          control={control}\n          name={name}\n          defaultValue={(value ?? props.defaultValue) as unknown}\n          disabled={props.disabled}\n          render={({\n            field: {\n              // just preventing that onChange is included in the rest of the props\n              onChange: _,\n              onBlur: onBlurController,\n              value: internalValue,\n              ...rest\n            },\n          }) => {\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onBlurCallback = (event: FocusEvent<HTMLInputElement>) => {\n              if (showErrorOnBlur) {\n                void trigger(name);\n              } else {\n                onBlurController(); // default behavior\n              }\n\n              // trigger parent onBlur\n              if (onBlurProp) {\n                onBlurProp(event);\n              }\n            };\n\n            // ignore eslint that flags an error here:\n            // React Hook \"useCallback\" cannot be called inside a callback.\n            // React Hooks must be called in a React function component or a custom React Hook function.\n\n            const onChangeCallback = (event: ChangeEvent<HTMLInputElement>) => {\n              // update value state\n              if (onChangeProp) {\n                if (Object.hasOwn(event, \"target\")) {\n                  // it is probably an actual event\n                  setValue(name, event.target.value);\n                } else {\n                  // it is a custom onChange and it pass the value directly\n                  setValue(name, event);\n                }\n\n                // the fields is controlled by the parent\n                onChangeProp(event);\n              } else {\n                // sometimes the onChange is overridden by the parent and use the new value as parameter instead of event\n                let value: unknown = event;\n                if (\n                  event instanceof Event ||\n                  event.target instanceof HTMLElement\n                ) {\n                  value = event.target.value;\n                }\n                setValue(name, value); // default behavior\n              }\n\n              // now let's validate the field\n              if (\n                showErrorOnChange === undefined &&\n                showErrorOnBlur === undefined\n              ) {\n                // use form validation mode...\n                // if previously validated, then validate on change\n                if (submitCount > 0) {\n                  void trigger(name);\n                }\n              } else {\n                // default validation behavior was overridden\n                if (showErrorOnChange) {\n                  void trigger(name);\n                }\n              }\n            };\n\n            // extract ref from rest\n            const { ref: formFieldRef } = rest;\n\n            // create a combined ref\n            const combinedRef = (element: R) => {\n              // apply external ref if exists\n              if (typeof ref === \"function\") {\n                ref(element);\n              } else if (ref) {\n                ref.current = element;\n              }\n              // apply field ref\n              formFieldRef(element);\n            };\n\n            return (\n              <Component\n                {...(props as unknown as T)}\n                {...rest}\n                value={internalValue as unknown}\n                onBlur={onBlurCallback}\n                onChange={onChangeCallback}\n                errors={errors}\n                ref={combinedRef}\n              />\n            );\n          }}\n          rules={{\n            ...(props.required\n              ? {\n                  required: {\n                    value: props.required,\n                    message: \"This field is required\",\n                  },\n                }\n              : {\n                  required: undefined,\n                }),\n            ...(props.pattern && {\n              pattern: {\n                value: new RegExp(props.pattern),\n                message: \"This field does not match the required pattern\",\n              },\n            }),\n            ...(props.maxLength !== undefined && props.maxLength >= 0\n              ? {\n                  maxLength: {\n                    value: props.maxLength,\n                    message: `This field must be at most ${props.maxLength} characters`,\n                  },\n                }\n              : {\n                  maxLength: undefined,\n                }),\n            ...(props.minLength !== undefined && props.minLength >= 0\n              ? {\n                  minLength: {\n                    value: props.minLength,\n                    message: `This field must be at least ${props.minLength} characters`,\n                  },\n                }\n              : {\n                  minLength: undefined,\n                }),\n            ...(props.minValue && {\n              min: {\n                value: props.minValue,\n                message: `This field must be greater than or equal to ${props.minValue}`,\n              },\n            }),\n            ...(props.maxValue && {\n              max: {\n                value: props.maxValue,\n                message: `This field must be less than or equal to ${props.maxValue}`,\n              },\n            }),\n            validate: {\n              // custom errors provided as props\n              ...(props.errors\n                ? Object.fromEntries(\n                    Array.isArray(props.errors)\n                      ? props.errors.map((error, index) => [\n                          `_propError${index}`,\n                          () => error,\n                        ])\n                      : [],\n                  )\n                : {}),\n              // built in validations by the field in the library\n              ...(options?.validations\n                ? Object.fromEntries(\n                    Object.entries(options.validations).map(\n                      ([key, validatorFactory]) => {\n                        const propsWithValues = {\n                          value: getValues(name) as unknown, // get the actual value of the field in the form\n                          name,\n                          showErrorOnBlur,\n                          showErrorOnChange,\n                          ...props,\n                        };\n                        return [\n                          key,\n                          validatorFactory(propsWithValues as unknown as T),\n                        ];\n                      },\n                    ),\n                  )\n                : {}),\n              // custom validations by the user/developer\n              ...(customValidators !== undefined\n                ? Object.fromEntries(\n                    (Array.isArray(customValidators)\n                      ? customValidators\n                      : [customValidators]\n                    ).map((validator, index) => [\n                      `customValidation${index}`,\n                      validator,\n                    ]),\n                  )\n                : {}),\n            },\n          }}\n        />\n      );\n    },\n  );\n};\n"],"mappings":";;;;AAmCA,MAAaM,uBAIXC,WACAC,YACqE;CACrE,OAAOR,0BAEH,EACES,OACAC,MACAC,iBACAC,mBACAC,YAAYC,kBACZ,GAAGC,SAELC,QACG;EACH,MAAM,EAAEC,UAAUC,cAAcC,QAAQC,eACtCL;EACF,MAAM,EACJM,SACAC,WAAW,EAAEC,QAAQC,YAAYC,eAAeC,kBAChDC,SACAC,UACAC,cACEzB,eAAe;EACnB,MAAM,EAAE0B,gBAAgBzB,aAAa;EAErC,IAAI,CAACK,MACH,MAAM,IAAIqB,MACR,WAAWxB,UAAUyB,YAAW,6BAClC;EAGF,MAAMT,SAAS,CACb,GAAIC,WAAWd,KAAK,EAAEuB,QACjBC,OAAOC,OAAOX,WAAWd,KAAK,CAACuB,SAAS,CAAA,CAAE,IAC3C,CAAA,CAAG;EAET,IAAIV,OAAOa,WAAW,KAAK,CAAC,CAACZ,WAAWd,OAEtCa,OAAOc,KAAK,eAAe;EAG7BpC,gBAAgB;GACd,IAAI6B,cAAc,GAChB,QAAapB,IAAI;EAKrB,GAAG,CAACK,MAAMuB,QAAQ,CAAC;EAEnBrC,gBAAgB;GAGd,IAAIc,MAAMQ,UAAUR,MAAMQ,OAAOa,SAAS,GACxC,QAAa1B,IAAI;EAErB,GAAG;GAACA;GAAMK,MAAMQ;GAAQI;EAAO,CAAC;EAEhC,MAAM,CAACY,aAAaC,kBAAkBtC,SAAS,KAAK;EACpDD,gBAAgB;GACd,IAAIsC,aACFX,SAASlB,MAAMD,KAAK;GAEtB+B,eAAe,IAAI;EAGrB,GAAG,CAAC9B,MAAMD,KAAK,CAAC;EAEhB,IAAIA,UAAUgC,KAAAA,KAAa,CAACvB,cAC1BwB,QAAQC,KACN,WAAWjC,KAAI,oHACjB;EAGF,OACE,oBAAC,YAAD;GACWW;GACHX;GACN,cAAeD,SAASM,MAAM6B;GAC9B,UAAU7B,MAAM8B;GAChB,SAAS,EACPC,OAAO,EAEL7B,UAAU8B,GACV5B,QAAQ6B,kBACRvC,OAAOwC,eACP,GAAGC,aAED;IAKJ,MAAMC,kBAAkBC,UAAwC;KAC9D,IAAIzC,iBACF,QAAaD,IAAI;UAEjBsC,iBAAiB;KAInB,IAAI5B,YACFA,WAAWgC,KAAK;IAEpB;IAMA,MAAMC,oBAAoBD,UAAyC;KAEjE,IAAIlC,cAAc;MAChB,IAAIgB,OAAOoB,OAAOF,OAAO,QAAQ,GAE/BxB,SAASlB,MAAM0C,MAAMG,OAAO9C,KAAK;WAGjCmB,SAASlB,MAAM0C,KAAK;MAItBlC,aAAakC,KAAK;KACpB,OAAO;MAEL,IAAI3C,QAAiB2C;MACrB,IACEA,iBAAiBI,SACjBJ,MAAMG,kBAAkBE,aAExBhD,QAAQ2C,MAAMG,OAAO9C;MAEvBmB,SAASlB,MAAMD,KAAK;KACtB;KAGA,IACEG,sBAAsB6B,KAAAA,KACtB9B,oBAAoB8B,KAAAA,GAIhBX;UAAAA,cAAc,GAChB,QAAapB,IAAI;KAAA,OAInB,IAAIE,mBACF,QAAaF,IAAI;IAGvB;IAGA,MAAM,EAAEM,KAAK0C,iBAAiBR;IAG9B,MAAMS,eAAeC,YAAe;KAElC,IAAI,OAAO5C,QAAQ,YACjBA,IAAI4C,OAAO;UACN,IAAI5C,KACTA,IAAI6C,UAAUD;KAGhBF,aAAaE,OAAO;IACtB;IAEA,OACE,oBAAC,WAAD;KACE,GAAK7C;KACL,GAAImC;KACJ,OAAOD;KACP,QAAQE;KACR,UAAUE;KACF9B;KACR,KAAKoC;IAAY,CAAA;GAGvB;GACA,OAAO;IACL,GAAI5C,MAAMuB,WACN,EACEA,UAAU;KACR7B,OAAOM,MAAMuB;KACbwB,SAAS;IACX,EACF,IACA,EACExB,UAAUG,KAAAA,EACZ;IACJ,GAAI1B,MAAMgD,WAAW,EACnBA,SAAS;KACPtD,OAAO,IAAIuD,OAAOjD,MAAMgD,OAAO;KAC/BD,SAAS;IACX,EACF;IACA,GAAI/C,MAAMkD,cAAcxB,KAAAA,KAAa1B,MAAMkD,aAAa,IACpD,EACEA,WAAW;KACTxD,OAAOM,MAAMkD;KACbH,SAAS,8BAA8B/C,MAAMkD,UAAS;IACxD,EACF,IACA,EACEA,WAAWxB,KAAAA,EACb;IACJ,GAAI1B,MAAMmD,cAAczB,KAAAA,KAAa1B,MAAMmD,aAAa,IACpD,EACEA,WAAW;KACTzD,OAAOM,MAAMmD;KACbJ,SAAS,+BAA+B/C,MAAMmD,UAAS;IACzD,EACF,IACA,EACEA,WAAWzB,KAAAA,EACb;IACJ,GAAI1B,MAAMoD,YAAY,EACpBC,KAAK;KACH3D,OAAOM,MAAMoD;KACbL,SAAS,+CAA+C/C,MAAMoD;IAChE,EACF;IACA,GAAIpD,MAAMsD,YAAY,EACpBC,KAAK;KACH7D,OAAOM,MAAMsD;KACbP,SAAS,4CAA4C/C,MAAMsD;IAC7D,EACF;IACAE,UAAU;KAER,GAAIxD,MAAMQ,SACNW,OAAOsC,YACLC,MAAMC,QAAQ3D,MAAMQ,MAAM,IACtBR,MAAMQ,OAAOoD,KAAKC,OAAOC,UAAU,CACjC,aAAaA,eACPD,KAAK,CACZ,IACD,CAAA,CACN,IACA,CAAC;KAEL,GAAIpE,SAASsE,cACT5C,OAAOsC,YACLtC,OAAO6C,QAAQvE,QAAQsE,WAAW,CAAC,CAACH,KACjC,CAACK,KAAKC,sBAAsB;MAQ3B,OAAO,CACLD,KACAC,iBAAiBC;OARjBzE,OAAOoB,UAAUnB,IAAI;OACrBA;OACAC;OACAC;OACA,GAAGG;MAIcmE,CAA+B,CAAC;KAErD,CACF,CACF,IACA,CAAC;KAEL,GAAIpE,qBAAqB2B,KAAAA,IACrBP,OAAOsC,aACJC,MAAMC,QAAQ5D,gBAAgB,IAC3BA,mBACA,CAACA,gBAAgB,EAAA,CACnB6D,KAAKQ,WAAWN,UAAU,CAC1B,mBAAmBA,SACnBM,SAAS,CACV,CACH,IACA,CAAC;IACP;GACF;EAAE,CAAA;CAGR,CACF;AACF"}

package/dist/ui/index.d.ts

@@ -1,42 +1,44 @@
-import { C as SelectProps, S as SelectOption, _ as WithDifference, a as AmountInputPropsGeneric, b as RadioGroupProps, c as Currency, d as ErrorMessage, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, o as AmountPercentage, p as InputBaseProps, r as AmountCurrency, s as AmountValue, t as Amount, u as DiffMode, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../index--hDSfvJT.js";
-import { a as TransformerType, c as WeekStartDayNumber, i as TransformerTrigger, n as DatePickerView, o as ValueTransformerFn, r as TransformerObject, s as ValueTransformerProps, t as DateFieldValue } from "../types-BTq-St7H.js";
-import { n as ButtonProps, r as buttonVariants, t as Button } from "../button-C8doazjv.js";
-import { n as CharacterCounterProps, t as CharacterCounter } from "../character-counter-BWoglM2P.js";
-import { n as CheckboxValue, t as CheckboxBase } from "../checkbox-base-CZo-4eL0.js";
-import { n as CheckboxProps, t as Checkbox } from "../checkbox-CGBtXQnI.js";
-import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../command-tFzjgzge.js";
-import { n as RadioGroupFieldProps, t as RadioGroupField } from "../radio-group-field-wlqeiLN3.js";
-import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../select-field-C97QIhUL.js";
-import { n as EnumFieldProps, t as EnumField } from "../enum-field-CwZVs3Ux.js";
-import { n as FormDescriptionProps, t as FormDescription } from "../form-description-CYkcMEzm.js";
-import { t as FormGroup } from "../form-group-C8kL6pdZ.js";
-import { n as FormLabelProps, t as FormLabel } from "../form-label-b6nQi0XO.js";
-import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../form-message-Dq72nBXz.js";
-import { t as FormServerErrorMessage } from "../form-server-error-message-DXbaiTfF.js";
-import { t as FormMessageList } from "../message-list-C4mPpBBa.js";
-import { t as Form } from "../form-CKRKn0TQ.js";
-import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../id-autocomplete-input-container-DFEyPh5p.js";
-import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../id-autocomplete-list-option-CB5B07Hi.js";
-import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../id-autocomplete-list-EzLpF23C.js";
-import { t as IdAutocomplete } from "../id-autocomplete-C-hwriS5.js";
-import { t as useIdAutocomplete } from "../use-id-autocomplete-By7YSChC.js";
-import { n as InputProps, t as Input } from "../input-BpEQjaWV.js";
-import { t as SplittedInputDiff } from "../splitted-input-diff-CwPedpov.js";
-import { t as JsonViewer } from "../json-viewer-DaTgmzkS.js";
-import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-XSBOuSih.js";
-import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../radio-group-Bkli6nUz.js";
-import { n as RadioProps, t as Radio } from "../radio-eL0Oy86J.js";
-import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../types-C04Q_Fan.js";
-import { t as SearchAutocomplete } from "../search-autocomplete-BJJkrZ1i.js";
-import { t as useSearchAutocomplete } from "../use-search-autocomplete-IfcQ_gKh.js";
-import { t as Content } from "../content-BHWIqmio.js";
-import { t as SelectedContent } from "../selected-content-CGsK5PR4.js";
-import { n as TextInputProps, t as TextInput } from "../text-input-8zXIWHLi.js";
-import { n as TextFieldProps, t as TextField } from "../text-field-DSInH67J.js";
-import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../types-CNbvfWjh.js";
-import { n as SidebarProps, t as Sidebar } from "../sidebar-DOoE4krt.js";
-import { n as useSidebar, t as SidebarProvider } from "../sidebar-provider-C2eyz9TL.js";
-import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../tooltip-BxS9HpML.js";
-import { t as ValueTransformer } from "../value-transformer-DQjqtNih.js";
-import { n as withFieldValidation, t as ValidationOptions } from "../with-field-validation-Di5D8vU-.js";
-export { Amount, AmountCrypto, AmountCurrency, AmountFiat, AmountInputPropsGeneric, AmountPercentage, AmountValue, Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, Currency, CurrencyTicker, CustomizableRadioGroupProps, DateFieldValue, DatePickerView, DiffMode, EnumField, EnumFieldProps, ErrorMessage, FieldErrorHandling, FlattenedNode, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, IdAutocompleteListOptionProps, IdAutocompleteListProps, IdAutocompleteOption, IdAutocompleteProps, Input, InputBaseProps, InputProps, JsonViewer, NodeSortComparisonFn, NodeSortOrder, NodeSortType, NodeStatus, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioGroupProps, RadioProps, SearchAutocomplete, SearchAutocompleteOption, SearchAutocompleteProps, SearchAutocompleteRowContext, SelectBaseProps, SelectField, SelectFieldProps, SelectFieldRaw, SelectOption, SelectProps, SelectedContent, Sidebar, SidebarIcon, SidebarNode, SidebarProps, SidebarProvider, SplittedInputDiff, TextField, TextFieldProps, TextInput, TextInputProps, Tooltip, TooltipContent, TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, TransformerObject, TransformerTrigger, TransformerType, ValidationOptions, ValidatorHandler, ValidatorResult, ValueTransformer, ValueTransformerFn, ValueTransformerProps, ViewMode, WeekStartDayNumber, WithDifference, buttonVariants, useIdAutocomplete, useSearchAutocomplete, useSidebar, withFieldValidation };
+import { C as SelectProps, S as SelectOption, _ as WithDifference, a as AmountInputPropsGeneric, b as RadioGroupProps, c as Currency, d as ErrorMessage, f as FieldErrorHandling, g as ViewMode, h as ValidatorResult, i as AmountFiat, l as CurrencyTicker, m as ValidatorHandler, n as AmountCrypto, o as AmountPercentage, p as InputBaseProps, r as AmountCurrency, s as AmountValue, t as Amount, u as DiffMode, v as IdAutocompleteOption, x as SelectBaseProps, y as IdAutocompleteProps } from "../index-Ck34z7kD.js";
+import { a as TransformerType, c as WeekStartDayNumber, i as TransformerTrigger, n as DatePickerView, o as ValueTransformerFn, r as TransformerObject, s as ValueTransformerProps, t as DateFieldValue } from "../types-CpFPFB1a.js";
+import { n as ButtonProps, r as buttonVariants, t as Button } from "../button-BYcXvZXr.js";
+import { n as CharacterCounterProps, t as CharacterCounter } from "../character-counter-BZmZZCHN.js";
+import { n as CheckboxValue, t as CheckboxBase } from "../checkbox-base-Bm0GPWgm.js";
+import { n as CheckboxProps, t as Checkbox } from "../checkbox-BIhO-KB2.js";
+import { a as CommandItem, i as CommandInput, n as CommandEmpty, o as CommandList, r as CommandGroup, s as CommandLoading, t as Command } from "../command-DHHTsHfH.js";
+import { n as RadioGroupFieldProps, t as RadioGroupField } from "../radio-group-field-0-cC_e65.js";
+import { n as SelectFieldProps, r as SelectFieldRaw, t as SelectField } from "../select-field-VZPf666l.js";
+import { n as EnumFieldProps, t as EnumField } from "../enum-field-DsyC0ml7.js";
+import { n as FormDescriptionProps, t as FormDescription } from "../form-description-DJrDJzJi.js";
+import { t as FormGroup } from "../form-group-Ckd28lpW.js";
+import { n as FormLabelProps, t as FormLabel } from "../form-label-C8ghd_lR.js";
+import { n as FormMessageProps, r as FormMessageType, t as FormMessage } from "../form-message-CnKUkvlj.js";
+import { t as FormServerErrorMessage } from "../form-server-error-message-D2tFtDZ0.js";
+import { t as FormMessageList } from "../message-list-D8d2ltLd.js";
+import { t as Form } from "../form-Brj5AQNr.js";
+import { n as IdAutocompleteInputContainerProps, t as IdAutocompleteInputContainer } from "../id-autocomplete-input-container-iTw9wYZn.js";
+import { n as IdAutocompleteListOptionProps, t as IdAutocompleteListOption } from "../id-autocomplete-list-option-DlpZer-2.js";
+import { n as IdAutocompleteListProps, t as IdAutocompleteList } from "../id-autocomplete-list-BIC3RxOp.js";
+import { t as IdAutocomplete } from "../id-autocomplete-Cr7p129s.js";
+import { t as useIdAutocomplete } from "../use-id-autocomplete-WH2ROfQn.js";
+import { n as InputProps, t as Input } from "../input-WDvjJFqf.js";
+import { t as SplittedInputDiff } from "../splitted-input-diff-Bkoi0Odc.js";
+import { t as JsonViewer } from "../json-viewer-Kg0IBIt-.js";
+import { i as PopoverTrigger, n as PopoverAnchor, r as PopoverContent, t as Popover } from "../popover-TvQxa0RU.js";
+import { n as RadioGroup, t as CustomizableRadioGroupProps } from "../radio-group-CROIwgYz.js";
+import { n as RadioProps, t as Radio } from "../radio-CTS4WsNy.js";
+import { n as SearchAutocompleteProps, r as SearchAutocompleteRowContext, t as SearchAutocompleteOption } from "../types-D4CirgNk.js";
+import { t as SearchAutocomplete } from "../search-autocomplete-COvFRZIb.js";
+import { t as useSearchAutocomplete } from "../use-search-autocomplete-vSvcsvcB.js";
+import { t as Content } from "../content-Ch3oDYCL.js";
+import { t as SelectedContent } from "../selected-content-D6NWiceG.js";
+import { n as TextInputProps, t as TextInput } from "../text-input-CFRCPYq6.js";
+import { n as TextFieldProps, t as TextField } from "../text-field-CDYSwanK.js";
+import { a as NodeStatus, i as NodeSortType, n as NodeSortComparisonFn, o as SidebarIcon, r as NodeSortOrder, s as SidebarNode, t as FlattenedNode } from "../types-FTqFl5du.js";
+import { n as SidebarProps, t as Sidebar } from "../sidebar-DFqreKf1.js";
+import { n as useSidebar, t as SidebarProvider } from "../sidebar-provider-CZHhqW5n.js";
+import { a as TooltipProps, i as TooltipContent, n as Root, o as Trigger, r as Tooltip, t as Provider } from "../tooltip-B4uQJPUm.js";
+import { t as ValueTransformer } from "../value-transformer-Cg5TEYP2.js";
+import { n as withFieldValidation, t as ValidationOptions } from "../with-field-validation-CObZoT4r.js";
+import "../index-Ds9-qjjC.js";
+export { type Amount, type AmountCrypto, type AmountCurrency, type AmountFiat, type AmountInputPropsGeneric, type AmountPercentage, type AmountValue, Button, ButtonProps, CharacterCounter, CharacterCounterProps, Checkbox, CheckboxBase, CheckboxProps, type CheckboxValue, Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandLoading, Content, type Currency, type CurrencyTicker, CustomizableRadioGroupProps, type DateFieldValue, type DatePickerView, type DiffMode, EnumField, EnumFieldProps, type ErrorMessage, type FieldErrorHandling, type FlattenedNode, Form, FormDescription, FormDescriptionProps, FormGroup, FormLabel, FormLabelProps, FormMessage, FormMessageList, FormMessageProps, FormMessageType, FormServerErrorMessage, IdAutocomplete, IdAutocompleteInputContainer, type IdAutocompleteInputContainerProps, IdAutocompleteList, IdAutocompleteListOption, type IdAutocompleteListOptionProps, type IdAutocompleteListProps, type IdAutocompleteOption, type IdAutocompleteProps, Input, type InputBaseProps, InputProps, JsonViewer, type NodeSortComparisonFn, type NodeSortOrder, type NodeSortType, type NodeStatus, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Radio, RadioGroup, RadioGroupField, RadioGroupFieldProps, type RadioGroupProps, RadioProps, SearchAutocomplete, type SearchAutocompleteOption, type SearchAutocompleteProps, type SearchAutocompleteRowContext, type SelectBaseProps, SelectField, SelectFieldProps, SelectFieldRaw, type SelectOption, type SelectProps, SelectedContent, Sidebar, type SidebarIcon, type SidebarNode, SidebarProps, SidebarProvider, SplittedInputDiff, TextField, TextFieldProps, TextInput, type TextInputProps, Tooltip, TooltipContent, type TooltipProps, Provider as TooltipProvider, Root as TooltipRoot, Trigger as TooltipTrigger, type TransformerObject, type TransformerTrigger, type TransformerType, ValidationOptions, type ValidatorHandler, type ValidatorResult, ValueTransformer, type ValueTransformerFn, type ValueTransformerProps, type ViewMode, type WeekStartDayNumber, type WithDifference, buttonVariants, useIdAutocomplete, useSearchAutocomplete, useSidebar, withFieldValidation };
+export {};

package/dist/ui/lib/date-picker.d.ts

@@ -1,11 +1,10 @@
-import { t as DateFieldValue } from "../../types-BTq-St7H.js";
-
+import { t as DateFieldValue } from "../../types-CpFPFB1a.js";
 //#region src/ui/lib/date-picker.d.ts
-declare const splitIso8601DateTime: (isoString: string) => {
+export declare const splitIso8601DateTime: (isoString: string) => {
   date: string;
   time: string;
 };
-declare const getDateFromValue: (value: DateFieldValue) => string;
+export declare const getDateFromValue: (value: DateFieldValue) => string;
 //#endregion
-export { getDateFromValue, splitIso8601DateTime };
+export {};
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/ui/lib/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","names":[],"sources":["../../../src/ui/lib/date-picker.ts"],"mappings":";;;cAGa,oBAAA,GAAwB,SAAA;;;;cAiCxB,gBAAA,GAAoB,KAAA,EAAO,cAAA"}
+{"version":3,"file":"date-picker.d.ts","names":[],"sources":["../../../src/ui/lib/date-picker.ts"],"mappings":";;qBAGa,uBAAoB;EAI7B;EACA;;qBA4BS,mBAAgB,OAAW"}

package/dist/ui/lib/date-picker.js

@@ -21,7 +21,8 @@ const splitDateTime = (value) => {
 		};
 	}
 	if (isValid(value)) {
-		const { date, time } = splitIso8601DateTime(value.toISOString());
+		const dateString = value.toISOString();
+		const { date, time } = splitIso8601DateTime(dateString);
 		return {
 			date,
 			time

package/dist/ui/lib/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","names":["isValid","splitIso8601DateTime","isoString","datePart","timePart","split","date","time","splitDateTime","value","defaultResult","dateString","toISOString","getDateFromValue"],"sources":["../../../src/ui/lib/date-picker.ts"],"sourcesContent":["import { isValid } from \"date-fns\";\nimport type { DateFieldValue } from \"./types.js\";\n\nexport const splitIso8601DateTime = (isoString: string) => {\n  const [datePart, timePart] = isoString.split(\"T\");\n\n  return {\n    date: datePart,\n    time: timePart,\n  };\n};\n\nconst splitDateTime = (\n  value: DateFieldValue,\n): { date: string; time: string } => {\n  const defaultResult = { date: \"\", time: \"\" };\n\n  if (!value) {\n    return defaultResult;\n  }\n\n  if (typeof value === \"string\") {\n    const { date, time } = splitIso8601DateTime(value);\n\n    return { date, time };\n  }\n\n  if (isValid(value)) {\n    const dateString = value.toISOString();\n    const { date, time } = splitIso8601DateTime(dateString);\n    return { date, time };\n  }\n\n  return defaultResult;\n};\n\nexport const getDateFromValue = (value: DateFieldValue): string => {\n  const { date } = splitDateTime(value);\n  return date;\n};\n"],"mappings":";;AAGA,MAAaC,wBAAwBC,cAAsB;CACzD,MAAM,CAACC,UAAUC,YAAYF,UAAUG,MAAM,IAAI;AAEjD,QAAO;EACLC,MAAMH;EACNI,MAAMH;EACP;;AAGH,MAAMI,iBACJC,UACmC;CACnC,MAAMC,gBAAgB;EAAEJ,MAAM;EAAIC,MAAM;EAAI;AAE5C,KAAI,CAACE,MACH,QAAOC;AAGT,KAAI,OAAOD,UAAU,UAAU;EAC7B,MAAM,EAAEH,MAAMC,SAASN,qBAAqBQ,MAAM;AAElD,SAAO;GAAEH;GAAMC;GAAM;;AAGvB,KAAIP,QAAQS,MAAM,EAAE;EAElB,MAAM,EAAEH,MAAMC,SAASN,qBADJQ,MAAMG,aAAa,CACiB;AACvD,SAAO;GAAEN;GAAMC;GAAM;;AAGvB,QAAOG;;AAGT,MAAaG,oBAAoBJ,UAAkC;CACjE,MAAM,EAAEH,SAASE,cAAcC,MAAM;AACrC,QAAOH"}
+{"version":3,"file":"date-picker.js","names":["isValid","splitIso8601DateTime","isoString","datePart","timePart","split","date","time","splitDateTime","value","defaultResult","dateString","toISOString","getDateFromValue"],"sources":["../../../src/ui/lib/date-picker.ts"],"sourcesContent":["import { isValid } from \"date-fns\";\nimport type { DateFieldValue } from \"./types.js\";\n\nexport const splitIso8601DateTime = (isoString: string) => {\n  const [datePart, timePart] = isoString.split(\"T\");\n\n  return {\n    date: datePart,\n    time: timePart,\n  };\n};\n\nconst splitDateTime = (\n  value: DateFieldValue,\n): { date: string; time: string } => {\n  const defaultResult = { date: \"\", time: \"\" };\n\n  if (!value) {\n    return defaultResult;\n  }\n\n  if (typeof value === \"string\") {\n    const { date, time } = splitIso8601DateTime(value);\n\n    return { date, time };\n  }\n\n  if (isValid(value)) {\n    const dateString = value.toISOString();\n    const { date, time } = splitIso8601DateTime(dateString);\n    return { date, time };\n  }\n\n  return defaultResult;\n};\n\nexport const getDateFromValue = (value: DateFieldValue): string => {\n  const { date } = splitDateTime(value);\n  return date;\n};\n"],"mappings":";;AAGA,MAAaC,wBAAwBC,cAAsB;CACzD,MAAM,CAACC,UAAUC,YAAYF,UAAUG,MAAM,GAAG;CAEhD,OAAO;EACLC,MAAMH;EACNI,MAAMH;CACR;AACF;AAEA,MAAMI,iBACJC,UACmC;CACnC,MAAMC,gBAAgB;EAAEJ,MAAM;EAAIC,MAAM;CAAG;CAE3C,IAAI,CAACE,OACH,OAAOC;CAGT,IAAI,OAAOD,UAAU,UAAU;EAC7B,MAAM,EAAEH,MAAMC,SAASN,qBAAqBQ,KAAK;EAEjD,OAAO;GAAEH;GAAMC;EAAK;CACtB;CAEA,IAAIP,QAAQS,KAAK,GAAG;EAClB,MAAME,aAAaF,MAAMG,YAAY;EACrC,MAAM,EAAEN,MAAMC,SAASN,qBAAqBU,UAAU;EACtD,OAAO;GAAEL;GAAMC;EAAK;CACtB;CAEA,OAAOG;AACT;AAEA,MAAaG,oBAAoBJ,UAAkC;CACjE,MAAM,EAAEH,SAASE,cAAcC,KAAK;CACpC,OAAOH;AACT"}

package/dist/ui/lib/date-time-picker.d.ts

@@ -1,6 +1,6 @@
 //#region src/ui/lib/date-time-picker.d.ts
-declare const ALLOWED_FORMATS: string[];
-declare const dateFormatRegexes: {
+export declare const ALLOWED_FORMATS: string[];
+export declare const dateFormatRegexes: {
   "yyyy-MM-dd": RegExp;
   "dd/MM/yyyy": RegExp;
   "MM/dd/yyyy": RegExp;
@@ -26,9 +26,9 @@ declare const dateFormatRegexes: {
  * @example
  * parseInputString("2024-01-01 12:00:00", "yyyy-MM-dd HH:mm:ss") // "2024-01-01 12:00:00"
  */
-declare const parseInputString: (inputString: string, dateFormat?: string) => string;
-declare const getDateFormat: (displayFormat: string) => string | undefined;
-declare const normalizeMonthFormat: (dateString: string) => string;
+export declare const parseInputString: (inputString: string, dateFormat?: string) => string;
+export declare const getDateFormat: (displayFormat: string) => string | undefined;
+export declare const normalizeMonthFormat: (dateString: string) => string;
 //#endregion
-export { ALLOWED_FORMATS, dateFormatRegexes, getDateFormat, normalizeMonthFormat, parseInputString };
+export {};
 //# sourceMappingURL=date-time-picker.d.ts.map

package/dist/ui/lib/date-time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.d.ts","names":[],"sources":["../../../src/ui/lib/date-time-picker.ts"],"mappings":";cAEa,eAAA;AAAA,cAQA,iBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;cA8BA,gBAAA,GACX,WAAA,UACA,UAAA;AAAA,cA4BW,aAAA,GAAiB,aAAA;AAAA,cAiBjB,oBAAA,GAAwB,UAAA"}
+{"version":3,"file":"date-time-picker.d.ts","names":[],"sources":["../../../src/ui/lib/date-time-picker.ts"],"mappings":";qBAEa;qBAQA;EACX,cAAY;EACZ,cAAY;EACZ,cAAY;EACZ,eAAa;EAEb,eAAa;;;;;;;;;;;;;;;;;;;;;qBAwBF,mBAAgB,qBACR;qBA6BR,gBAAa;qBAiBb,uBAAoB"}

package/dist/ui/lib/date-time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-time-picker.js","names":["format","isValid","parse","ALLOWED_FORMATS","dateFormatRegexes","parseInputString","inputString","dateFormat","newInputString","normalizeMonthFormat","specifiedFormatRegex","test","parsedDate","Date","formatStr","regex","Object","entries","newValue","getDateFormat","displayFormat","undefined","dateString","months","replace","month","upperMonth","toUpperCase","monthIndex","indexOf","charAt","slice","toLowerCase"],"sources":["../../../src/ui/lib/date-time-picker.ts"],"sourcesContent":["import { format, isValid, parse } from \"date-fns\";\n\nexport const ALLOWED_FORMATS = [\n  \"yyyy-MM-dd\",\n  \"dd/MM/yyyy\",\n  \"MM/dd/yyyy\",\n  \"dd-MMM-yyyy\",\n  \"MMM-dd-yyyy\",\n];\n\nexport const dateFormatRegexes = {\n  \"yyyy-MM-dd\": /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/,\n  \"dd/MM/yyyy\": /^(0[1-9]|[12]\\d|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/,\n  \"MM/dd/yyyy\": /^(0[1-9]|1[0-2])\\/(0[1-9]|[12]\\d|3[01])\\/\\d{4}$/,\n  \"dd-MMM-yyyy\":\n    /^(0[1-9]|[12]\\d|3[01])-(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-\\d{4}$/,\n  \"MMM-dd-yyyy\":\n    /^(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(0[1-9]|[12]\\d|3[01])-\\d{4}$/,\n};\n\n/**\n * Gets the current UTC offset for a specific time zone\n * @param timeZone - The IANA time zone name (e.g. \"America/New_York\", \"Europe/London\").\n *                   If not provided or invalid, falls back to local system timezone.\n * @returns The offset in ISO 8601 format (±HH:mm) based on current DST rules.\n * @example\n * getOffset(\"America/New_York\") // Returns \"-04:00\" (EDT) or \"-05:00\" (EST)\n * getOffset(\"Asia/Kolkata\")     // Returns \"+05:30\" (IST - no DST)\n * getOffset(\"Invalid/Zone\")     // Returns local system offset (e.g. \"-03:00\")\n * getOffset()                   // Returns local system offset\n */\n\n/**\n * Parse an input string to a valid date format\n * @param inputString - The input string to parse\n * @param dateFormat - The date format to use\n * @returns The parsed date string\n * @example\n * parseInputString(\"2024-01-01 12:00:00\", \"yyyy-MM-dd HH:mm:ss\") // \"2024-01-01 12:00:00\"\n */\nexport const parseInputString = (\n  inputString: string,\n  dateFormat = ALLOWED_FORMATS[0],\n): string => {\n  const newInputString = normalizeMonthFormat(inputString);\n\n  if (!dateFormat || !inputString) return inputString;\n\n  // First check the specified format\n  const specifiedFormatRegex =\n    dateFormatRegexes[dateFormat as keyof typeof dateFormatRegexes];\n  if (specifiedFormatRegex.test(newInputString)) {\n    const parsedDate = parse(newInputString, dateFormat, new Date());\n    if (isValid(parsedDate)) {\n      return format(parsedDate, dateFormat);\n    }\n  }\n\n  for (const [formatStr, regex] of Object.entries(dateFormatRegexes)) {\n    if (regex.test(newInputString)) {\n      const parsedDate = parse(newInputString, formatStr, new Date());\n      if (isValid(parsedDate)) {\n        const newValue = format(parsedDate, dateFormat || formatStr);\n        return newValue;\n      }\n    }\n  }\n  return inputString;\n};\n\nexport const getDateFormat = (displayFormat: string): string | undefined => {\n  switch (displayFormat) {\n    case \"YYYY-MM-DD\":\n      return \"yyyy-MM-dd\";\n    case \"DD/MM/YYYY\":\n      return \"dd/MM/yyyy\";\n    case \"MM/DD/YYYY\":\n      return \"MM/dd/yyyy\";\n    case \"DD-MMM-YYYY\":\n      return \"dd-MMM-yyyy\";\n    case \"MMM-DD-YYYY\":\n      return \"MMM-dd-yyyy\";\n    default:\n      return undefined;\n  }\n};\n\nexport const normalizeMonthFormat = (dateString: string): string => {\n  const months = [\n    \"JAN\",\n    \"FEB\",\n    \"MAR\",\n    \"APR\",\n    \"MAY\",\n    \"JUN\",\n    \"JUL\",\n    \"AUG\",\n    \"SEP\",\n    \"OCT\",\n    \"NOV\",\n    \"DEC\",\n  ];\n\n  return dateString.replace(\n    /(JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)/i,\n    (month) => {\n      const upperMonth = month.toUpperCase();\n      const monthIndex = months.indexOf(upperMonth);\n      if (monthIndex !== -1) {\n        return (\n          months[monthIndex].charAt(0) +\n          months[monthIndex].slice(1).toLowerCase()\n        );\n      }\n      return month;\n    },\n  );\n};\n"],"mappings":";;AAEA,MAAaG,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;CACD;AAED,MAAaC,oBAAoB;CAC/B,cAAc;CACd,cAAc;CACd,cAAc;CACd,eACE;CACF,eACE;CACH;;;;;;;;;;;;;;;;;;;;AAsBD,MAAaC,oBACXC,aACAC,aAAaJ,gBAAgB,OAClB;CACX,MAAMK,iBAAiBC,qBAAqBH,YAAY;AAExD,KAAI,CAACC,cAAc,CAACD,YAAa,QAAOA;AAKxC,KADEF,kBAAkBG,YACKI,KAAKH,eAAe,EAAE;EAC7C,MAAMI,aAAaV,MAAMM,gBAAgBD,4BAAY,IAAIM,MAAM,CAAC;AAChE,MAAIZ,QAAQW,WAAW,CACrB,QAAOZ,OAAOY,YAAYL,WAAW;;AAIzC,MAAK,MAAM,CAACO,WAAWC,UAAUC,OAAOC,QAAQb,kBAAkB,CAChE,KAAIW,MAAMJ,KAAKH,eAAe,EAAE;EAC9B,MAAMI,aAAaV,MAAMM,gBAAgBM,2BAAW,IAAID,MAAM,CAAC;AAC/D,MAAIZ,QAAQW,WAAW,CAErB,QADiBZ,OAAOY,YAAYL,cAAcO,UAAU;;AAKlE,QAAOR;;AAGT,MAAaa,iBAAiBC,kBAA8C;AAC1E,SAAQA,eAAR;EACE,KAAK,aACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,KAAK,cACH,QAAO;EACT,QACE;;;AAIN,MAAaX,wBAAwBa,eAA+B;CAClE,MAAMC,SAAS;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;AAED,QAAOD,WAAWE,QAChB,uDACCC,UAAU;EACT,MAAMC,aAAaD,MAAME,aAAa;EACtC,MAAMC,aAAaL,OAAOM,QAAQH,WAAW;AAC7C,MAAIE,eAAe,GACjB,QACEL,OAAOK,YAAYE,OAAO,EAAE,GAC5BP,OAAOK,YAAYG,MAAM,EAAE,CAACC,aAAa;AAG7C,SAAOP;GAEV"}
+{"version":3,"file":"date-time-picker.js","names":["format","isValid","parse","ALLOWED_FORMATS","dateFormatRegexes","parseInputString","inputString","dateFormat","newInputString","normalizeMonthFormat","specifiedFormatRegex","test","parsedDate","Date","formatStr","regex","Object","entries","newValue","getDateFormat","displayFormat","undefined","dateString","months","replace","month","upperMonth","toUpperCase","monthIndex","indexOf","charAt","slice","toLowerCase"],"sources":["../../../src/ui/lib/date-time-picker.ts"],"sourcesContent":["import { format, isValid, parse } from \"date-fns\";\n\nexport const ALLOWED_FORMATS = [\n  \"yyyy-MM-dd\",\n  \"dd/MM/yyyy\",\n  \"MM/dd/yyyy\",\n  \"dd-MMM-yyyy\",\n  \"MMM-dd-yyyy\",\n];\n\nexport const dateFormatRegexes = {\n  \"yyyy-MM-dd\": /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/,\n  \"dd/MM/yyyy\": /^(0[1-9]|[12]\\d|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/,\n  \"MM/dd/yyyy\": /^(0[1-9]|1[0-2])\\/(0[1-9]|[12]\\d|3[01])\\/\\d{4}$/,\n  \"dd-MMM-yyyy\":\n    /^(0[1-9]|[12]\\d|3[01])-(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-\\d{4}$/,\n  \"MMM-dd-yyyy\":\n    /^(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(0[1-9]|[12]\\d|3[01])-\\d{4}$/,\n};\n\n/**\n * Gets the current UTC offset for a specific time zone\n * @param timeZone - The IANA time zone name (e.g. \"America/New_York\", \"Europe/London\").\n *                   If not provided or invalid, falls back to local system timezone.\n * @returns The offset in ISO 8601 format (±HH:mm) based on current DST rules.\n * @example\n * getOffset(\"America/New_York\") // Returns \"-04:00\" (EDT) or \"-05:00\" (EST)\n * getOffset(\"Asia/Kolkata\")     // Returns \"+05:30\" (IST - no DST)\n * getOffset(\"Invalid/Zone\")     // Returns local system offset (e.g. \"-03:00\")\n * getOffset()                   // Returns local system offset\n */\n\n/**\n * Parse an input string to a valid date format\n * @param inputString - The input string to parse\n * @param dateFormat - The date format to use\n * @returns The parsed date string\n * @example\n * parseInputString(\"2024-01-01 12:00:00\", \"yyyy-MM-dd HH:mm:ss\") // \"2024-01-01 12:00:00\"\n */\nexport const parseInputString = (\n  inputString: string,\n  dateFormat = ALLOWED_FORMATS[0],\n): string => {\n  const newInputString = normalizeMonthFormat(inputString);\n\n  if (!dateFormat || !inputString) return inputString;\n\n  // First check the specified format\n  const specifiedFormatRegex =\n    dateFormatRegexes[dateFormat as keyof typeof dateFormatRegexes];\n  if (specifiedFormatRegex.test(newInputString)) {\n    const parsedDate = parse(newInputString, dateFormat, new Date());\n    if (isValid(parsedDate)) {\n      return format(parsedDate, dateFormat);\n    }\n  }\n\n  for (const [formatStr, regex] of Object.entries(dateFormatRegexes)) {\n    if (regex.test(newInputString)) {\n      const parsedDate = parse(newInputString, formatStr, new Date());\n      if (isValid(parsedDate)) {\n        const newValue = format(parsedDate, dateFormat || formatStr);\n        return newValue;\n      }\n    }\n  }\n  return inputString;\n};\n\nexport const getDateFormat = (displayFormat: string): string | undefined => {\n  switch (displayFormat) {\n    case \"YYYY-MM-DD\":\n      return \"yyyy-MM-dd\";\n    case \"DD/MM/YYYY\":\n      return \"dd/MM/yyyy\";\n    case \"MM/DD/YYYY\":\n      return \"MM/dd/yyyy\";\n    case \"DD-MMM-YYYY\":\n      return \"dd-MMM-yyyy\";\n    case \"MMM-DD-YYYY\":\n      return \"MMM-dd-yyyy\";\n    default:\n      return undefined;\n  }\n};\n\nexport const normalizeMonthFormat = (dateString: string): string => {\n  const months = [\n    \"JAN\",\n    \"FEB\",\n    \"MAR\",\n    \"APR\",\n    \"MAY\",\n    \"JUN\",\n    \"JUL\",\n    \"AUG\",\n    \"SEP\",\n    \"OCT\",\n    \"NOV\",\n    \"DEC\",\n  ];\n\n  return dateString.replace(\n    /(JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)/i,\n    (month) => {\n      const upperMonth = month.toUpperCase();\n      const monthIndex = months.indexOf(upperMonth);\n      if (monthIndex !== -1) {\n        return (\n          months[monthIndex].charAt(0) +\n          months[monthIndex].slice(1).toLowerCase()\n        );\n      }\n      return month;\n    },\n  );\n};\n"],"mappings":";;AAEA,MAAaG,kBAAkB;CAC7B;CACA;CACA;CACA;CACA;AAAa;AAGf,MAAaC,oBAAoB;CAC/B,cAAc;CACd,cAAc;CACd,cAAc;CACd,eACE;CACF,eACE;AACJ;;;;;;;;;;;;;;;;;;;;AAsBA,MAAaC,oBACXC,aACAC,aAAaJ,gBAAgB,OAClB;CACX,MAAMK,iBAAiBC,qBAAqBH,WAAW;CAEvD,IAAI,CAACC,cAAc,CAACD,aAAa,OAAOA;CAKxC,IADEF,kBAAkBG,WACI,CAACI,KAAKH,cAAc,GAAG;EAC7C,MAAMI,aAAaV,MAAMM,gBAAgBD,4BAAY,IAAIM,KAAK,CAAC;EAC/D,IAAIZ,QAAQW,UAAU,GACpB,OAAOZ,OAAOY,YAAYL,UAAU;CAExC;CAEA,KAAK,MAAM,CAACO,WAAWC,UAAUC,OAAOC,QAAQb,iBAAiB,GAC/D,IAAIW,MAAMJ,KAAKH,cAAc,GAAG;EAC9B,MAAMI,aAAaV,MAAMM,gBAAgBM,2BAAW,IAAID,KAAK,CAAC;EAC9D,IAAIZ,QAAQW,UAAU,GAEpB,OADiBZ,OAAOY,YAAYL,cAAcO,SAC3CI;CAEX;CAEF,OAAOZ;AACT;AAEA,MAAaa,iBAAiBC,kBAA8C;CAC1E,QAAQA,eAAR;EACE,KAAK,cACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,cACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,KAAK,eACH,OAAO;EACT,SACE;CACJ;AACF;AAEA,MAAaX,wBAAwBa,eAA+B;CAClE,MAAMC,SAAS;EACb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAAK;CAGP,OAAOD,WAAWE,QAChB,uDACCC,UAAU;EACT,MAAMC,aAAaD,MAAME,YAAY;EACrC,MAAMC,aAAaL,OAAOM,QAAQH,UAAU;EAC5C,IAAIE,eAAe,IACjB,OACEL,OAAOK,WAAW,CAACE,OAAO,CAAC,IAC3BP,OAAOK,WAAW,CAACG,MAAM,CAAC,CAAC,CAACC,YAAY;EAG5C,OAAOP;CACT,CACF;AACF"}

package/dist/ui/lib/deep-equal.d.ts

@@ -1,5 +1,5 @@
 //#region src/ui/lib/deep-equal.d.ts
-declare function deepEqual(a: unknown, b: unknown, visited?: Map<any, any>): boolean;
+export declare function deepEqual(a: unknown, b: unknown, visited?: Map<any, any>): boolean;
 //#endregion
-export { deepEqual };
+export {};
 //# sourceMappingURL=deep-equal.d.ts.map

package/dist/ui/lib/deep-equal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"deep-equal.d.ts","names":[],"sources":["../../../src/ui/lib/deep-equal.ts"],"mappings":";iBAAgB,SAAA,CACd,CAAA,WACA,CAAA,WACA,OAAA,GAAO,GAAA"}
+{"version":3,"file":"deep-equal.d.ts","names":[],"sources":["../../../src/ui/lib/deep-equal.ts"],"mappings":";wBAAgB,UACd,YACA,YACA,UAAO"}

package/dist/ui/lib/deep-equal.js.map

@@ -1 +1 @@
-{"version":3,"file":"deep-equal.js","names":["deepEqual","a","b","visited","Map","undefined","Array","isArray","get","set","length","every","value","index","aKeys","Object","keys","bKeys","key"],"sources":["../../../src/ui/lib/deep-equal.ts"],"sourcesContent":["export function deepEqual(\n  a: unknown,\n  b: unknown,\n  visited = new Map(),\n): boolean {\n  if (a === b) {\n    return true;\n  }\n\n  if (a === null || b === null || a === undefined || b === undefined) {\n    return false;\n  }\n\n  if (typeof a !== typeof b) {\n    return false;\n  }\n\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (visited.get(a) === b) {\n      return true; // Same circular reference detected\n    }\n    visited.set(a, b);\n    return (\n      a.length === b.length &&\n      a.every((value, index) => deepEqual(value, b[index], visited))\n    );\n  }\n\n  if (\n    typeof a === \"object\" &&\n    typeof b === \"object\" &&\n    !Array.isArray(a) &&\n    !Array.isArray(b)\n  ) {\n    if (visited.get(a) === b) {\n      return true; // Same circular reference detected\n    }\n    visited.set(a, b);\n    const aKeys = Object.keys(a);\n    const bKeys = Object.keys(b);\n    return (\n      aKeys.length === bKeys.length &&\n      aKeys.every((key) => {\n        return (\n          key in b &&\n          deepEqual(\n            (a as Record<string, unknown>)[key],\n            (b as Record<string, unknown>)[key],\n            visited,\n          )\n        );\n      })\n    );\n  }\n\n  return false;\n}\n"],"mappings":";AAAA,SAAgBA,UACdC,GACAC,GACAC,0BAAU,IAAIC,KAAK,EACV;AACT,KAAIH,MAAMC,EACR,QAAO;AAGT,KAAID,MAAM,QAAQC,MAAM,QAAQD,MAAMI,KAAAA,KAAaH,MAAMG,KAAAA,EACvD,QAAO;AAGT,KAAI,OAAOJ,MAAM,OAAOC,EACtB,QAAO;AAGT,KAAII,MAAMC,QAAQN,EAAE,IAAIK,MAAMC,QAAQL,EAAE,EAAE;AACxC,MAAIC,QAAQK,IAAIP,EAAE,KAAKC,EACrB,QAAO;AAETC,UAAQM,IAAIR,GAAGC,EAAE;AACjB,SACED,EAAES,WAAWR,EAAEQ,UACfT,EAAEU,OAAOC,OAAOC,UAAUb,UAAUY,OAAOV,EAAEW,QAAQV,QAAQ,CAAC;;AAIlE,KACE,OAAOF,MAAM,YACb,OAAOC,MAAM,YACb,CAACI,MAAMC,QAAQN,EAAE,IACjB,CAACK,MAAMC,QAAQL,EAAE,EACjB;AACA,MAAIC,QAAQK,IAAIP,EAAE,KAAKC,EACrB,QAAO;AAETC,UAAQM,IAAIR,GAAGC,EAAE;EACjB,MAAMY,QAAQC,OAAOC,KAAKf,EAAE;EAC5B,MAAMgB,QAAQF,OAAOC,KAAKd,EAAE;AAC5B,SACEY,MAAMJ,WAAWO,MAAMP,UACvBI,MAAMH,OAAOO,QAAQ;AACnB,UACEA,OAAOhB,KACPF,UACGC,EAA8BiB,MAC9BhB,EAA8BgB,MAC/Bf,QACD;IAEH;;AAIN,QAAO"}
+{"version":3,"file":"deep-equal.js","names":["deepEqual","a","b","visited","Map","undefined","Array","isArray","get","set","length","every","value","index","aKeys","Object","keys","bKeys","key"],"sources":["../../../src/ui/lib/deep-equal.ts"],"sourcesContent":["export function deepEqual(\n  a: unknown,\n  b: unknown,\n  visited = new Map(),\n): boolean {\n  if (a === b) {\n    return true;\n  }\n\n  if (a === null || b === null || a === undefined || b === undefined) {\n    return false;\n  }\n\n  if (typeof a !== typeof b) {\n    return false;\n  }\n\n  if (Array.isArray(a) && Array.isArray(b)) {\n    if (visited.get(a) === b) {\n      return true; // Same circular reference detected\n    }\n    visited.set(a, b);\n    return (\n      a.length === b.length &&\n      a.every((value, index) => deepEqual(value, b[index], visited))\n    );\n  }\n\n  if (\n    typeof a === \"object\" &&\n    typeof b === \"object\" &&\n    !Array.isArray(a) &&\n    !Array.isArray(b)\n  ) {\n    if (visited.get(a) === b) {\n      return true; // Same circular reference detected\n    }\n    visited.set(a, b);\n    const aKeys = Object.keys(a);\n    const bKeys = Object.keys(b);\n    return (\n      aKeys.length === bKeys.length &&\n      aKeys.every((key) => {\n        return (\n          key in b &&\n          deepEqual(\n            (a as Record<string, unknown>)[key],\n            (b as Record<string, unknown>)[key],\n            visited,\n          )\n        );\n      })\n    );\n  }\n\n  return false;\n}\n"],"mappings":";AAAA,SAAgBA,UACdC,GACAC,GACAC,0BAAU,IAAIC,IAAI,GACT;CACT,IAAIH,MAAMC,GACR,OAAO;CAGT,IAAID,MAAM,QAAQC,MAAM,QAAQD,MAAMI,KAAAA,KAAaH,MAAMG,KAAAA,GACvD,OAAO;CAGT,IAAI,OAAOJ,MAAM,OAAOC,GACtB,OAAO;CAGT,IAAII,MAAMC,QAAQN,CAAC,KAAKK,MAAMC,QAAQL,CAAC,GAAG;EACxC,IAAIC,QAAQK,IAAIP,CAAC,MAAMC,GACrB,OAAO;EAETC,QAAQM,IAAIR,GAAGC,CAAC;EAChB,OACED,EAAES,WAAWR,EAAEQ,UACfT,EAAEU,OAAOC,OAAOC,UAAUb,UAAUY,OAAOV,EAAEW,QAAQV,OAAO,CAAC;CAEjE;CAEA,IACE,OAAOF,MAAM,YACb,OAAOC,MAAM,YACb,CAACI,MAAMC,QAAQN,CAAC,KAChB,CAACK,MAAMC,QAAQL,CAAC,GAChB;EACA,IAAIC,QAAQK,IAAIP,CAAC,MAAMC,GACrB,OAAO;EAETC,QAAQM,IAAIR,GAAGC,CAAC;EAChB,MAAMY,QAAQC,OAAOC,KAAKf,CAAC;EAC3B,MAAMgB,QAAQF,OAAOC,KAAKd,CAAC;EAC3B,OACEY,MAAMJ,WAAWO,MAAMP,UACvBI,MAAMH,OAAOO,QAAQ;GACnB,OACEA,OAAOhB,KACPF,UACGC,EAA8BiB,MAC9BhB,EAA8BgB,MAC/Bf,OACF;EAEJ,CAAC;CAEL;CAEA,OAAO;AACT"}

package/dist/ui/lib/index.d.ts

@@ -4,4 +4,5 @@ import { deepEqual } from "./deep-equal.js";
 import { isEmpty } from "./is-empty.js";
 import { sharedValueTransformers } from "./shared-value-transformers.js";
 import { ValueCast, castFunctions, castValue } from "./value-cast.js";
-export { ALLOWED_FORMATS, ValueCast, castFunctions, castValue, dateFormatRegexes, deepEqual, getDateFormat, getDateFromValue, isEmpty, normalizeMonthFormat, parseInputString, sharedValueTransformers, splitIso8601DateTime };
+export { ALLOWED_FORMATS, ValueCast, castFunctions, castValue, dateFormatRegexes, deepEqual, getDateFormat, getDateFromValue, isEmpty, normalizeMonthFormat, parseInputString, sharedValueTransformers, splitIso8601DateTime };
+export {};

package/dist/ui/lib/is-empty.d.ts

@@ -1,5 +1,5 @@
 //#region src/ui/lib/is-empty.d.ts
-declare function isEmpty(value: unknown): boolean;
+export declare function isEmpty(value: unknown): boolean;
 //#endregion
-export { isEmpty };
+export {};
 //# sourceMappingURL=is-empty.d.ts.map

package/dist/ui/lib/is-empty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"is-empty.d.ts","names":[],"sources":["../../../src/ui/lib/is-empty.ts"],"mappings":";iBAAgB,OAAA,CAAQ,KAAA"}
+{"version":3,"file":"is-empty.d.ts","names":[],"sources":["../../../src/ui/lib/is-empty.ts"],"mappings":";wBAAgB,QAAQ"}