@mage-ui/components 1.0.137 → 1.0.139

package/dist/components/controls/dropzone/use-s3-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-s3-upload.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-s3-upload.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nexport type S3InitBody = {\n  url: string;\n  headers?: Record<string, string | string[]>;\n} & Record<string, unknown>;\n\nexport type S3InitResponse<TBody extends S3InitBody = S3InitBody> = {\n  body: TBody;\n};\n\n/** Metadata derived from the file that body builders frequently need. */\nexport type S3FileMeta = {\n  /**\n   * Best-effort MIME type. When `acceptedTypes` is provided and the\n   * browser-reported `file.type` is empty or unknown, this falls back to\n   * the MIME mapped from the file extension.\n   */\n  mimeType: string;\n  /** Lowercase file extension without the leading dot. */\n  extension: string;\n};\n\n/** All replaceable UI and error strings surfaced by S3 upload components. */\nexport type DropzoneS3Texts = {\n  /** Main dropzone heading. */\n  title?: ReactNode;\n  /** Secondary dropzone text. */\n  subtitle?: ReactNode;\n  /** Small helper text below the subtitle. */\n  hint?: ReactNode;\n  /** Fallback shown when the init request fails without a parseable body. */\n  initFailed?: (status: number) => string;\n  /** Fallback shown when the register request fails without a parseable body. */\n  registerFailed?: (status: number) => string;\n  /** Error when the S3 PUT returns a non-2xx status. */\n  uploadFailed?: (status: number, statusText: string) => string;\n  /** Error when the network fails during the PUT. */\n  networkError?: string;\n  /** Error when the PUT is aborted. */\n  uploadAborted?: string;\n  /** Error when the PUT times out. */\n  uploadTimedOut?: string;\n};\n\nconst DEFAULT_TEXTS = {\n  initFailed: (status: number): string =>\n    `Failed to request upload URL (${status})`,\n  registerFailed: (status: number): string =>\n    `Failed to register file (${status})`,\n  uploadFailed: (status: number, statusText: string): string =>\n    `Upload failed (${status} ${statusText})`,\n  networkError: 'Network error during direct upload',\n  uploadAborted: 'Upload aborted',\n  uploadTimedOut: 'Upload timed out',\n} as const;\n\ntype PutTexts = {\n  uploadFailed: (status: number, statusText: string) => string;\n  networkError: string;\n  uploadAborted: string;\n  uploadTimedOut: string;\n};\n\nconst putWithProgress = (\n  url: string,\n  headers: Record<string, string>,\n  file: File,\n  onProgress: (percentage: number) => void,\n  texts: PutTexts,\n): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => {\n      if (e.lengthComputable) {\n        onProgress(Math.round((e.loaded / e.total) * 100));\n      }\n    });\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) resolve();\n      else reject(new Error(texts.uploadFailed(xhr.status, xhr.statusText)));\n    });\n    xhr.addEventListener('error', () => reject(new Error(texts.networkError)));\n    xhr.addEventListener('abort', () => reject(new Error(texts.uploadAborted)));\n    xhr.addEventListener('timeout', () =>\n      reject(new Error(texts.uploadTimedOut)),\n    );\n    xhr.open('PUT', url);\n    for (const [k, v] of Object.entries(headers)) {\n      const lk = k.toLowerCase();\n      if (lk === 'host' || lk === 'content-length') continue;\n      try {\n        xhr.setRequestHeader(k, v);\n      } catch {\n        // Some headers are blocked by the browser — skip silently.\n      }\n    }\n    xhr.send(file);\n  });\n};\n\nconst flattenHeaders = (\n  headers: Record<string, string | string[]> | undefined,\n): Record<string, string> => {\n  const out: Record<string, string> = {};\n  if (!headers) return out;\n  for (const [k, v] of Object.entries(headers)) {\n    out[k] = Array.isArray(v) ? v.join(',') : String(v);\n  }\n  return out;\n};\n\n/** Lowercase extension without leading dot, or empty string. */\nexport const getFileExtension = (filename: string): string => {\n  const dot = filename.lastIndexOf('.');\n  return dot >= 0 ? filename.slice(dot + 1).toLowerCase() : '';\n};\n\n/**\n * Build the `accept` map in the shape react-dropzone v15+ expects:\n * `{ [mimeType]: ['.ext', ...] }`. Multiple extensions that share a\n * MIME type are grouped under the same key.\n */\nexport const buildAcceptMap = (\n  acceptedTypes: Record<string, string> | undefined,\n): Record<string, string[]> | undefined => {\n  if (!acceptedTypes) return undefined;\n  const map: Record<string, string[]> = {};\n  for (const [ext, mime] of Object.entries(acceptedTypes)) {\n    const dotted = `.${ext}`;\n    const list = map[mime];\n    if (list) {\n      if (!list.includes(dotted)) list.push(dotted);\n    } else {\n      map[mime] = [dotted];\n    }\n  }\n  return map;\n};\n\nexport const resolveMeta = (\n  file: File,\n  acceptedTypes: Record<string, string> | undefined,\n): S3FileMeta => {\n  const extension = getFileExtension(file.name);\n  if (!acceptedTypes) {\n    return { mimeType: file.type, extension };\n  }\n  const mimeList = Object.values(acceptedTypes);\n  if (file.type && mimeList.includes(file.type)) {\n    return { mimeType: file.type, extension };\n  }\n  return { mimeType: acceptedTypes[extension] ?? file.type, extension };\n};\n\nexport const defaultGetErrorMessage = async (\n  res: Response,\n  fallback: string,\n): Promise<string> => {\n  try {\n    const data = (await res.clone().json()) as {\n      message?: string;\n      body?: { message?: string; text?: string };\n      errors?: Record<string, string[]>;\n    };\n    if (data.errors) {\n      const first = Object.values(data.errors)[0];\n      if (first && first.length > 0) return first[0];\n    }\n    return data.body?.message ?? data.body?.text ?? data.message ?? fallback;\n  } catch {\n    return fallback;\n  }\n};\n\nexport type S3UploadConfig<TInitBody extends S3InitBody = S3InitBody> = {\n  /** POST endpoint that returns `{ body: { url, headers?, ...extras } }`. */\n  initUrl: string;\n  /** Build the init request JSON body from the file and resolved meta. */\n  buildInitBody: (file: File, meta: S3FileMeta) => Record<string, unknown>;\n  /**\n   * Optional post-upload registration step. When set, a POST is sent to\n   * `register.url` with the body produced by `register.buildBody`.\n   */\n  register?: {\n    url: string;\n    buildBody: (\n      file: File,\n      init: TInitBody,\n      meta: S3FileMeta,\n    ) => Record<string, unknown>;\n  };\n  /**\n   * Called on every outbound request (init, register). Use it to supply\n   * auth/CSRF headers that may rotate during the session.\n   */\n  getHeaders?: () => Record<string, string>;\n  /**\n   * Customize how an error response is turned into a human-readable\n   * message. Defaults to common Laravel-style error shapes.\n   */\n  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;\n  /**\n   * URL stored after a successful upload. Defaults to `init.body.key`\n   * when present, falling back to the presigned URL stripped of its query string.\n   */\n  resolveUploadedUrl?: (init: TInitBody, file: File) => string;\n  /**\n   * Map of file extension → MIME type used to resolve `meta.mimeType`\n   * and build the `accept` map for the dropzone.\n   */\n  acceptedTypes?: Record<string, string>;\n  /** All replaceable UI and error strings. */\n  texts?: DropzoneS3Texts;\n};\n\n/**\n * Encapsulates the three-step S3 upload flow: init POST → S3 PUT → register POST.\n * Returns an `upload(file, onProgress?)` function and an `isUploading` flag.\n * Consumed by `DropzoneS3` and `AvatarDropzoneS3`.\n */\nexport const useS3Upload = <TInitBody extends S3InitBody = S3InitBody>({\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: S3UploadConfig<TInitBody>) => {\n  const [isUploading, setIsUploading] = useState(false);\n\n  const upload = async (\n    file: File,\n    onProgress?: (percentage: number) => void,\n  ): Promise<string> => {\n    const t = { ...DEFAULT_TEXTS, ...texts };\n\n    setIsUploading(true);\n    try {\n      const jsonHeaders = (): Record<string, string> => ({\n        'Content-Type': 'application/json',\n        Accept: 'application/json',\n        ...(getHeaders?.() ?? {}),\n      });\n      const meta = resolveMeta(file, acceptedTypes);\n\n      // 1. init — request a presigned URL.\n      const initRes = await fetch(initUrl, {\n        method: 'POST',\n        headers: jsonHeaders(),\n        body: JSON.stringify(buildInitBody(file, meta)),\n      });\n      if (!initRes.ok) {\n        throw new Error(\n          await getErrorMessage(initRes, t.initFailed(initRes.status)),\n        );\n      }\n      const init = (await initRes.json()) as S3InitResponse<TInitBody>;\n      const { url, headers: s3Headers } = init.body;\n\n      // 2. direct upload to S3.\n      await putWithProgress(\n        url,\n        flattenHeaders(s3Headers),\n        file,\n        (p) => onProgress?.(p),\n        t,\n      );\n\n      // 3. register (optional) — persist metadata on the app backend.\n      if (register) {\n        const regRes = await fetch(register.url, {\n          method: 'POST',\n          headers: jsonHeaders(),\n          body: JSON.stringify(register.buildBody(file, init.body, meta)),\n        });\n        if (!regRes.ok) {\n          throw new Error(\n            await getErrorMessage(regRes, t.registerFailed(regRes.status)),\n          );\n        }\n      }\n\n      const storedUrl =\n        resolveUploadedUrl?.(init.body, file) ??\n        (typeof init.body.key === 'string' ? init.body.key : url.split('?')[0]);\n      return storedUrl;\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  return { upload, isUploading };\n};\n"],"mappings":"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"}
+{"version":3,"file":"use-s3-upload.mjs","names":[],"sources":["../../../../src/components/controls/dropzone/use-s3-upload.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nexport type S3InitBody = {\n  url: string;\n  headers?: Record<string, string | string[]>;\n} & Record<string, unknown>;\n\nexport type S3InitResponse<TBody extends S3InitBody = S3InitBody> = {\n  body: TBody;\n};\n\n/** Metadata derived from the file that body builders frequently need. */\nexport type S3FileMeta = {\n  /**\n   * Best-effort MIME type. When `acceptedTypes` is provided and the\n   * browser-reported `file.type` is empty or unknown, this falls back to\n   * the MIME mapped from the file extension.\n   */\n  mimeType: string;\n  /** Lowercase file extension without the leading dot. */\n  extension: string;\n};\n\n/** All replaceable UI and error strings surfaced by S3 upload components. */\nexport type DropzoneS3Texts = {\n  /** Main dropzone heading. */\n  title?: ReactNode;\n  /** Secondary dropzone text. */\n  subtitle?: ReactNode;\n  /** Small helper text below the subtitle. */\n  hint?: ReactNode;\n  /** Fallback shown when the init request fails without a parseable body. */\n  initFailed?: (status: number) => string;\n  /** Fallback shown when the register request fails without a parseable body. */\n  registerFailed?: (status: number) => string;\n  /** Error when the S3 PUT returns a non-2xx status. */\n  uploadFailed?: (status: number, statusText: string) => string;\n  /** Error when the network fails during the PUT. */\n  networkError?: string;\n  /** Error when the PUT is aborted. */\n  uploadAborted?: string;\n  /** Error when the PUT times out. */\n  uploadTimedOut?: string;\n};\n\nconst DEFAULT_TEXTS = {\n  initFailed: (status: number): string =>\n    `Failed to request upload URL (${status})`,\n  registerFailed: (status: number): string =>\n    `Failed to register file (${status})`,\n  uploadFailed: (status: number, statusText: string): string =>\n    `Upload failed (${status} ${statusText})`,\n  networkError: 'Network error during direct upload',\n  uploadAborted: 'Upload aborted',\n  uploadTimedOut: 'Upload timed out',\n} as const;\n\ntype PutTexts = {\n  uploadFailed: (status: number, statusText: string) => string;\n  networkError: string;\n  uploadAborted: string;\n  uploadTimedOut: string;\n};\n\nconst putWithProgress = (\n  url: string,\n  headers: Record<string, string>,\n  file: File,\n  onProgress: (percentage: number) => void,\n  texts: PutTexts,\n): Promise<void> => {\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest();\n    xhr.upload.addEventListener('progress', (e) => {\n      if (e.lengthComputable) {\n        onProgress(Math.round((e.loaded / e.total) * 100));\n      }\n    });\n    xhr.addEventListener('load', () => {\n      if (xhr.status >= 200 && xhr.status < 300) resolve();\n      else reject(new Error(texts.uploadFailed(xhr.status, xhr.statusText)));\n    });\n    xhr.addEventListener('error', () => reject(new Error(texts.networkError)));\n    xhr.addEventListener('abort', () => reject(new Error(texts.uploadAborted)));\n    xhr.addEventListener('timeout', () =>\n      reject(new Error(texts.uploadTimedOut)),\n    );\n    xhr.open('PUT', url);\n    for (const [k, v] of Object.entries(headers)) {\n      const lk = k.toLowerCase();\n      if (lk === 'host' || lk === 'content-length') continue;\n      try {\n        xhr.setRequestHeader(k, v);\n      } catch {\n        // Some headers are blocked by the browser — skip silently.\n      }\n    }\n    xhr.send(file);\n  });\n};\n\nconst flattenHeaders = (\n  headers: Record<string, string | string[]> | undefined,\n): Record<string, string> => {\n  const out: Record<string, string> = {};\n  if (!headers) return out;\n  for (const [k, v] of Object.entries(headers)) {\n    out[k] = Array.isArray(v) ? v.join(',') : String(v);\n  }\n  return out;\n};\n\n/** Lowercase extension without leading dot, or empty string. */\nexport const getFileExtension = (filename: string): string => {\n  const dot = filename.lastIndexOf('.');\n  return dot >= 0 ? filename.slice(dot + 1).toLowerCase() : '';\n};\n\n/**\n * Build the `accept` map in the shape react-dropzone v15+ expects:\n * `{ [mimeType]: ['.ext', ...] }`. Multiple extensions that share a\n * MIME type are grouped under the same key.\n */\nexport const buildAcceptMap = (\n  acceptedTypes: Record<string, string> | undefined,\n): Record<string, string[]> | undefined => {\n  if (!acceptedTypes) return undefined;\n  const map: Record<string, string[]> = {};\n  for (const [ext, mime] of Object.entries(acceptedTypes)) {\n    const dotted = `.${ext}`;\n    const list = map[mime];\n    if (list) {\n      if (!list.includes(dotted)) list.push(dotted);\n    } else {\n      map[mime] = [dotted];\n    }\n  }\n  return map;\n};\n\nexport const resolveMeta = (\n  file: File,\n  acceptedTypes: Record<string, string> | undefined,\n): S3FileMeta => {\n  const extension = getFileExtension(file.name);\n  if (!acceptedTypes) {\n    return { mimeType: file.type, extension };\n  }\n  const mimeList = Object.values(acceptedTypes);\n  if (file.type && mimeList.includes(file.type)) {\n    return { mimeType: file.type, extension };\n  }\n  return { mimeType: acceptedTypes[extension] ?? file.type, extension };\n};\n\nexport const defaultGetErrorMessage = async (\n  res: Response,\n  fallback: string,\n): Promise<string> => {\n  try {\n    const data = (await res.clone().json()) as {\n      message?: string;\n      body?: { message?: string; text?: string };\n      errors?: Record<string, string[]>;\n    };\n    if (data.errors) {\n      const first = Object.values(data.errors)[0];\n      if (first && first.length > 0) return first[0];\n    }\n    return data.body?.message ?? data.body?.text ?? data.message ?? fallback;\n  } catch {\n    return fallback;\n  }\n};\n\nexport type S3UploadConfig<TInitBody extends S3InitBody = S3InitBody> = {\n  /** POST endpoint that returns `{ body: { url, headers?, ...extras } }`. */\n  initUrl: string;\n  /** Build the init request JSON body from the file and resolved meta. */\n  buildInitBody: (file: File, meta: S3FileMeta) => Record<string, unknown>;\n  /**\n   * Optional post-upload registration step. When set, a POST is sent to\n   * `register.url` with the body produced by `register.buildBody`.\n   */\n  register?: {\n    url: string;\n    buildBody: (\n      file: File,\n      init: TInitBody,\n      meta: S3FileMeta,\n    ) => Record<string, unknown>;\n  };\n  /**\n   * Called on every outbound request (init, register). Use it to supply\n   * auth/CSRF headers that may rotate during the session.\n   */\n  getHeaders?: () => Record<string, string>;\n  /**\n   * Customize how an error response is turned into a human-readable\n   * message. Defaults to common Laravel-style error shapes.\n   */\n  getErrorMessage?: (res: Response, fallback: string) => Promise<string>;\n  /**\n   * URL stored after a successful upload. Defaults to `init.body.key`\n   * when present, falling back to the presigned URL stripped of its query string.\n   */\n  resolveUploadedUrl?: (init: TInitBody, file: File) => string;\n  /**\n   * Map of file extension → MIME type used to resolve `meta.mimeType`\n   * and build the `accept` map for the dropzone.\n   */\n  acceptedTypes?: Record<string, string>;\n  /** All replaceable UI and error strings. */\n  texts?: DropzoneS3Texts;\n};\n\n/**\n * Encapsulates the three-step S3 upload flow: init POST → S3 PUT → register POST.\n * Returns an `upload(file, onProgress?)` function and an `isUploading` flag.\n * Consumed by `DropzoneS3` and `AvatarDropzoneS3`.\n */\nexport const useS3Upload = <TInitBody extends S3InitBody = S3InitBody>({\n  initUrl,\n  buildInitBody,\n  register,\n  getHeaders,\n  getErrorMessage = defaultGetErrorMessage,\n  resolveUploadedUrl,\n  acceptedTypes,\n  texts,\n}: S3UploadConfig<TInitBody>) => {\n  const [isUploading, setIsUploading] = useState(false);\n\n  const upload = async (\n    file: File,\n    onProgress?: (percentage: number) => void,\n  ): Promise<{ url: string; token?: string }> => {\n    const t = { ...DEFAULT_TEXTS, ...texts };\n\n    setIsUploading(true);\n    try {\n      const jsonHeaders = (): Record<string, string> => ({\n        'Content-Type': 'application/json',\n        Accept: 'application/json',\n        ...(getHeaders?.() ?? {}),\n      });\n      const meta = resolveMeta(file, acceptedTypes);\n\n      // 1. init — request a presigned URL.\n      const initRes = await fetch(initUrl, {\n        method: 'POST',\n        headers: jsonHeaders(),\n        body: JSON.stringify(buildInitBody(file, meta)),\n      });\n      if (!initRes.ok) {\n        throw new Error(\n          await getErrorMessage(initRes, t.initFailed(initRes.status)),\n        );\n      }\n      const init = (await initRes.json()) as S3InitResponse<TInitBody>;\n      const { url, headers: s3Headers } = init.body;\n\n      // 2. direct upload to S3.\n      await putWithProgress(\n        url,\n        flattenHeaders(s3Headers),\n        file,\n        (p) => onProgress?.(p),\n        t,\n      );\n\n      // 3. register (optional) — persist metadata on the app backend.\n      let registeredToken: string | undefined;\n      if (register) {\n        const regRes = await fetch(register.url, {\n          method: 'POST',\n          headers: jsonHeaders(),\n          body: JSON.stringify(register.buildBody(file, init.body, meta)),\n        });\n        if (!regRes.ok) {\n          throw new Error(\n            await getErrorMessage(regRes, t.registerFailed(regRes.status)),\n          );\n        }\n        const regBody = (await regRes.json()) as { token?: string };\n        registeredToken = regBody?.token;\n      }\n\n      const storedUrl =\n        resolveUploadedUrl?.(init.body, file) ??\n        (typeof init.body.key === 'string' ? init.body.key : url.split('?')[0]);\n      return { url: storedUrl, token: registeredToken };\n    } finally {\n      setIsUploading(false);\n    }\n  };\n\n  return { upload, isUploading };\n};\n"],"mappings":"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"}

package/dist/components/controls/index.d.mts

@@ -1,6 +1,7 @@
 import { AvatarUpload, AvatarUploadProps } from "./avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./checkbox/Checkbox.mjs";
-import { DatePicker, DatePickerProps } from "./date-picker/DatePicker.mjs";
+import { DatePicker, DatePickerClassNames, DatePickerDate, DatePickerProps, DatePickerValue } from "./date-picker/DatePicker.mjs";
+import { DateTimePicker, DateTimePickerClassNames, DateTimePickerDate, DateTimePickerProps, DateTimePickerValue } from "./date-time-picker/DateTimePicker.mjs";
 import { TextInput, TextInputProps } from "./text-input/TextInput.mjs";
 import { Combobox, ComboboxProps } from "./dropdown/combobox/Combobox.mjs";
 import { Autocomplete, AutocompleteProps } from "./dropdown/autocomplete/Autocomplete.mjs";

package/dist/components/data-display/calendar/Calendar.d.mts

@@ -22,6 +22,7 @@ declare const Calendar$1: ({
   components,
   eventPropGetter,
   formats,
+  onSelectEvent,
   onView,
   tooltipAccessor,
   view,

package/dist/components/data-display/calendar/Calendar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;KA6CY,YAAA,GAAe,IAAA;AAAA,KAOf,eAAA,GAAgB,IAAA,CAAK,aAAA,CAAiB,KAAA;EAChD,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,cA+BS,UAAA;EAAY,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,MAAA;EAAA,eAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAWtB,eAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;KAmDY,YAAA,GAAe,IAAA;AAAA,KAOf,eAAA,GAAgB,IAAA,CAAK,aAAA,CAAiB,KAAA;EAChD,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,cA+BS,UAAA;EAAY,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,aAAA;EAAA,MAAA;EAAA,eAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAYtB,eAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-display/calendar/Calendar.mjs

@@ -1,2 +1,2 @@
-import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{calendar as n,calendarAgenda as r,calendarEvent as i,calendarMonth as a,calendarPopup as o,calendarRoot as s,calendarTimeGrid as c,calendarToolbar as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import p from"dayjs";import"dayjs/locale/es";import"dayjs/locale/ca";import"dayjs/locale/en";import{Calendar as m,dayjsLocalizer as h}from"react-big-calendar";const g=h(p),_=e=>({monthHeaderFormat:t=>p(t).locale(e).format(`MMMM [de] YYYY`).replace(/^./,e=>e.toUpperCase()),dayHeaderFormat:t=>p(t).locale(e).format(`dddd D [de] MMMM`),timeGutterFormat:`HH:mm`}),v=(e,t,n)=>{let r=t.title?.(e)??e.title,i=t.start?.(e)??e.start,a=t.end?.(e)??e.end,o=!e.allDay&&i&&a;return!r&&!o?null:d(`div`,{children:[o?d(`div`,{children:[p(i).locale(n).format(`HH:mm`),` -`,` `,p(a).locale(n).format(`HH:mm`)]}):null,r?u(`strong`,{children:r}):null]})},y=({classNames:d,culture:p=`es`,defaultView:h=`month`,components:y,eventPropGetter:b,formats:x,onView:S,tooltipAccessor:C,view:w,...T})=>{let[E,D]=f(w??h??`month`),O=w??E,k=O===`month`||O===`week`||O===`day`,A=k?({event:t,accessors:n,children:r})=>{let i=v(t,n,p);return!r||!i?r??null:u(e,{label:i,position:`top`,multiline:!0,withArrow:!0,children:r})}:void 0,j=!k||(y?.eventWrapper||A)&&C===void 0?null:C,M={..._(p),...x??{}},N=A||y?.eventWrapper?{...y,eventWrapper:y?.eventWrapper??A}:y;return u(m,{className:t(d?.calendar??n(),d?.root??s(),d?.toolbar??l(),d?.month??a(),d?.agenda??r(),d?.timeGrid??c(),d?.popup??o()),localizer:g,culture:p,defaultView:h,eventPropGetter:(e,n,r,a)=>{let o=b?.(e,n,r,a);return{...o,className:t(d?.event,i(),o?.className)}},formats:M,onView:e=>{w===void 0&&D(e),S?.(e)},components:N,tooltipAccessor:j,view:w,...T})};export{y as Calendar};
+import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{calendar as n,calendarAgenda as r,calendarEvent as i,calendarMonth as a,calendarPopup as o,calendarRoot as s,calendarTimeGrid as c,calendarToolbar as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{cloneElement as f,isValidElement as p,useState as m}from"react";import h from"dayjs";import"dayjs/locale/es";import"dayjs/locale/ca";import"dayjs/locale/en";import{Calendar as g,dayjsLocalizer as _}from"react-big-calendar";const v=_(h),y=e=>({monthHeaderFormat:t=>h(t).locale(e).format(`MMMM [de] YYYY`).replace(/^./,e=>e.toUpperCase()),dayHeaderFormat:t=>h(t).locale(e).format(`dddd D [de] MMMM`),timeGutterFormat:`HH:mm`}),b=(e,t,n)=>{let r=t.title?.(e)??e.title,i=t.start?.(e)??e.start,a=t.end?.(e)??e.end,o=!e.allDay&&i&&a;return!r&&!o?null:d(`div`,{children:[o?d(`div`,{children:[h(i).locale(n).format(`HH:mm`),` -`,` `,h(a).locale(n).format(`HH:mm`)]}):null,r?u(`strong`,{children:r}):null]})},x=({classNames:d,culture:h=`es`,defaultView:_=`month`,components:x,eventPropGetter:S,formats:C,onSelectEvent:w,onView:T,tooltipAccessor:E,view:D,...O})=>{let[k,A]=m(D??_??`month`),j=D??k,M=j===`month`||j===`week`||j===`day`,N=M?({event:t,accessors:n,children:r})=>{let i=b(t,n,h),a=w&&p(r)?f(r,{tabIndex:0,role:`button`}):r;return!a||!i?a??null:u(e,{label:i,position:`top`,multiline:!0,withArrow:!0,children:a})}:void 0,P=!M||(x?.eventWrapper||N)&&E===void 0?null:E,F={...y(h),...C??{}},I=N||x?.eventWrapper?{...x,eventWrapper:x?.eventWrapper??N}:x;return u(g,{className:t(d?.calendar??n(),d?.root??s(),d?.toolbar??l(),d?.month??a(),d?.agenda??r(),d?.timeGrid??c(),d?.popup??o()),localizer:v,culture:h,defaultView:_,eventPropGetter:(e,n,r,a)=>{let o=S?.(e,n,r,a);return{...o,className:t(d?.event,i(),o?.className)}},formats:F,onView:e=>{D===void 0&&A(e),T?.(e)},components:I,onSelectEvent:w,tooltipAccessor:P,view:D,...O})};export{x as Calendar};
 //# sourceMappingURL=Calendar.mjs.map

package/dist/components/data-display/calendar/Calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { type ReactNode, useState } from 'react';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/ca';\nimport 'dayjs/locale/en';\nimport {\n  Calendar as BigCalendar,\n  type CalendarProps as BigCalendarProps,\n  dayjsLocalizer,\n  type Event,\n  type EventWrapperProps,\n  type View,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendar,\n  calendarAgenda,\n  calendarEvent,\n  calendarMonth,\n  calendarPopup,\n  calendarRoot,\n  calendarTimeGrid,\n  calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Tooltip } from '../../overlays/tooltip/Tooltip';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\n\nconst localizer = dayjsLocalizer(dayjs);\n\nconst getDefaultFormats = (culture: string) => {\n  return {\n    monthHeaderFormat: (date: Date) =>\n      dayjs(date)\n        .locale(culture)\n        .format('MMMM [de] YYYY')\n        .replace(/^./, (str) => str.toUpperCase()),\n    dayHeaderFormat: (date: Date) =>\n      dayjs(date).locale(culture).format('dddd D [de] MMMM'),\n    timeGutterFormat: 'HH:mm',\n  };\n};\n\nexport type CalendarView = View;\n\ntype CalendarEventWrapperProps = EventWrapperProps<Event> & {\n  children?: ReactNode;\n  type?: 'date' | 'time';\n};\n\nexport type CalendarProps = Omit<BigCalendarProps<Event>, 'localizer'> & {\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n    popup?: string;\n  };\n};\n\nconst getEventTooltipContent = (\n  event: Event,\n  accessors: CalendarEventWrapperProps['accessors'],\n  culture: string,\n) => {\n  const title = accessors.title?.(event) ?? event.title;\n  const start = accessors.start?.(event) ?? event.start;\n  const end = accessors.end?.(event) ?? event.end;\n  const showTimeRange = !event.allDay && start && end;\n\n  if (!title && !showTimeRange) {\n    return null;\n  }\n\n  return (\n    <div>\n      {showTimeRange ? (\n        <div>\n          {dayjs(start).locale(culture).format('HH:mm')} -{' '}\n          {dayjs(end).locale(culture).format('HH:mm')}\n        </div>\n      ) : null}\n      {title ? <strong>{title}</strong> : null}\n    </div>\n  );\n};\n\nexport const Calendar = ({\n  classNames,\n  culture = 'es',\n  defaultView = 'month',\n  components,\n  eventPropGetter,\n  formats,\n  onView,\n  tooltipAccessor,\n  view,\n  ...props\n}: CalendarProps) => {\n  const [internalView, setInternalView] = useState<CalendarView>(\n    view ?? defaultView ?? 'month',\n  );\n  const currentView = view ?? internalView;\n  const showTooltip =\n    currentView === 'month' || currentView === 'week' || currentView === 'day';\n  const defaultEventWrapper = showTooltip\n    ? ({ event, accessors, children }: CalendarEventWrapperProps) => {\n        const label = getEventTooltipContent(event, accessors, culture);\n\n        if (!children || !label) {\n          return children ?? null;\n        }\n\n        return (\n          <Tooltip label={label} position='top' multiline withArrow>\n            {children}\n          </Tooltip>\n        );\n      }\n    : undefined;\n  const resolvedTooltipAccessor =\n    !showTooltip ||\n    ((components?.eventWrapper || defaultEventWrapper) &&\n      tooltipAccessor === undefined)\n      ? null\n      : tooltipAccessor;\n  const mergedFormats = {\n    ...getDefaultFormats(culture),\n    ...(formats ?? {}),\n  };\n  const resolvedComponents =\n    defaultEventWrapper || components?.eventWrapper\n      ? {\n          ...components,\n          eventWrapper: components?.eventWrapper ?? defaultEventWrapper,\n        }\n      : components;\n\n  const handleView = (nextView: CalendarView) => {\n    if (view === undefined) {\n      setInternalView(nextView);\n    }\n\n    onView?.(nextView);\n  };\n\n  const handleEventProps = (\n    event: Event,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => {\n    const customProps = eventPropGetter?.(event, start, end, isSelected);\n\n    return {\n      ...customProps,\n      className: cx(classNames?.event, calendarEvent(), customProps?.className),\n    };\n  };\n\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid(),\n        classNames?.popup ?? calendarPopup(),\n      )}\n      localizer={localizer}\n      culture={culture}\n      defaultView={defaultView}\n      eventPropGetter={handleEventProps}\n      formats={mergedFormats}\n      onView={handleView}\n      components={resolvedComponents}\n      tooltipAccessor={resolvedTooltipAccessor}\n      view={view}\n      {...props}\n    />\n  );\n};\n"],"mappings":"miBA8BA,MAAM,EAAY,EAAe,EAAM,CAEjC,EAAqB,IAClB,CACL,kBAAoB,GAClB,EAAM,EAAK,CACR,OAAO,EAAQ,CACf,OAAO,iBAAiB,CACxB,QAAQ,KAAO,GAAQ,EAAI,aAAa,CAAC,CAC9C,gBAAkB,GAChB,EAAM,EAAK,CAAC,OAAO,EAAQ,CAAC,OAAO,mBAAmB,CACxD,iBAAkB,QACnB,EAuBG,GACJ,EACA,EACA,IACG,CACH,IAAM,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAM,EAAU,MAAM,EAAM,EAAI,EAAM,IACtC,EAAgB,CAAC,EAAM,QAAU,GAAS,EAMhD,MAJI,CAAC,GAAS,CAAC,EACN,KAIP,EAAC,MAAD,CAAA,SAAA,CACG,EACC,EAAC,MAAD,CAAA,SAAA,CACG,EAAM,EAAM,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAG,IAChD,EAAM,EAAI,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CACvC,CAAA,CAAA,CACJ,KACH,EAAQ,EAAC,SAAD,CAAA,SAAS,EAAe,CAAA,CAAG,KAChC,CAAA,CAAA,EAIGA,GAAY,CACvB,aACA,UAAU,KACV,cAAc,QACd,aACA,kBACA,UACA,SACA,kBACA,OACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAc,GAAmB,EACtC,GAAQ,GAAe,QACxB,CACK,EAAc,GAAQ,EACtB,EACJ,IAAgB,SAAW,IAAgB,QAAU,IAAgB,MACjE,EAAsB,GACvB,CAAE,QAAO,YAAW,cAA0C,CAC7D,IAAM,EAAQ,EAAuB,EAAO,EAAW,EAAQ,CAM/D,MAJI,CAAC,GAAY,CAAC,EACT,GAAY,KAInB,EAAC,EAAD,CAAgB,QAAO,SAAS,MAAM,UAAA,GAAU,UAAA,GAC7C,WACO,CAAA,EAGd,IAAA,GACE,EACJ,CAAC,IACC,GAAY,cAAgB,IAC5B,IAAoB,IAAA,GAClB,KACA,EACA,EAAgB,CACpB,GAAG,EAAkB,EAAQ,CAC7B,GAAI,GAAW,EAAE,CAClB,CACK,EACJ,GAAuB,GAAY,aAC/B,CACE,GAAG,EACH,aAAc,GAAY,cAAgB,EAC3C,CACD,EAwBN,OACE,EAACC,EAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC1C,GAAY,OAAS,GAAe,CACrC,CACU,YACF,UACI,cACb,iBA3BF,EACA,EACA,EACA,IACG,CACH,IAAM,EAAc,IAAkB,EAAO,EAAO,EAAK,EAAW,CAEpE,MAAO,CACL,GAAG,EACH,UAAW,EAAG,GAAY,MAAO,GAAe,CAAE,GAAa,UAAU,CAC1E,EAkBC,QAAS,EACT,OAtCgB,GAA2B,CACzC,IAAS,IAAA,IACX,EAAgB,EAAS,CAG3B,IAAS,EAAS,EAkChB,WAAY,EACZ,gBAAiB,EACX,OACN,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport {\n  cloneElement,\n  isValidElement,\n  type ReactElement,\n  type ReactNode,\n  useState,\n} from 'react';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/ca';\nimport 'dayjs/locale/en';\nimport {\n  Calendar as BigCalendar,\n  type CalendarProps as BigCalendarProps,\n  dayjsLocalizer,\n  type Event,\n  type EventWrapperProps,\n  type View,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  calendar,\n  calendarAgenda,\n  calendarEvent,\n  calendarMonth,\n  calendarPopup,\n  calendarRoot,\n  calendarTimeGrid,\n  calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nimport { Tooltip } from '../../overlays/tooltip/Tooltip';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\n\nconst localizer = dayjsLocalizer(dayjs);\n\nconst getDefaultFormats = (culture: string) => {\n  return {\n    monthHeaderFormat: (date: Date) =>\n      dayjs(date)\n        .locale(culture)\n        .format('MMMM [de] YYYY')\n        .replace(/^./, (str) => str.toUpperCase()),\n    dayHeaderFormat: (date: Date) =>\n      dayjs(date).locale(culture).format('dddd D [de] MMMM'),\n    timeGutterFormat: 'HH:mm',\n  };\n};\n\nexport type CalendarView = View;\n\ntype CalendarEventWrapperProps = EventWrapperProps<Event> & {\n  children?: ReactNode;\n  type?: 'date' | 'time';\n};\n\nexport type CalendarProps = Omit<BigCalendarProps<Event>, 'localizer'> & {\n  classNames?: {\n    calendar?: string;\n    root?: string;\n    toolbar?: string;\n    month?: string;\n    event?: string;\n    agenda?: string;\n    timeGrid?: string;\n    popup?: string;\n  };\n};\n\nconst getEventTooltipContent = (\n  event: Event,\n  accessors: CalendarEventWrapperProps['accessors'],\n  culture: string,\n) => {\n  const title = accessors.title?.(event) ?? event.title;\n  const start = accessors.start?.(event) ?? event.start;\n  const end = accessors.end?.(event) ?? event.end;\n  const showTimeRange = !event.allDay && start && end;\n\n  if (!title && !showTimeRange) {\n    return null;\n  }\n\n  return (\n    <div>\n      {showTimeRange ? (\n        <div>\n          {dayjs(start).locale(culture).format('HH:mm')} -{' '}\n          {dayjs(end).locale(culture).format('HH:mm')}\n        </div>\n      ) : null}\n      {title ? <strong>{title}</strong> : null}\n    </div>\n  );\n};\n\nexport const Calendar = ({\n  classNames,\n  culture = 'es',\n  defaultView = 'month',\n  components,\n  eventPropGetter,\n  formats,\n  onSelectEvent,\n  onView,\n  tooltipAccessor,\n  view,\n  ...props\n}: CalendarProps) => {\n  const [internalView, setInternalView] = useState<CalendarView>(\n    view ?? defaultView ?? 'month',\n  );\n  const currentView = view ?? internalView;\n  const showTooltip =\n    currentView === 'month' || currentView === 'week' || currentView === 'day';\n  const defaultEventWrapper = showTooltip\n    ? ({ event, accessors, children }: CalendarEventWrapperProps) => {\n        const label = getEventTooltipContent(event, accessors, culture);\n\n        const child =\n          onSelectEvent && isValidElement(children)\n            ? cloneElement(\n                children as ReactElement<React.HTMLAttributes<HTMLElement>>,\n                { tabIndex: 0, role: 'button' },\n              )\n            : children;\n\n        if (!child || !label) {\n          return (child ?? null) as ReactElement | null;\n        }\n\n        return (\n          <Tooltip label={label} position='top' multiline withArrow>\n            {child as ReactElement}\n          </Tooltip>\n        );\n      }\n    : undefined;\n  const resolvedTooltipAccessor =\n    !showTooltip ||\n    ((components?.eventWrapper || defaultEventWrapper) &&\n      tooltipAccessor === undefined)\n      ? null\n      : tooltipAccessor;\n  const mergedFormats = {\n    ...getDefaultFormats(culture),\n    ...(formats ?? {}),\n  };\n  const resolvedComponents =\n    defaultEventWrapper || components?.eventWrapper\n      ? {\n          ...components,\n          eventWrapper: components?.eventWrapper ?? defaultEventWrapper,\n        }\n      : components;\n\n  const handleView = (nextView: CalendarView) => {\n    if (view === undefined) {\n      setInternalView(nextView);\n    }\n\n    onView?.(nextView);\n  };\n\n  const handleEventProps = (\n    event: Event,\n    start: Date,\n    end: Date,\n    isSelected: boolean,\n  ) => {\n    const customProps = eventPropGetter?.(event, start, end, isSelected);\n\n    return {\n      ...customProps,\n      className: cx(classNames?.event, calendarEvent(), customProps?.className),\n    };\n  };\n\n  return (\n    <BigCalendar\n      className={cx(\n        classNames?.calendar ?? calendar(),\n        classNames?.root ?? calendarRoot(),\n        classNames?.toolbar ?? calendarToolbar(),\n        classNames?.month ?? calendarMonth(),\n        classNames?.agenda ?? calendarAgenda(),\n        classNames?.timeGrid ?? calendarTimeGrid(),\n        classNames?.popup ?? calendarPopup(),\n      )}\n      localizer={localizer}\n      culture={culture}\n      defaultView={defaultView}\n      eventPropGetter={handleEventProps}\n      formats={mergedFormats}\n      onView={handleView}\n      components={resolvedComponents}\n      onSelectEvent={onSelectEvent}\n      tooltipAccessor={resolvedTooltipAccessor}\n      view={view}\n      {...props}\n    />\n  );\n};\n"],"mappings":"ykBAoCA,MAAM,EAAY,EAAe,EAAM,CAEjC,EAAqB,IAClB,CACL,kBAAoB,GAClB,EAAM,EAAK,CACR,OAAO,EAAQ,CACf,OAAO,iBAAiB,CACxB,QAAQ,KAAO,GAAQ,EAAI,aAAa,CAAC,CAC9C,gBAAkB,GAChB,EAAM,EAAK,CAAC,OAAO,EAAQ,CAAC,OAAO,mBAAmB,CACxD,iBAAkB,QACnB,EAuBG,GACJ,EACA,EACA,IACG,CACH,IAAM,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAM,EAAU,MAAM,EAAM,EAAI,EAAM,IACtC,EAAgB,CAAC,EAAM,QAAU,GAAS,EAMhD,MAJI,CAAC,GAAS,CAAC,EACN,KAIP,EAAC,MAAD,CAAA,SAAA,CACG,EACC,EAAC,MAAD,CAAA,SAAA,CACG,EAAM,EAAM,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAG,IAChD,EAAM,EAAI,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CACvC,CAAA,CAAA,CACJ,KACH,EAAQ,EAAC,SAAD,CAAA,SAAS,EAAe,CAAA,CAAG,KAChC,CAAA,CAAA,EAIGA,GAAY,CACvB,aACA,UAAU,KACV,cAAc,QACd,aACA,kBACA,UACA,gBACA,SACA,kBACA,OACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAc,GAAmB,EACtC,GAAQ,GAAe,QACxB,CACK,EAAc,GAAQ,EACtB,EACJ,IAAgB,SAAW,IAAgB,QAAU,IAAgB,MACjE,EAAsB,GACvB,CAAE,QAAO,YAAW,cAA0C,CAC7D,IAAM,EAAQ,EAAuB,EAAO,EAAW,EAAQ,CAEzD,EACJ,GAAiB,EAAe,EAAS,CACrC,EACE,EACA,CAAE,SAAU,EAAG,KAAM,SAAU,CAChC,CACD,EAMN,MAJI,CAAC,GAAS,CAAC,EACL,GAAS,KAIjB,EAAC,EAAD,CAAgB,QAAO,SAAS,MAAM,UAAA,GAAU,UAAA,YAC7C,EACO,CAAA,EAGd,IAAA,GACE,EACJ,CAAC,IACC,GAAY,cAAgB,IAC5B,IAAoB,IAAA,GAClB,KACA,EACA,EAAgB,CACpB,GAAG,EAAkB,EAAQ,CAC7B,GAAI,GAAW,EAAE,CAClB,CACK,EACJ,GAAuB,GAAY,aAC/B,CACE,GAAG,EACH,aAAc,GAAY,cAAgB,EAC3C,CACD,EAwBN,OACE,EAACC,EAAD,CACE,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC1C,GAAY,OAAS,GAAe,CACrC,CACU,YACF,UACI,cACb,iBA3BF,EACA,EACA,EACA,IACG,CACH,IAAM,EAAc,IAAkB,EAAO,EAAO,EAAK,EAAW,CAEpE,MAAO,CACL,GAAG,EACH,UAAW,EAAG,GAAY,MAAO,GAAe,CAAE,GAAa,UAAU,CAC1E,EAkBC,QAAS,EACT,OAtCgB,GAA2B,CACzC,IAAS,IAAA,IACX,EAAgB,EAAS,CAG3B,IAAS,EAAS,EAkChB,WAAY,EACG,gBACf,gBAAiB,EACX,OACN,GAAI,EACJ,CAAA"}

package/dist/components/forms/Form.d.mts

@@ -7,6 +7,8 @@ import { FormPasswordProps } from "./controls/FormPassword.mjs";
 import { FormSelectProps } from "./controls/FormSelect.mjs";
 import { FormComboboxProps } from "./controls/FormCombobox.mjs";
 import { FormAutocompleteProps } from "./controls/FormAutocomplete.mjs";
+import { FormDatePickerProps } from "./controls/FormDatePicker.mjs";
+import { FormDateTimePickerProps } from "./controls/FormDateTimePicker.mjs";
 import { FormFileInputProps } from "./controls/FormFileInput.mjs";
 import { FormFileInputMultipleProps } from "./controls/FormFileInputMultiple.mjs";
 import { FormDropzoneProps } from "./controls/FormDropzone.mjs";
@@ -152,6 +154,32 @@ declare const Form: {
     }: FormAutocompleteProps): react_jsx_runtime0.JSX.Element;
     displayName: string;
   };
+  DatePicker: {
+    ({
+      $rule: _$rule,
+      isSubmitting,
+      name,
+      error,
+      defaultValue,
+      onChange,
+      disabled,
+      ...props
+    }: FormDatePickerProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
+  DateTimePicker: {
+    ({
+      $rule: _$rule,
+      isSubmitting,
+      name,
+      error,
+      defaultValue,
+      onChange,
+      disabled,
+      ...props
+    }: FormDateTimePickerProps): react_jsx_runtime0.JSX.Element;
+    displayName: string;
+  };
   FileInput: {
     ({
       $rule: _$rule,

package/dist/components/forms/Form.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;;;;;;;;KAyBK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA,EArBpB;EAuBA,oBAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA,oBAAA;IAAA;EAAA,GAUvC,SAAA,CAAU,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Form.d.mts","names":[],"sources":["../../../src/components/forms/Form.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;KA2BK,YAAA;EACH,IAAA;EACA,OAAA;EACA,MAAA;EACA,GAAA;AAAA;AAAA,KAGU,SAAA,WAAoB,WAAA;EAC9B,QAAA,GAAW,MAAA;IAAU,IAAA,EAAM,CAAA;EAAA,MAAQ,OAAA;EACnC,aAAA,IAAiB,QAAA,EAAU,YAAA;EAC3B,eAAA,IAAmB,MAAA;IACjB,OAAA;IACA,QAAA,EAAU,eAAA,CAAgB,CAAA;IAC1B,MAAA;EAAA;EAEF,aAAA;EACA,QAAA,EAAU,SAAA;EACV,MAAA,GAAS,SAAA,CAAU,MAAA,SAAe,UAAA;EAClC,CAAA,IACE,GAAA,UACA,QAAA,GAAW,MAAA,kBACX,QAAA,uBACY,KAAA,CAAM,SAAA;EAEpB,oBAAA;EACA,UAAA;IACE,IAAA;IACA,IAAA;EAAA;AAAA;AAAA,cAYS,IAAA;EAAA,WAAkB,WAAA;IAAW,QAAA;IAAA,aAAA;IAAA,eAAA;IAAA,aAAA;IAAA,QAAA;IAAA,MAAA;IAAA,CAAA;IAAA,oBAAA;IAAA;EAAA,GAUvC,SAAA,CAAU,CAAA,IAAE,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/forms/Form.mjs

@@ -1,2 +1,2 @@
-import{FormAutocomplete as e}from"./controls/FormAutocomplete.mjs";import{FormCheckbox as t}from"./controls/FormCheckbox.mjs";import{FormCombobox as n}from"./controls/FormCombobox.mjs";import{FormDropzone as r}from"./controls/FormDropzone.mjs";import{FormS3Context as i}from"./FormS3Context.mjs";import{FormDropzoneS3 as a}from"./controls/FormDropzoneS3.mjs";import{FormFileInput as o}from"./controls/FormFileInput.mjs";import{FormFileInputMultiple as s}from"./controls/FormFileInputMultiple.mjs";import{FormHidden as c}from"./controls/FormHidden.mjs";import{FormPassword as l}from"./controls/FormPassword.mjs";import{FormSelect as u}from"./controls/FormSelect.mjs";import{FormSubmit as d}from"./controls/FormSubmit.mjs";import{FormTextarea as f}from"./controls/FormTextarea.mjs";import{FormTextInput as p}from"./controls/FormTextInput.mjs";import{FormBase as m}from"./FormBase.mjs";import{FormErrorBox as h}from"./FormErrorBox.mjs";import{form as g,formRoot as _}from"@mage-ui/styled-system/recipes";import{jsx as v}from"react/jsx-runtime";import{useRef as y}from"react";const b=({$fetcher:e,onValidSubmit:t,onInvalidSubmit:n,invalidStatus:r=[],children:a,schema:o,t:s,s3UploadErrorMessage:c,classNames:l})=>{let u=y(new Map),d={registerS3Upload:(e,t)=>{u.current.set(e,t)},unregisterS3Upload:e=>{u.current.delete(e)}},f=async e=>{let t=Array.from(u.current.values());await Promise.all(t.map(t=>t(e)))};return v(i.Provider,{value:d,children:v(m,{onSubmit:async({data:i,setError:a})=>{await e({data:i}).then(async e=>{let n=e;if(n?.statusCode&&n.statusCode>=400)throw n;try{await f(e)}catch(e){console.error(`S3 upload error:`,e),a(`root.serverError`,{type:`s3`,message:c??`Failed to upload files`});return}t?.(e||{})}).catch(e=>{switch(e.statusCode){case 400:case 422:e.cause?.issues&&Object.keys(e.cause.issues).forEach(t=>{a(t,{type:`server`,message:e.cause?.issues?.[t]})}),a(`root.serverError`,{type:`server`,message:e?.message??`Something went wrong`});break;default:if(r.includes(e.statusCode)){n?.({message:e.message,setError:a,status:e.statusCode});break}throw e}})},schema:o,errorBox:h,t:s,classNames:{form:l?.form??g(),root:l?.root??_()},children:a})})};b.displayName=`Form`,b.TextInput=p,b.Textarea=f,b.Submit=d,b.Hidden=c,b.Checkbox=t,b.Password=l,b.Select=u,b.Combobox=n,b.Autocomplete=e,b.FileInput=o,b.FileInputMultiple=s,b.Dropzone=r,b.DropzoneS3=a;export{b as Form};
+import{FormAutocomplete as e}from"./controls/FormAutocomplete.mjs";import{FormCheckbox as t}from"./controls/FormCheckbox.mjs";import{FormCombobox as n}from"./controls/FormCombobox.mjs";import{FormDatePicker as r}from"./controls/FormDatePicker.mjs";import{FormDateTimePicker as i}from"./controls/FormDateTimePicker.mjs";import{FormDropzone as a}from"./controls/FormDropzone.mjs";import{FormS3Context as o}from"./FormS3Context.mjs";import{FormDropzoneS3 as s}from"./controls/FormDropzoneS3.mjs";import{FormFileInput as c}from"./controls/FormFileInput.mjs";import{FormFileInputMultiple as l}from"./controls/FormFileInputMultiple.mjs";import{FormHidden as u}from"./controls/FormHidden.mjs";import{FormPassword as d}from"./controls/FormPassword.mjs";import{FormSelect as f}from"./controls/FormSelect.mjs";import{FormSubmit as p}from"./controls/FormSubmit.mjs";import{FormTextarea as m}from"./controls/FormTextarea.mjs";import{FormTextInput as h}from"./controls/FormTextInput.mjs";import{FormBase as g}from"./FormBase.mjs";import{FormErrorBox as _}from"./FormErrorBox.mjs";import{form as v,formRoot as y}from"@mage-ui/styled-system/recipes";import{jsx as b}from"react/jsx-runtime";import{useRef as x}from"react";const S=({$fetcher:e,onValidSubmit:t,onInvalidSubmit:n,invalidStatus:r=[],children:i,schema:a,t:s,s3UploadErrorMessage:c,classNames:l})=>{let u=x(new Map),d={registerS3Upload:(e,t)=>{u.current.set(e,t)},unregisterS3Upload:e=>{u.current.delete(e)}},f=async e=>{let t=Array.from(u.current.values());await Promise.all(t.map(t=>t(e)))};return b(o.Provider,{value:d,children:b(g,{onSubmit:async({data:i,setError:a})=>{await e({data:i}).then(async e=>{let n=e;if(n?.statusCode&&n.statusCode>=400)throw n;try{await f(e)}catch(e){console.error(`S3 upload error:`,e),a(`root.serverError`,{type:`s3`,message:c??`Failed to upload files`});return}t?.(e||{})}).catch(e=>{switch(e.statusCode){case 400:case 422:e.cause?.issues&&Object.keys(e.cause.issues).forEach(t=>{a(t,{type:`server`,message:e.cause?.issues?.[t]})}),a(`root.serverError`,{type:`server`,message:e?.message??`Something went wrong`});break;default:if(r.includes(e.statusCode)){n?.({message:e.message,setError:a,status:e.statusCode});break}throw e}})},schema:a,errorBox:_,t:s,classNames:{form:l?.form??v(),root:l?.root??y()},children:i})})};S.displayName=`Form`,S.TextInput=h,S.Textarea=m,S.Submit=p,S.Hidden=u,S.Checkbox=t,S.Password=d,S.Select=f,S.Combobox=n,S.Autocomplete=e,S.DatePicker=r,S.DateTimePicker=i,S.FileInput=c,S.FileInputMultiple=l,S.Dropzone=a,S.DropzoneS3=s;export{S as Form};
 //# sourceMappingURL=Form.mjs.map

package/dist/components/forms/Form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/forms/Form.tsx"],"sourcesContent":["import type React from 'react';\nimport type { ReactNode } from 'react';\nimport { useRef } from 'react';\nimport type { FieldValues, UseFormSetError } from 'react-hook-form';\nimport type { ZodObject, ZodTypeAny } from 'zod';\n\nimport { form, formRoot } from '@mage-ui/styled-system/recipes';\n\nimport { FormAutocomplete } from './controls/FormAutocomplete';\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDropzone } from './controls/FormDropzone';\nimport { FormDropzoneS3 } from './controls/FormDropzoneS3';\nimport { FormFileInput } from './controls/FormFileInput';\nimport { FormFileInputMultiple } from './controls/FormFileInputMultiple';\nimport { FormHidden } from './controls/FormHidden';\nimport { FormPassword } from './controls/FormPassword';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormSubmit } from './controls/FormSubmit';\nimport { FormTextarea } from './controls/FormTextarea';\nimport { FormTextInput } from './controls/FormTextInput';\nimport { FormBase } from './FormBase';\nimport { FormErrorBox } from './FormErrorBox';\nimport { FormS3Context, type S3UploadCallback } from './FormS3Context';\n\ntype FormResponse = {\n  body?: object;\n  details?: string;\n  status?: number;\n  url?: string;\n};\n\nexport type FormProps<T extends FieldValues> = {\n  $fetcher: (params: { data: T }) => Promise<unknown>;\n  onValidSubmit?: (response: FormResponse) => void;\n  onInvalidSubmit?: (params: {\n    message: string;\n    setError: UseFormSetError<T>;\n    status: number;\n  }) => void;\n  invalidStatus?: number[];\n  children: ReactNode;\n  schema?: ZodObject<Record<string, ZodTypeAny>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n  /** Mensaje mostrado al usuario si falla la subida de archivos a S3 tras el submit. */\n  s3UploadErrorMessage?: string;\n  classNames?: {\n    form?: string;\n    root?: string;\n  };\n};\n\ntype FormError = {\n  statusCode: number;\n  message: string;\n  cause?: {\n    issues: Record<string, string>;\n  };\n};\n\nexport const Form = <T extends FieldValues>({\n  $fetcher,\n  onValidSubmit,\n  onInvalidSubmit,\n  invalidStatus = [],\n  children,\n  schema,\n  t,\n  s3UploadErrorMessage,\n  classNames,\n}: FormProps<T>) => {\n  const s3CallbacksRef = useRef<Map<string, S3UploadCallback>>(new Map());\n\n  const s3ContextValue = {\n    registerS3Upload: (name: string, cb: S3UploadCallback) => {\n      s3CallbacksRef.current.set(name, cb);\n    },\n    unregisterS3Upload: (name: string) => {\n      s3CallbacksRef.current.delete(name);\n    },\n  };\n\n  const runS3Uploads = async (response: unknown): Promise<void> => {\n    const callbacks = Array.from(s3CallbacksRef.current.values());\n    await Promise.all(callbacks.map((cb) => cb(response)));\n  };\n\n  const onSubmit = async ({\n    data,\n    setError,\n  }: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => {\n    await $fetcher({ data: data as T })\n      .then(async (response) => {\n        const res = response as FormError & FormResponse;\n        if (res?.statusCode && res.statusCode >= 400) {\n          throw res;\n        }\n\n        try {\n          await runS3Uploads(response);\n        } catch (e) {\n          console.error('S3 upload error:', e);\n          setError('root.serverError', {\n            type: 's3',\n            message: s3UploadErrorMessage ?? 'Failed to upload files',\n          });\n          return;\n        }\n        onValidSubmit?.((response || {}) as FormResponse);\n      })\n      .catch((error: FormError) => {\n        switch (error.statusCode) {\n          case 400:\n          case 422: {\n            if (error.cause?.issues) {\n              Object.keys(error.cause.issues).forEach((key) => {\n                setError(key, {\n                  type: 'server',\n                  message: error.cause?.issues?.[key],\n                });\n              });\n            }\n            setError('root.serverError', {\n              type: 'server',\n              message: error?.message ?? 'Something went wrong',\n            });\n            break;\n          }\n          default:\n            if (invalidStatus.includes(error.statusCode)) {\n              onInvalidSubmit?.({\n                message: error.message,\n                setError: setError as UseFormSetError<T>,\n                status: error.statusCode,\n              });\n              break;\n            }\n            throw error;\n        }\n      });\n  };\n\n  return (\n    <FormS3Context.Provider value={s3ContextValue}>\n      <FormBase\n        onSubmit={onSubmit}\n        schema={schema}\n        errorBox={FormErrorBox}\n        t={t}\n        classNames={{\n          form: classNames?.form ?? form(),\n          root: classNames?.root ?? formRoot(),\n        }}\n      >\n        {children}\n      </FormBase>\n    </FormS3Context.Provider>\n  );\n};\n\nForm.displayName = 'Form';\nForm.TextInput = FormTextInput;\nForm.Textarea = FormTextarea;\nForm.Submit = FormSubmit;\nForm.Hidden = FormHidden;\nForm.Checkbox = FormCheckbox;\nForm.Password = FormPassword;\nForm.Select = FormSelect;\nForm.Combobox = FormCombobox;\nForm.Autocomplete = FormAutocomplete;\nForm.FileInput = FormFileInput;\nForm.FileInputMultiple = FormFileInputMultiple;\nForm.Dropzone = FormDropzone;\nForm.DropzoneS3 = FormDropzoneS3;\n"],"mappings":"gjCAgEA,MAAa,GAA+B,CAC1C,WACA,gBACA,kBACA,gBAAgB,EAAE,CAClB,WACA,SACA,IACA,uBACA,gBACkB,CAClB,IAAM,EAAiB,EAAsC,IAAI,IAAM,CAEjE,EAAiB,CACrB,kBAAmB,EAAc,IAAyB,CACxD,EAAe,QAAQ,IAAI,EAAM,EAAG,EAEtC,mBAAqB,GAAiB,CACpC,EAAe,QAAQ,OAAO,EAAK,EAEtC,CAEK,EAAe,KAAO,IAAqC,CAC/D,IAAM,EAAY,MAAM,KAAK,EAAe,QAAQ,QAAQ,CAAC,CAC7D,MAAM,QAAQ,IAAI,EAAU,IAAK,GAAO,EAAG,EAAS,CAAC,CAAC,EA6DxD,OACE,EAAC,EAAc,SAAf,CAAwB,MAAO,WAC7B,EAAC,EAAD,CACY,SA7DC,MAAO,CACtB,OACA,cAII,CACJ,MAAM,EAAS,CAAQ,OAAW,CAAC,CAChC,KAAK,KAAO,IAAa,CACxB,IAAM,EAAM,EACZ,GAAI,GAAK,YAAc,EAAI,YAAc,IACvC,MAAM,EAGR,GAAI,CACF,MAAM,EAAa,EAAS,OACrB,EAAG,CACV,QAAQ,MAAM,mBAAoB,EAAE,CACpC,EAAS,mBAAoB,CAC3B,KAAM,KACN,QAAS,GAAwB,yBAClC,CAAC,CACF,OAEF,IAAiB,GAAY,EAAE,CAAkB,EACjD,CACD,MAAO,GAAqB,CAC3B,OAAQ,EAAM,WAAd,CACE,IAAK,KACL,IAAK,KACC,EAAM,OAAO,QACf,OAAO,KAAK,EAAM,MAAM,OAAO,CAAC,QAAS,GAAQ,CAC/C,EAAS,EAAK,CACZ,KAAM,SACN,QAAS,EAAM,OAAO,SAAS,GAChC,CAAC,EACF,CAEJ,EAAS,mBAAoB,CAC3B,KAAM,SACN,QAAS,GAAO,SAAW,uBAC5B,CAAC,CACF,MAEF,QACE,GAAI,EAAc,SAAS,EAAM,WAAW,CAAE,CAC5C,IAAkB,CAChB,QAAS,EAAM,QACL,WACV,OAAQ,EAAM,WACf,CAAC,CACF,MAEF,MAAM,IAEV,EAOQ,SACR,SAAU,EACP,IACH,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,KAAM,GAAY,MAAQ,GAAU,CACrC,CAEA,WACQ,CAAA,CACY,CAAA,EAI7B,EAAK,YAAc,OACnB,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,aAAe,EACpB,EAAK,UAAY,EACjB,EAAK,kBAAoB,EACzB,EAAK,SAAW,EAChB,EAAK,WAAa"}
+{"version":3,"file":"Form.mjs","names":[],"sources":["../../../src/components/forms/Form.tsx"],"sourcesContent":["import type React from 'react';\nimport type { ReactNode } from 'react';\nimport { useRef } from 'react';\nimport type { FieldValues, UseFormSetError } from 'react-hook-form';\nimport type { ZodObject, ZodTypeAny } from 'zod';\n\nimport { form, formRoot } from '@mage-ui/styled-system/recipes';\n\nimport { FormAutocomplete } from './controls/FormAutocomplete';\nimport { FormCheckbox } from './controls/FormCheckbox';\nimport { FormCombobox } from './controls/FormCombobox';\nimport { FormDatePicker } from './controls/FormDatePicker';\nimport { FormDateTimePicker } from './controls/FormDateTimePicker';\nimport { FormDropzone } from './controls/FormDropzone';\nimport { FormDropzoneS3 } from './controls/FormDropzoneS3';\nimport { FormFileInput } from './controls/FormFileInput';\nimport { FormFileInputMultiple } from './controls/FormFileInputMultiple';\nimport { FormHidden } from './controls/FormHidden';\nimport { FormPassword } from './controls/FormPassword';\nimport { FormSelect } from './controls/FormSelect';\nimport { FormSubmit } from './controls/FormSubmit';\nimport { FormTextarea } from './controls/FormTextarea';\nimport { FormTextInput } from './controls/FormTextInput';\nimport { FormBase } from './FormBase';\nimport { FormErrorBox } from './FormErrorBox';\nimport { FormS3Context, type S3UploadCallback } from './FormS3Context';\n\ntype FormResponse = {\n  body?: object;\n  details?: string;\n  status?: number;\n  url?: string;\n};\n\nexport type FormProps<T extends FieldValues> = {\n  $fetcher: (params: { data: T }) => Promise<unknown>;\n  onValidSubmit?: (response: FormResponse) => void;\n  onInvalidSubmit?: (params: {\n    message: string;\n    setError: UseFormSetError<T>;\n    status: number;\n  }) => void;\n  invalidStatus?: number[];\n  children: ReactNode;\n  schema?: ZodObject<Record<string, ZodTypeAny>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n  /** Mensaje mostrado al usuario si falla la subida de archivos a S3 tras el submit. */\n  s3UploadErrorMessage?: string;\n  classNames?: {\n    form?: string;\n    root?: string;\n  };\n};\n\ntype FormError = {\n  statusCode: number;\n  message: string;\n  cause?: {\n    issues: Record<string, string>;\n  };\n};\n\nexport const Form = <T extends FieldValues>({\n  $fetcher,\n  onValidSubmit,\n  onInvalidSubmit,\n  invalidStatus = [],\n  children,\n  schema,\n  t,\n  s3UploadErrorMessage,\n  classNames,\n}: FormProps<T>) => {\n  const s3CallbacksRef = useRef<Map<string, S3UploadCallback>>(new Map());\n\n  const s3ContextValue = {\n    registerS3Upload: (name: string, cb: S3UploadCallback) => {\n      s3CallbacksRef.current.set(name, cb);\n    },\n    unregisterS3Upload: (name: string) => {\n      s3CallbacksRef.current.delete(name);\n    },\n  };\n\n  const runS3Uploads = async (response: unknown): Promise<void> => {\n    const callbacks = Array.from(s3CallbacksRef.current.values());\n    await Promise.all(callbacks.map((cb) => cb(response)));\n  };\n\n  const onSubmit = async ({\n    data,\n    setError,\n  }: {\n    data: FieldValues;\n    setError: UseFormSetError<FieldValues>;\n  }) => {\n    await $fetcher({ data: data as T })\n      .then(async (response) => {\n        const res = response as FormError & FormResponse;\n        if (res?.statusCode && res.statusCode >= 400) {\n          throw res;\n        }\n\n        try {\n          await runS3Uploads(response);\n        } catch (e) {\n          console.error('S3 upload error:', e);\n          setError('root.serverError', {\n            type: 's3',\n            message: s3UploadErrorMessage ?? 'Failed to upload files',\n          });\n          return;\n        }\n        onValidSubmit?.((response || {}) as FormResponse);\n      })\n      .catch((error: FormError) => {\n        switch (error.statusCode) {\n          case 400:\n          case 422: {\n            if (error.cause?.issues) {\n              Object.keys(error.cause.issues).forEach((key) => {\n                setError(key, {\n                  type: 'server',\n                  message: error.cause?.issues?.[key],\n                });\n              });\n            }\n            setError('root.serverError', {\n              type: 'server',\n              message: error?.message ?? 'Something went wrong',\n            });\n            break;\n          }\n          default:\n            if (invalidStatus.includes(error.statusCode)) {\n              onInvalidSubmit?.({\n                message: error.message,\n                setError: setError as UseFormSetError<T>,\n                status: error.statusCode,\n              });\n              break;\n            }\n            throw error;\n        }\n      });\n  };\n\n  return (\n    <FormS3Context.Provider value={s3ContextValue}>\n      <FormBase\n        onSubmit={onSubmit}\n        schema={schema}\n        errorBox={FormErrorBox}\n        t={t}\n        classNames={{\n          form: classNames?.form ?? form(),\n          root: classNames?.root ?? formRoot(),\n        }}\n      >\n        {children}\n      </FormBase>\n    </FormS3Context.Provider>\n  );\n};\n\nForm.displayName = 'Form';\nForm.TextInput = FormTextInput;\nForm.Textarea = FormTextarea;\nForm.Submit = FormSubmit;\nForm.Hidden = FormHidden;\nForm.Checkbox = FormCheckbox;\nForm.Password = FormPassword;\nForm.Select = FormSelect;\nForm.Combobox = FormCombobox;\nForm.Autocomplete = FormAutocomplete;\nForm.DatePicker = FormDatePicker;\nForm.DateTimePicker = FormDateTimePicker;\nForm.FileInput = FormFileInput;\nForm.FileInputMultiple = FormFileInputMultiple;\nForm.Dropzone = FormDropzone;\nForm.DropzoneS3 = FormDropzoneS3;\n"],"mappings":"srCAkEA,MAAa,GAA+B,CAC1C,WACA,gBACA,kBACA,gBAAgB,EAAE,CAClB,WACA,SACA,IACA,uBACA,gBACkB,CAClB,IAAM,EAAiB,EAAsC,IAAI,IAAM,CAEjE,EAAiB,CACrB,kBAAmB,EAAc,IAAyB,CACxD,EAAe,QAAQ,IAAI,EAAM,EAAG,EAEtC,mBAAqB,GAAiB,CACpC,EAAe,QAAQ,OAAO,EAAK,EAEtC,CAEK,EAAe,KAAO,IAAqC,CAC/D,IAAM,EAAY,MAAM,KAAK,EAAe,QAAQ,QAAQ,CAAC,CAC7D,MAAM,QAAQ,IAAI,EAAU,IAAK,GAAO,EAAG,EAAS,CAAC,CAAC,EA6DxD,OACE,EAAC,EAAc,SAAf,CAAwB,MAAO,WAC7B,EAAC,EAAD,CACY,SA7DC,MAAO,CACtB,OACA,cAII,CACJ,MAAM,EAAS,CAAQ,OAAW,CAAC,CAChC,KAAK,KAAO,IAAa,CACxB,IAAM,EAAM,EACZ,GAAI,GAAK,YAAc,EAAI,YAAc,IACvC,MAAM,EAGR,GAAI,CACF,MAAM,EAAa,EAAS,OACrB,EAAG,CACV,QAAQ,MAAM,mBAAoB,EAAE,CACpC,EAAS,mBAAoB,CAC3B,KAAM,KACN,QAAS,GAAwB,yBAClC,CAAC,CACF,OAEF,IAAiB,GAAY,EAAE,CAAkB,EACjD,CACD,MAAO,GAAqB,CAC3B,OAAQ,EAAM,WAAd,CACE,IAAK,KACL,IAAK,KACC,EAAM,OAAO,QACf,OAAO,KAAK,EAAM,MAAM,OAAO,CAAC,QAAS,GAAQ,CAC/C,EAAS,EAAK,CACZ,KAAM,SACN,QAAS,EAAM,OAAO,SAAS,GAChC,CAAC,EACF,CAEJ,EAAS,mBAAoB,CAC3B,KAAM,SACN,QAAS,GAAO,SAAW,uBAC5B,CAAC,CACF,MAEF,QACE,GAAI,EAAc,SAAS,EAAM,WAAW,CAAE,CAC5C,IAAkB,CAChB,QAAS,EAAM,QACL,WACV,OAAQ,EAAM,WACf,CAAC,CACF,MAEF,MAAM,IAEV,EAOQ,SACR,SAAU,EACP,IACH,WAAY,CACV,KAAM,GAAY,MAAQ,GAAM,CAChC,KAAM,GAAY,MAAQ,GAAU,CACrC,CAEA,WACQ,CAAA,CACY,CAAA,EAI7B,EAAK,YAAc,OACnB,EAAK,UAAY,EACjB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,SAAW,EAChB,EAAK,OAAS,EACd,EAAK,SAAW,EAChB,EAAK,aAAe,EACpB,EAAK,WAAa,EAClB,EAAK,eAAiB,EACtB,EAAK,UAAY,EACjB,EAAK,kBAAoB,EACzB,EAAK,SAAW,EAChB,EAAK,WAAa"}

package/dist/components/forms/controls/FormDatePicker.d.mts

@@ -0,0 +1,14 @@
+import { DatePickerProps, DatePickerValue } from "../../controls/date-picker/DatePicker.mjs";
+//#region src/components/forms/controls/FormDatePicker.d.ts
+type FormDatePickerValue = string | null;
+type FormDatePickerProps = Omit<DatePickerProps, 'defaultValue' | 'onChange' | 'value'> & {
+  $rule?: string;
+  error?: string;
+  isSubmitting?: boolean;
+  name: string;
+  defaultValue?: DatePickerValue;
+  onChange?: (date: FormDatePickerValue) => void;
+};
+//#endregion
+export { FormDatePickerProps };
+//# sourceMappingURL=FormDatePicker.d.mts.map

package/dist/components/forms/controls/FormDatePicker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDatePicker.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormDatePicker.tsx"],"mappings":";;KAQY,mBAAA;AAAA,KAEA,mBAAA,GAAsB,IAAA,CAChC,eAAA;EAGA,KAAA;EACA,KAAA;EACA,YAAA;EACA,IAAA;EACA,YAAA,GAAe,eAAA;EACf,QAAA,IAAY,IAAA,EAAM,mBAAA;AAAA"}

package/dist/components/forms/controls/FormDatePicker.mjs

@@ -0,0 +1,2 @@
+import{DatePicker as e}from"../../controls/date-picker/DatePicker.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=e=>{if(e!==void 0)return e===null||typeof e==`string`?e:`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)}`},i=({$rule:i,isSubmitting:a,name:o,error:s,defaultValue:c,onChange:l,disabled:u,...d})=>t(n,{name:o,...c===void 0?{}:{defaultValue:r(c)},render:({field:{onChange:n,onBlur:i,value:c}})=>t(e,{name:o,error:s,disabled:u||a,value:r(c),onBlur:i,...d,onChange:e=>{let t=r(e);n(t),l?.(t??null)}})});i.displayName=`Form.DatePicker`;export{i as FormDatePicker};
+//# sourceMappingURL=FormDatePicker.mjs.map

package/dist/components/forms/controls/FormDatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDatePicker.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormDatePicker.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  DatePicker,\n  type DatePickerProps,\n  type DatePickerValue,\n} from '@/components/controls/date-picker/DatePicker';\n\nexport type FormDatePickerValue = string | null;\n\nexport type FormDatePickerProps = Omit<\n  DatePickerProps,\n  'defaultValue' | 'onChange' | 'value'\n> & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n  defaultValue?: DatePickerValue;\n  onChange?: (date: FormDatePickerValue) => void;\n};\n\nconst toFormDateValue = (\n  value: DatePickerValue | undefined,\n): FormDatePickerValue | undefined => {\n  if (value === undefined) return undefined;\n  if (value === null || typeof value === 'string') return value;\n\n  const year = value.getFullYear();\n  const month = String(value.getMonth() + 1).padStart(2, '0');\n  const day = String(value.getDate()).padStart(2, '0');\n\n  return `${year}-${month}-${day}`;\n};\n\nexport const FormDatePicker = ({\n  $rule: _$rule,\n  isSubmitting,\n  name,\n  error,\n  defaultValue,\n  onChange,\n  disabled,\n  ...props\n}: FormDatePickerProps) => {\n  const controllerProps =\n    defaultValue === undefined\n      ? {}\n      : { defaultValue: toFormDateValue(defaultValue) };\n\n  return (\n    <Controller\n      name={name}\n      {...controllerProps}\n      render={({ field: { onChange: fieldOnChange, onBlur, value } }) => (\n        <DatePicker\n          name={name}\n          error={error}\n          disabled={disabled || isSubmitting}\n          value={toFormDateValue(value)}\n          onBlur={onBlur}\n          {...props}\n          onChange={(date) => {\n            const formValue = toFormDateValue(date);\n            fieldOnChange(formValue);\n            onChange?.(formValue ?? null);\n          }}\n        />\n      )}\n    />\n  );\n};\n\nFormDatePicker.displayName = 'Form.DatePicker';\n"],"mappings":"4JAsBA,MAAM,EACJ,GACoC,CAChC,OAAU,IAAA,GAOd,OANI,IAAU,MAAQ,OAAO,GAAU,SAAiB,EAMjD,GAJM,EAAM,aAAa,CAIjB,GAHD,OAAO,EAAM,UAAU,CAAG,EAAE,CAAC,SAAS,EAAG,IAAI,CAGnC,GAFZ,OAAO,EAAM,SAAS,CAAC,CAAC,SAAS,EAAG,IAAI,IAKzC,GAAkB,CAC7B,MAAO,EACP,eACA,OACA,QACA,eACA,WACA,WACA,GAAG,KAQD,EAAC,EAAD,CACQ,OACN,GAPF,IAAiB,IAAA,GACb,EAAE,CACF,CAAE,aAAc,EAAgB,EAAa,CAAE,CAMjD,QAAS,CAAE,MAAO,CAAE,SAAU,EAAe,SAAQ,YACnD,EAAC,EAAD,CACQ,OACC,QACP,SAAU,GAAY,EACtB,MAAO,EAAgB,EAAM,CACrB,SACR,GAAI,EACJ,SAAW,GAAS,CAClB,IAAM,EAAY,EAAgB,EAAK,CACvC,EAAc,EAAU,CACxB,IAAW,GAAa,KAAK,EAE/B,CAAA,CAEJ,CAAA,CAIN,EAAe,YAAc"}

package/dist/components/forms/controls/FormDateTimePicker.d.mts

@@ -0,0 +1,14 @@
+import { DateTimePickerProps, DateTimePickerValue } from "../../controls/date-time-picker/DateTimePicker.mjs";
+//#region src/components/forms/controls/FormDateTimePicker.d.ts
+type FormDateTimePickerValue = string | null;
+type FormDateTimePickerProps = Omit<DateTimePickerProps, 'defaultValue' | 'onChange' | 'value'> & {
+  $rule?: string;
+  error?: string;
+  isSubmitting?: boolean;
+  name: string;
+  defaultValue?: DateTimePickerValue;
+  onChange?: (date: FormDateTimePickerValue) => void;
+};
+//#endregion
+export { FormDateTimePickerProps };
+//# sourceMappingURL=FormDateTimePicker.d.mts.map

package/dist/components/forms/controls/FormDateTimePicker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDateTimePicker.d.mts","names":[],"sources":["../../../../src/components/forms/controls/FormDateTimePicker.tsx"],"mappings":";;KAQY,uBAAA;AAAA,KAEA,uBAAA,GAA0B,IAAA,CACpC,mBAAA;EAGA,KAAA;EACA,KAAA;EACA,YAAA;EACA,IAAA;EACA,YAAA,GAAe,mBAAA;EACf,QAAA,IAAY,IAAA,EAAM,uBAAA;AAAA"}

package/dist/components/forms/controls/FormDateTimePicker.mjs

@@ -0,0 +1,2 @@
+import{DateTimePicker as e}from"../../controls/date-time-picker/DateTimePicker.mjs";import{jsx as t}from"react/jsx-runtime";import{Controller as n}from"react-hook-form";const r=e=>{if(e!==void 0)return e===null||typeof e==`string`?e:`${e.getFullYear()}-${String(e.getMonth()+1).padStart(2,`0`)}-${String(e.getDate()).padStart(2,`0`)} ${String(e.getHours()).padStart(2,`0`)}:${String(e.getMinutes()).padStart(2,`0`)}:${String(e.getSeconds()).padStart(2,`0`)}`},i=({$rule:i,isSubmitting:a,name:o,error:s,defaultValue:c,onChange:l,disabled:u,...d})=>t(n,{name:o,...c===void 0?{}:{defaultValue:r(c)},render:({field:{onChange:n,onBlur:i,value:c}})=>t(e,{name:o,error:s,disabled:u||a,value:r(c),onBlur:i,...d,onChange:e=>{let t=r(e);n(t),l?.(t??null)}})});i.displayName=`Form.DateTimePicker`;export{i as FormDateTimePicker};
+//# sourceMappingURL=FormDateTimePicker.mjs.map

package/dist/components/forms/controls/FormDateTimePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDateTimePicker.mjs","names":[],"sources":["../../../../src/components/forms/controls/FormDateTimePicker.tsx"],"sourcesContent":["import { Controller } from 'react-hook-form';\n\nimport {\n  DateTimePicker,\n  type DateTimePickerProps,\n  type DateTimePickerValue,\n} from '@/components/controls/date-time-picker/DateTimePicker';\n\nexport type FormDateTimePickerValue = string | null;\n\nexport type FormDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'defaultValue' | 'onChange' | 'value'\n> & {\n  $rule?: string;\n  error?: string;\n  isSubmitting?: boolean;\n  name: string;\n  defaultValue?: DateTimePickerValue;\n  onChange?: (date: FormDateTimePickerValue) => void;\n};\n\nconst toFormDateTimeValue = (\n  value: DateTimePickerValue | undefined,\n): FormDateTimePickerValue | undefined => {\n  if (value === undefined) return undefined;\n  if (value === null || typeof value === 'string') return value;\n\n  const year = value.getFullYear();\n  const month = String(value.getMonth() + 1).padStart(2, '0');\n  const day = String(value.getDate()).padStart(2, '0');\n  const hours = String(value.getHours()).padStart(2, '0');\n  const minutes = String(value.getMinutes()).padStart(2, '0');\n  const seconds = String(value.getSeconds()).padStart(2, '0');\n\n  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;\n};\n\nexport const FormDateTimePicker = ({\n  $rule: _$rule,\n  isSubmitting,\n  name,\n  error,\n  defaultValue,\n  onChange,\n  disabled,\n  ...props\n}: FormDateTimePickerProps) => {\n  const controllerProps =\n    defaultValue === undefined\n      ? {}\n      : { defaultValue: toFormDateTimeValue(defaultValue) };\n\n  return (\n    <Controller\n      name={name}\n      {...controllerProps}\n      render={({ field: { onChange: fieldOnChange, onBlur, value } }) => (\n        <DateTimePicker\n          name={name}\n          error={error}\n          disabled={disabled || isSubmitting}\n          value={toFormDateTimeValue(value)}\n          onBlur={onBlur}\n          {...props}\n          onChange={(date) => {\n            const formValue = toFormDateTimeValue(date);\n            fieldOnChange(formValue);\n            onChange?.(formValue ?? null);\n          }}\n        />\n      )}\n    />\n  );\n};\n\nFormDateTimePicker.displayName = 'Form.DateTimePicker';\n"],"mappings":"yKAsBA,MAAM,EACJ,GACwC,CACpC,OAAU,IAAA,GAUd,OATI,IAAU,MAAQ,OAAO,GAAU,SAAiB,EASjD,GAPM,EAAM,aAAa,CAOjB,GAND,OAAO,EAAM,UAAU,CAAG,EAAE,CAAC,SAAS,EAAG,IAAI,CAMnC,GALZ,OAAO,EAAM,SAAS,CAAC,CAAC,SAAS,EAAG,IAAI,CAKrB,GAJjB,OAAO,EAAM,UAAU,CAAC,CAAC,SAAS,EAAG,IAAI,CAIf,GAHxB,OAAO,EAAM,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,CAGR,GAFnC,OAAO,EAAM,YAAY,CAAC,CAAC,SAAS,EAAG,IAAI,IAKhD,GAAsB,CACjC,MAAO,EACP,eACA,OACA,QACA,eACA,WACA,WACA,GAAG,KAQD,EAAC,EAAD,CACQ,OACN,GAPF,IAAiB,IAAA,GACb,EAAE,CACF,CAAE,aAAc,EAAoB,EAAa,CAAE,CAMrD,QAAS,CAAE,MAAO,CAAE,SAAU,EAAe,SAAQ,YACnD,EAAC,EAAD,CACQ,OACC,QACP,SAAU,GAAY,EACtB,MAAO,EAAoB,EAAM,CACzB,SACR,GAAI,EACJ,SAAW,GAAS,CAClB,IAAM,EAAY,EAAoB,EAAK,CAC3C,EAAc,EAAU,CACxB,IAAW,GAAa,KAAK,EAE/B,CAAA,CAEJ,CAAA,CAIN,EAAmB,YAAc"}

package/dist/components/forms/controls/index.mjs

@@ -1,2 +1,2 @@
-import{FormAutocomplete as e}from"./FormAutocomplete.mjs";import{FormCheckbox as t}from"./FormCheckbox.mjs";import{FormCombobox as n}from"./FormCombobox.mjs";import{FormDropzone as r}from"./FormDropzone.mjs";import{FormDropzoneS3 as i}from"./FormDropzoneS3.mjs";import{FormFileInput as a}from"./FormFileInput.mjs";import{FormFileInputMultiple as o}from"./FormFileInputMultiple.mjs";import{FormHidden as s}from"./FormHidden.mjs";import{FormPassword as c}from"./FormPassword.mjs";import{FormSelect as l}from"./FormSelect.mjs";import{FormSubmit as u}from"./FormSubmit.mjs";import{FormTextarea as d}from"./FormTextarea.mjs";import{FormTextInput as f}from"./FormTextInput.mjs";const p=[u,f,d,c,s,t,l,n,e,a,o,r,i];export{p as controls};
+import{FormAutocomplete as e}from"./FormAutocomplete.mjs";import{FormCheckbox as t}from"./FormCheckbox.mjs";import{FormCombobox as n}from"./FormCombobox.mjs";import{FormDatePicker as r}from"./FormDatePicker.mjs";import{FormDateTimePicker as i}from"./FormDateTimePicker.mjs";import{FormDropzone as a}from"./FormDropzone.mjs";import{FormDropzoneS3 as o}from"./FormDropzoneS3.mjs";import{FormFileInput as s}from"./FormFileInput.mjs";import{FormFileInputMultiple as c}from"./FormFileInputMultiple.mjs";import{FormHidden as l}from"./FormHidden.mjs";import{FormPassword as u}from"./FormPassword.mjs";import{FormSelect as d}from"./FormSelect.mjs";import{FormSubmit as f}from"./FormSubmit.mjs";import{FormTextarea as p}from"./FormTextarea.mjs";import{FormTextInput as m}from"./FormTextInput.mjs";const h=[f,m,p,u,l,t,d,n,e,r,i,s,c,a,o];export{h as controls};
 //# sourceMappingURL=index.mjs.map

package/dist/components/forms/controls/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormAutocomplete } from './FormAutocomplete';\nimport { FormCheckbox } from './FormCheckbox';\nimport { FormCombobox } from './FormCombobox';\nimport { FormDropzone } from './FormDropzone';\nimport { FormDropzoneS3 } from './FormDropzoneS3';\nimport { FormFileInput } from './FormFileInput';\nimport { FormFileInputMultiple } from './FormFileInputMultiple';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSelect } from './FormSelect';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextarea } from './FormTextarea';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormTextarea,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n  FormSelect,\n  FormCombobox,\n  FormAutocomplete,\n  FormFileInput,\n  FormFileInputMultiple,\n  FormDropzone,\n  FormDropzoneS3,\n] as React.ComponentType[];\n"],"mappings":"gqBAcA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/forms/controls/index.ts"],"sourcesContent":["import { FormAutocomplete } from './FormAutocomplete';\nimport { FormCheckbox } from './FormCheckbox';\nimport { FormCombobox } from './FormCombobox';\nimport { FormDatePicker } from './FormDatePicker';\nimport { FormDateTimePicker } from './FormDateTimePicker';\nimport { FormDropzone } from './FormDropzone';\nimport { FormDropzoneS3 } from './FormDropzoneS3';\nimport { FormFileInput } from './FormFileInput';\nimport { FormFileInputMultiple } from './FormFileInputMultiple';\nimport { FormHidden } from './FormHidden';\nimport { FormPassword } from './FormPassword';\nimport { FormSelect } from './FormSelect';\nimport { FormSubmit } from './FormSubmit';\nimport { FormTextarea } from './FormTextarea';\nimport { FormTextInput } from './FormTextInput';\n\nexport const controls = [\n  FormSubmit,\n  FormTextInput,\n  FormTextarea,\n  FormPassword,\n  FormHidden,\n  FormCheckbox,\n  FormSelect,\n  FormCombobox,\n  FormAutocomplete,\n  FormDatePicker,\n  FormDateTimePicker,\n  FormFileInput,\n  FormFileInputMultiple,\n  FormDropzone,\n  FormDropzoneS3,\n] as React.ComponentType[];\n"],"mappings":"oxBAgBA,MAAa,EAAW,CACtB,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACA,EACD"}

package/dist/components/forms/controls/register-components.mjs

@@ -1,2 +1,2 @@
-"use client";import{Fragment as e,jsx as t}from"react/jsx-runtime";import{Children as n,cloneElement as r,isValidElement as i}from"react";const a=new Set([`Form.Password`,`Form.Checkbox`,`Form.Select`,`Form.Combobox`,`Form.Autocomplete`,`Form.Hidden`,`Form.FileInput`,`Form.FileInputMultiple`,`Form.Dropzone`,`Form.DropzoneS3`]),o=(e,t,n)=>{if(e)try{let r=JSON.parse(e),i={...r.bindings,attribute:t},a=n?n(r.key,i,r.fallback):r.fallback;return String(a).replace(/{attribute}/g,t)}catch{return e.replace(/{attribute}/g,t)}},s=({children:s,register:c,componentTypes:l,errors:u={},t:d})=>{let f=e=>n.map(e,e=>{if(!i(e))return e;let t=e.props;if(l.some(t=>e.type===t)){let n=t.name,i=u[n??``]?.message?.toString(),s=n?o(i,n,d):void 0,l=e.type.displayName;return r(e,{...n!==void 0&&!a.has(l??``)&&n?c(n):{},error:s})}return t.children?r(e,{children:f(t.children)}):e});return t(e,{children:f(s)})};export{s as RegisteredFormChildren};
+"use client";import{Fragment as e,jsx as t}from"react/jsx-runtime";import{Children as n,cloneElement as r,isValidElement as i}from"react";const a=new Set([`Form.Password`,`Form.Checkbox`,`Form.Select`,`Form.Combobox`,`Form.Autocomplete`,`Form.DatePicker`,`Form.DateTimePicker`,`Form.Hidden`,`Form.FileInput`,`Form.FileInputMultiple`,`Form.Dropzone`,`Form.DropzoneS3`]),o=(e,t,n)=>{if(e)try{let r=JSON.parse(e),i={...r.bindings,attribute:t},a=n?n(r.key,i,r.fallback):r.fallback;return String(a).replace(/{attribute}/g,t)}catch{return e.replace(/{attribute}/g,t)}},s=({children:s,register:c,componentTypes:l,errors:u={},t:d})=>{let f=e=>n.map(e,e=>{if(!i(e))return e;let t=e.props;if(l.some(t=>e.type===t)){let n=t.name,i=u[n??``]?.message?.toString(),s=n?o(i,n,d):void 0,l=e.type.displayName;return r(e,{...n!==void 0&&!a.has(l??``)&&n?c(n):{},error:s})}return t.children?r(e,{children:f(t.children)}):e});return t(e,{children:f(s)})};export{s as RegisteredFormChildren};
 //# sourceMappingURL=register-components.mjs.map

package/dist/components/forms/controls/register-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst controllerDisplayNames = new Set([\n  'Form.Password',\n  'Form.Checkbox',\n  'Form.Select',\n  'Form.Combobox',\n  'Form.Autocomplete',\n  'Form.Hidden',\n  'Form.FileInput',\n  'Form.FileInputMultiple',\n  'Form.Dropzone',\n  'Form.DropzoneS3',\n]);\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const fieldName = childProps.name;\n        const errorMessage = errors[fieldName ?? '']?.message?.toString();\n        const translatedError = fieldName\n          ? parseAndTranslate(errorMessage, fieldName, t)\n          : undefined;\n        const displayName = (\n          child.type as React.ComponentType & { displayName?: string }\n        ).displayName;\n        const shouldRegister =\n          fieldName !== undefined &&\n          !controllerDisplayNames.has(displayName ?? '');\n        const registrationProps =\n          shouldRegister && fieldName ? register(fieldName) : {};\n\n        return cloneElement(child, {\n          ...registrationProps,\n          error: translatedError,\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,EAAyB,IAAI,IAAI,CACrC,gBACA,gBACA,cACA,gBACA,oBACA,cACA,iBACA,yBACA,gBACA,kBACD,CAAC,CAEI,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAY,EAAW,KACvB,EAAe,EAAO,GAAa,KAAK,SAAS,UAAU,CAC3D,EAAkB,EACpB,EAAkB,EAAc,EAAW,EAAE,CAC7C,IAAA,GACE,EACJ,EAAM,KACN,YAOF,OAAO,EAAa,EAAO,CACzB,GANA,IAAc,IAAA,IACd,CAAC,EAAuB,IAAI,GAAe,GAAG,EAE5B,EAAY,EAAS,EAAU,CAAG,EAAE,CAItD,MAAO,EACR,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAI,CAAA"}
+{"version":3,"file":"register-components.mjs","names":[],"sources":["../../../../src/components/forms/controls/register-components.tsx"],"sourcesContent":["'use client';\n\nimport type React from 'react';\nimport { Children, cloneElement, isValidElement } from 'react';\nimport type { FieldErrors, UseFormRegister } from 'react-hook-form';\n\ninterface TranslationMessage {\n  key: string;\n  bindings: Record<string, string>;\n  fallback: string;\n}\n\nconst controllerDisplayNames = new Set([\n  'Form.Password',\n  'Form.Checkbox',\n  'Form.Select',\n  'Form.Combobox',\n  'Form.Autocomplete',\n  'Form.DatePicker',\n  'Form.DateTimePicker',\n  'Form.Hidden',\n  'Form.FileInput',\n  'Form.FileInputMultiple',\n  'Form.Dropzone',\n  'Form.DropzoneS3',\n]);\n\nconst parseAndTranslate = (\n  message: string | undefined,\n  fieldName: string,\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode,\n): string | undefined => {\n  if (!message) return undefined;\n\n  try {\n    const parsed: TranslationMessage = JSON.parse(message);\n    const bindings = { ...parsed.bindings, attribute: fieldName };\n    const result = t\n      ? t(parsed.key, bindings, parsed.fallback)\n      : parsed.fallback;\n    return String(result).replace(/{attribute}/g, fieldName);\n  } catch {\n    return message.replace(/{attribute}/g, fieldName);\n  }\n};\n\ninterface RegisteredFormChildrenProps {\n  children: React.ReactNode;\n  register: UseFormRegister<Record<string, unknown>>;\n  componentTypes: React.ComponentType[];\n  errors?: FieldErrors<Record<string, unknown>>;\n  t?: (\n    key: string,\n    bindings?: Record<string, string>,\n    fallback?: string,\n  ) => string | React.ReactNode;\n}\n\nexport const RegisteredFormChildren = ({\n  children,\n  register,\n  componentTypes,\n  errors = {},\n  t,\n}: RegisteredFormChildrenProps): React.ReactNode => {\n  const processChildren = (nodes: React.ReactNode): React.ReactNode => {\n    return Children.map(nodes, (child) => {\n      if (!isValidElement(child)) {\n        return child;\n      }\n\n      const childProps = child.props as {\n        name?: string;\n        children?: React.ReactNode;\n      };\n\n      if (\n        componentTypes.some((type: React.ComponentType) => child.type === type)\n      ) {\n        const fieldName = childProps.name;\n        const errorMessage = errors[fieldName ?? '']?.message?.toString();\n        const translatedError = fieldName\n          ? parseAndTranslate(errorMessage, fieldName, t)\n          : undefined;\n        const displayName = (\n          child.type as React.ComponentType & { displayName?: string }\n        ).displayName;\n        const shouldRegister =\n          fieldName !== undefined &&\n          !controllerDisplayNames.has(displayName ?? '');\n        const registrationProps =\n          shouldRegister && fieldName ? register(fieldName) : {};\n\n        return cloneElement(child, {\n          ...registrationProps,\n          error: translatedError,\n        } as Partial<typeof child.props>);\n      }\n\n      if (childProps.children) {\n        return cloneElement(child, {\n          children: processChildren(childProps.children),\n        } as Partial<typeof child.props>);\n      }\n\n      return child;\n    });\n  };\n\n  return <>{processChildren(children)}</>;\n};\n"],"mappings":"0IAYA,MAAM,EAAyB,IAAI,IAAI,CACrC,gBACA,gBACA,cACA,gBACA,oBACA,kBACA,sBACA,cACA,iBACA,yBACA,gBACA,kBACD,CAAC,CAEI,GACJ,EACA,EACA,IAKuB,CAClB,KAEL,GAAI,CACF,IAAM,EAA6B,KAAK,MAAM,EAAQ,CAChD,EAAW,CAAE,GAAG,EAAO,SAAU,UAAW,EAAW,CACvD,EAAS,EACX,EAAE,EAAO,IAAK,EAAU,EAAO,SAAS,CACxC,EAAO,SACX,OAAO,OAAO,EAAO,CAAC,QAAQ,eAAgB,EAAU,MAClD,CACN,OAAO,EAAQ,QAAQ,eAAgB,EAAU,GAgBxC,GAA0B,CACrC,WACA,WACA,iBACA,SAAS,EAAE,CACX,OACkD,CAClD,IAAM,EAAmB,GAChB,EAAS,IAAI,EAAQ,GAAU,CACpC,GAAI,CAAC,EAAe,EAAM,CACxB,OAAO,EAGT,IAAM,EAAa,EAAM,MAKzB,GACE,EAAe,KAAM,GAA8B,EAAM,OAAS,EAAK,CACvE,CACA,IAAM,EAAY,EAAW,KACvB,EAAe,EAAO,GAAa,KAAK,SAAS,UAAU,CAC3D,EAAkB,EACpB,EAAkB,EAAc,EAAW,EAAE,CAC7C,IAAA,GACE,EACJ,EAAM,KACN,YAOF,OAAO,EAAa,EAAO,CACzB,GANA,IAAc,IAAA,IACd,CAAC,EAAuB,IAAI,GAAe,GAAG,EAE5B,EAAY,EAAS,EAAU,CAAG,EAAE,CAItD,MAAO,EACR,CAAgC,CASnC,OANI,EAAW,SACN,EAAa,EAAO,CACzB,SAAU,EAAgB,EAAW,SAAS,CAC/C,CAAgC,CAG5B,GACP,CAGJ,OAAO,EAAA,EAAA,CAAA,SAAG,EAAgB,EAAS,CAAI,CAAA"}

package/dist/components/forms/rules/extract-form-rules.mjs

@@ -1,2 +1,2 @@
-import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(e,t)=>{if(!e.name||!e.$rule?.includes(`confirmed`))return;let n=e.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),r=n?.includes(`:`)?n.split(`:`)[1]:`${e.name}_confirmation`;t.confirmedFields.push({field:e.name,target:r})},o=(e,t)=>{e.name&&(e.$rule?.includes(`required`)?(t.rules[e.name]=i.boolean().optional().or(i.literal(!1)),t.requiredBooleanFields.push(e.name)):t.rules[e.name]=i.boolean().optional())},s=(e,a)=>{if(!e.name)return;let o=i.string(),s=e.$rule?e.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;s&&(o=r(s));let c=e.rules||(e.$rule?.includes(`password`)?t:[]);c.length>0&&(o=n(o,c));let l=!e.$rule||e.$rule.includes(`optional`)||s.includes(`optional`);a.rules[e.name]=l?o.optional():o},c=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().optional())},l=(e,t)=>{e.name&&(t.rules[e.name]=i.any().optional())},u=JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),d=(e,t,n)=>{e.name&&(e.$rule?.includes(`required`)?t.rules[e.name]=n?i.any().refine(e=>Array.isArray(e)&&e.length>0,{message:u}):i.any().refine(e=>e instanceof File,{message:u}):t.rules[e.name]=i.any().optional())},f=(e,t)=>t.confirmedFields.length===0&&t.requiredBooleanFields.length===0?e:e.superRefine((e,n)=>{t.confirmedFields.forEach(({field:t,target:r})=>{e[t]!==e[r]&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})}),t.requiredBooleanFields.forEach(t=>{e[t]!==!0&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),path:[t]})})}),p=(t,n)=>{let r={rules:{},confirmedFields:[],requiredBooleanFields:[]};return e(t,n).forEach(e=>{let t=e.props,n=e.type.displayName;t.name&&(a(t,r),n===`Form.Checkbox`?o(t,r):n===`Form.Password`?s(t,r):n===`Form.Select`||n===`Form.Combobox`||n===`Form.Autocomplete`?l(t,r):n===`Form.FileInput`?d(t,r,!1):n===`Form.FileInputMultiple`||n===`Form.Dropzone`||n===`Form.DropzoneS3`?d(t,r,!0):c(t,r))}),f(i.object(r.rules).loose(),r)};export{p as extractFormRules};
+import{findFormComponents as e}from"../controls/find-form-components.mjs";import{PASSWORD_RULES as t}from"./password-rules.mjs";import n from"./password.mjs";import{parseRules as r}from"./zod.mjs";import{z as i}from"zod";const a=(e,t)=>{if(!e.name||!e.$rule?.includes(`confirmed`))return;let n=e.$rule.split(`|`).find(e=>e.startsWith(`confirmed`)),r=n?.includes(`:`)?n.split(`:`)[1]:`${e.name}_confirmation`;t.confirmedFields.push({field:e.name,target:r})},o=(e,t)=>{e.name&&(e.$rule?.includes(`required`)?(t.rules[e.name]=i.boolean().optional().or(i.literal(!1)),t.requiredBooleanFields.push(e.name)):t.rules[e.name]=i.boolean().optional())},s=(e,a)=>{if(!e.name)return;let o=i.string(),s=e.$rule?e.$rule.split(`|`).filter(e=>e.trim()!==`password`).join(`|`):``;s&&(o=r(s));let c=e.rules||(e.$rule?.includes(`password`)?t:[]);c.length>0&&(o=n(o,c));let l=!e.$rule||e.$rule.includes(`optional`)||s.includes(`optional`);a.rules[e.name]=l?o.optional():o},c=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().optional())},l=(e,t)=>{e.name&&(t.rules[e.name]=i.any().optional())},u=(e,t)=>{e.name&&(t.rules[e.name]=e.$rule?r(e.$rule):i.string().nullable().optional())},d=JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),f=(e,t,n)=>{e.name&&(e.$rule?.includes(`required`)?t.rules[e.name]=n?i.any().refine(e=>Array.isArray(e)&&e.length>0,{message:d}):i.any().refine(e=>e instanceof File,{message:d}):t.rules[e.name]=i.any().optional())},p=(e,t)=>t.confirmedFields.length===0&&t.requiredBooleanFields.length===0?e:e.superRefine((e,n)=>{t.confirmedFields.forEach(({field:t,target:r})=>{e[t]!==e[r]&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`confirmed`,fallback:`La confirmación no coincide.`,bindings:{}}),path:[r]})}),t.requiredBooleanFields.forEach(t=>{e[t]!==!0&&n.addIssue({code:i.ZodIssueCode.custom,message:JSON.stringify({key:`required`,fallback:`El campo {attribute} es obligatorio.`,bindings:{}}),path:[t]})})}),m=(t,n)=>{let r={rules:{},confirmedFields:[],requiredBooleanFields:[]};return e(t,n).forEach(e=>{let t=e.props,n=e.type.displayName;t.name&&(a(t,r),n===`Form.Checkbox`?o(t,r):n===`Form.Password`?s(t,r):n===`Form.Select`||n===`Form.Combobox`||n===`Form.Autocomplete`?l(t,r):n===`Form.DatePicker`||n===`Form.DateTimePicker`?u(t,r):n===`Form.FileInput`?f(t,r,!1):n===`Form.FileInputMultiple`||n===`Form.Dropzone`||n===`Form.DropzoneS3`?f(t,r,!0):c(t,r))}),p(i.object(r.rules).loose(),r)};export{m as extractFormRules};
 //# sourceMappingURL=extract-form-rules.mjs.map

package/dist/components/forms/rules/extract-form-rules.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\ntype FormRuleContext = {\n  rules: Record<string, ZodTypeAny>;\n  confirmedFields: { field: string; target: string }[];\n  requiredBooleanFields: string[];\n};\n\ntype ComponentProps = {\n  name?: string;\n  $rule?: string;\n  rules?: PasswordRuleDefinition[];\n};\n\nconst processConfirmedRule = (\n  props: ComponentProps,\n  context: FormRuleContext,\n) => {\n  if (!props.name || !props.$rule?.includes('confirmed')) return;\n\n  const rulesList = props.$rule.split('|');\n  const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n  const target = confirmedRule?.includes(':')\n    ? confirmedRule.split(':')[1]\n    : `${props.name}_confirmation`;\n\n  context.confirmedFields.push({ field: props.name, target });\n};\n\nconst processCheckbox = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = z.boolean().optional().or(z.literal(false));\n    context.requiredBooleanFields.push(props.name);\n  } else {\n    context.rules[props.name] = z.boolean().optional();\n  }\n};\n\nconst processPassword = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  let baseSchema: ZodTypeAny = z.string();\n  const otherRules = props.$rule\n    ? props.$rule\n        .split('|')\n        .filter((r) => r.trim() !== 'password')\n        .join('|')\n    : '';\n\n  if (otherRules) {\n    baseSchema = parseRules(otherRules);\n  }\n\n  const passwordRules =\n    props.rules || (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n  if (passwordRules.length > 0) {\n    baseSchema = passwordRule(baseSchema, passwordRules);\n  }\n\n  const isOptional =\n    !props.$rule ||\n    props.$rule.includes('optional') ||\n    otherRules.includes('optional');\n\n  context.rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n};\n\nconst processDefault = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().optional();\n};\n\nconst processDropdown = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = z.any().optional();\n};\n\nconst requiredMessage = JSON.stringify({\n  key: 'required',\n  fallback: 'El campo {attribute} es obligatorio.',\n  bindings: {},\n});\n\nconst processFileInput = (\n  props: ComponentProps,\n  context: FormRuleContext,\n  multiple: boolean,\n) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = multiple\n      ? z.any().refine((val) => Array.isArray(val) && val.length > 0, {\n          message: requiredMessage,\n        })\n      : z\n          .any()\n          .refine((val) => val instanceof File, { message: requiredMessage });\n  } else {\n    context.rules[props.name] = z.any().optional();\n  }\n};\n\nconst applyRefinements = (\n  schema: z.ZodObject<FieldValues>,\n  context: FormRuleContext,\n) => {\n  if (\n    context.confirmedFields.length === 0 &&\n    context.requiredBooleanFields.length === 0\n  ) {\n    return schema;\n  }\n\n  return schema.superRefine((data, ctx) => {\n    context.confirmedFields.forEach(({ field, target }) => {\n      if (data[field] !== data[target]) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'confirmed',\n            fallback: 'La confirmación no coincide.',\n            bindings: {},\n          }),\n          path: [target],\n        });\n      }\n    });\n\n    context.requiredBooleanFields.forEach((field) => {\n      if (data[field] !== true) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'required',\n            fallback: 'El campo {attribute} es obligatorio.',\n            bindings: {},\n          }),\n          path: [field],\n        });\n      }\n    });\n  });\n};\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const context: FormRuleContext = {\n    rules: {},\n    confirmedFields: [],\n    requiredBooleanFields: [],\n  };\n\n  const components = findFormComponents(children, componentTypes);\n\n  components.forEach((component) => {\n    const props = component.props as ComponentProps;\n    const displayName = (component.type as { displayName?: string })\n      .displayName;\n\n    if (props.name) {\n      processConfirmedRule(props, context);\n\n      if (displayName === 'Form.Checkbox') {\n        processCheckbox(props, context);\n      } else if (displayName === 'Form.Password') {\n        processPassword(props, context);\n      } else if (\n        displayName === 'Form.Select' ||\n        displayName === 'Form.Combobox' ||\n        displayName === 'Form.Autocomplete'\n      ) {\n        processDropdown(props, context);\n      } else if (displayName === 'Form.FileInput') {\n        processFileInput(props, context, false);\n      } else if (\n        displayName === 'Form.FileInputMultiple' ||\n        displayName === 'Form.Dropzone' ||\n        displayName === 'Form.DropzoneS3'\n      ) {\n        processFileInput(props, context, true);\n      } else {\n        processDefault(props, context);\n      }\n    }\n  });\n\n  return applyRefinements(z.object(context.rules).loose(), context);\n};\n"],"mappings":"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"}
+{"version":3,"file":"extract-form-rules.mjs","names":["passwordRule"],"sources":["../../../../src/components/forms/rules/extract-form-rules.ts"],"sourcesContent":["import type React from 'react';\nimport type { FieldValues } from 'react-hook-form';\nimport { type ZodTypeAny, z } from 'zod';\n\nimport type { PasswordRuleDefinition } from '@/components/controls/password-input/usePasswordRules';\n\nimport { findFormComponents } from '../controls/find-form-components';\nimport passwordRule from './password';\nimport { PASSWORD_RULES } from './password-rules';\nimport { parseRules } from './zod';\n\ntype FormRuleContext = {\n  rules: Record<string, ZodTypeAny>;\n  confirmedFields: { field: string; target: string }[];\n  requiredBooleanFields: string[];\n};\n\ntype ComponentProps = {\n  name?: string;\n  $rule?: string;\n  rules?: PasswordRuleDefinition[];\n};\n\nconst processConfirmedRule = (\n  props: ComponentProps,\n  context: FormRuleContext,\n) => {\n  if (!props.name || !props.$rule?.includes('confirmed')) return;\n\n  const rulesList = props.$rule.split('|');\n  const confirmedRule = rulesList.find((r) => r.startsWith('confirmed'));\n  const target = confirmedRule?.includes(':')\n    ? confirmedRule.split(':')[1]\n    : `${props.name}_confirmation`;\n\n  context.confirmedFields.push({ field: props.name, target });\n};\n\nconst processCheckbox = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = z.boolean().optional().or(z.literal(false));\n    context.requiredBooleanFields.push(props.name);\n  } else {\n    context.rules[props.name] = z.boolean().optional();\n  }\n};\n\nconst processPassword = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n\n  let baseSchema: ZodTypeAny = z.string();\n  const otherRules = props.$rule\n    ? props.$rule\n        .split('|')\n        .filter((r) => r.trim() !== 'password')\n        .join('|')\n    : '';\n\n  if (otherRules) {\n    baseSchema = parseRules(otherRules);\n  }\n\n  const passwordRules =\n    props.rules || (props.$rule?.includes('password') ? PASSWORD_RULES : []);\n\n  if (passwordRules.length > 0) {\n    baseSchema = passwordRule(baseSchema, passwordRules);\n  }\n\n  const isOptional =\n    !props.$rule ||\n    props.$rule.includes('optional') ||\n    otherRules.includes('optional');\n\n  context.rules[props.name] = isOptional ? baseSchema.optional() : baseSchema;\n};\n\nconst processDefault = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().optional();\n};\n\nconst processDropdown = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = z.any().optional();\n};\n\nconst processDatePicker = (props: ComponentProps, context: FormRuleContext) => {\n  if (!props.name) return;\n  context.rules[props.name] = props.$rule\n    ? parseRules(props.$rule)\n    : z.string().nullable().optional();\n};\n\nconst requiredMessage = JSON.stringify({\n  key: 'required',\n  fallback: 'El campo {attribute} es obligatorio.',\n  bindings: {},\n});\n\nconst processFileInput = (\n  props: ComponentProps,\n  context: FormRuleContext,\n  multiple: boolean,\n) => {\n  if (!props.name) return;\n\n  if (props.$rule?.includes('required')) {\n    context.rules[props.name] = multiple\n      ? z.any().refine((val) => Array.isArray(val) && val.length > 0, {\n          message: requiredMessage,\n        })\n      : z\n          .any()\n          .refine((val) => val instanceof File, { message: requiredMessage });\n  } else {\n    context.rules[props.name] = z.any().optional();\n  }\n};\n\nconst applyRefinements = (\n  schema: z.ZodObject<FieldValues>,\n  context: FormRuleContext,\n) => {\n  if (\n    context.confirmedFields.length === 0 &&\n    context.requiredBooleanFields.length === 0\n  ) {\n    return schema;\n  }\n\n  return schema.superRefine((data, ctx) => {\n    context.confirmedFields.forEach(({ field, target }) => {\n      if (data[field] !== data[target]) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'confirmed',\n            fallback: 'La confirmación no coincide.',\n            bindings: {},\n          }),\n          path: [target],\n        });\n      }\n    });\n\n    context.requiredBooleanFields.forEach((field) => {\n      if (data[field] !== true) {\n        ctx.addIssue({\n          code: z.ZodIssueCode.custom,\n          message: JSON.stringify({\n            key: 'required',\n            fallback: 'El campo {attribute} es obligatorio.',\n            bindings: {},\n          }),\n          path: [field],\n        });\n      }\n    });\n  });\n};\n\nexport const extractFormRules = (\n  children: React.ReactNode,\n  componentTypes: React.ComponentType[],\n): ZodTypeAny => {\n  const context: FormRuleContext = {\n    rules: {},\n    confirmedFields: [],\n    requiredBooleanFields: [],\n  };\n\n  const components = findFormComponents(children, componentTypes);\n\n  components.forEach((component) => {\n    const props = component.props as ComponentProps;\n    const displayName = (component.type as { displayName?: string })\n      .displayName;\n\n    if (props.name) {\n      processConfirmedRule(props, context);\n\n      if (displayName === 'Form.Checkbox') {\n        processCheckbox(props, context);\n      } else if (displayName === 'Form.Password') {\n        processPassword(props, context);\n      } else if (\n        displayName === 'Form.Select' ||\n        displayName === 'Form.Combobox' ||\n        displayName === 'Form.Autocomplete'\n      ) {\n        processDropdown(props, context);\n      } else if (\n        displayName === 'Form.DatePicker' ||\n        displayName === 'Form.DateTimePicker'\n      ) {\n        processDatePicker(props, context);\n      } else if (displayName === 'Form.FileInput') {\n        processFileInput(props, context, false);\n      } else if (\n        displayName === 'Form.FileInputMultiple' ||\n        displayName === 'Form.Dropzone' ||\n        displayName === 'Form.DropzoneS3'\n      ) {\n        processFileInput(props, context, true);\n      } else {\n        processDefault(props, context);\n      }\n    }\n  });\n\n  return applyRefinements(z.object(context.rules).loose(), context);\n};\n"],"mappings":"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"}

package/dist/components/index.d.mts

@@ -49,7 +49,8 @@ import { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, Up
 import { UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps } from "./data-display/uploading-files/UploadingFiles.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./controls/avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./controls/checkbox/Checkbox.mjs";
-import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.mjs";
+import { DatePicker, DatePickerClassNames, DatePickerDate, DatePickerProps, DatePickerValue } from "./controls/date-picker/DatePicker.mjs";
+import { DateTimePicker, DateTimePickerClassNames, DateTimePickerDate, DateTimePickerProps, DateTimePickerValue } from "./controls/date-time-picker/DateTimePicker.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./misc/horizontal-divider/HorizontalDivider.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./misc/virtual/Virtual.mjs";

package/dist/index.d.mts

@@ -49,7 +49,8 @@ import { UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, Up
 import { UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps } from "./components/data-display/uploading-files/UploadingFiles.mjs";
 import { AvatarUpload, AvatarUploadProps } from "./components/controls/avatar-upload/AvatarUpload.mjs";
 import { Checkbox, CheckboxProps } from "./components/controls/checkbox/Checkbox.mjs";
-import { DatePicker, DatePickerProps } from "./components/controls/date-picker/DatePicker.mjs";
+import { DatePicker, DatePickerClassNames, DatePickerDate, DatePickerProps, DatePickerValue } from "./components/controls/date-picker/DatePicker.mjs";
+import { DateTimePicker, DateTimePickerClassNames, DateTimePickerDate, DateTimePickerProps, DateTimePickerValue } from "./components/controls/date-time-picker/DateTimePicker.mjs";
 import { HorizontalDivider, HorizontalDividerProps } from "./components/misc/horizontal-divider/HorizontalDivider.mjs";
 import { ScrollAreaAutosize, ScrollAreaAutosizeProps } from "./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";
 import { Virtual, VirtualItem, VirtualPadding, VirtualProps } from "./components/misc/virtual/Virtual.mjs";
@@ -93,4 +94,4 @@ import { Modals } from "./components/overlays/modal/index.mjs";
 import { Toast, ToastIntent, ToastOptions, ToastProviderProps } from "./components/overlays/toast/Toast.mjs";
 import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs";
 import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
-export { Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarDropzoneS3, AvatarDropzoneS3Props, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, DocumentItem, DocumentItemProps, Dropzone, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileIcon, FileIconProps, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FileMetadata, FluidGrid, FluidGridProps, Form, FormDropzoneS3Props, FormProps, FormS3Context, FormS3ContextValue, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ResourceItem, ResourceItemProps, RowSelectionState, S3FileMeta, S3InitBody, S3InitResponse, S3UploadCallback, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadTarget, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, useFormS3Context, usePasswordRules, z };
+export { Autocomplete, AutocompleteProps, Avatar, AvatarDropzone, AvatarDropzoneProps, AvatarDropzoneS3, AvatarDropzoneS3Props, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFeedback, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerClassNames, DatePickerDate, DatePickerProps, DatePickerValue, DateTimePicker, DateTimePickerClassNames, DateTimePickerDate, DateTimePickerProps, DateTimePickerValue, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, DocumentItem, DocumentItemProps, Dropzone, DropzoneProps, DropzoneS3, DropzoneS3Props, DropzoneS3Texts, ExpandedState, FileData, FileIcon, FileIconProps, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FileMetadata, FluidGrid, FluidGridProps, Form, FormDropzoneS3Props, FormProps, FormS3Context, FormS3ContextValue, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, NavigationMenu, NavigationMenuProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ResourceItem, ResourceItemProps, RowSelectionState, S3FileMeta, S3InitBody, S3InitResponse, S3UploadCallback, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastIntent, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadTarget, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, UploadedFiles, UploadedFilesClassNames, UploadedFilesItemClassNames, UploadedFilesItemProps, UploadedFilesProps, UploadingFiles, UploadingFilesClassNames, UploadingFilesItemClassNames, UploadingFilesItemErrorClassNames, UploadingFilesItemErrorProps, UploadingFilesItemProps, UploadingFilesProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, getFileExtension, useDataTableContext, useFormS3Context, usePasswordRules, z };

package/dist/index.mjs

@@ -1 +1 @@
-import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{Avatar as i}from"./components/data-display/avatar/Avatar.mjs";import{Badge as a}from"./components/data-display/badge/Badge.mjs";import{Tooltip as o}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as s}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as c}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as l}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as u}from"./components/data-display/table/Table.mjs";import{IconRaw as d}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as f}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as p,DataTableContextProvider as m,useDataTableContext as h}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as g}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as _}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as v}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as y}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as b}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as x}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as S}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as C}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as w}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as T}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as E}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as D}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as O}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as k}from"./components/data-display/description-list/DescriptionList.mjs";import{FileIcon as A}from"./components/data-display/file-icon/FileIcon.mjs";import{ResourceItem as j}from"./components/data-display/resource-item/ResourceItem.mjs";import{DocumentItem as M}from"./components/data-display/document-item/DocumentItem.mjs";import{IconSvg as N}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as P}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadedFiles as G}from"./components/data-display/uploaded-files/UploadedFiles.mjs";import{UploadingFiles as K}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as q}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as J}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as Y}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as X}from"./components/overlays/modal/Modal.mjs";import{Modals as Z}from"./components/overlays/modal/index.mjs";import{Toast as Q}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as $}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as ee}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as te}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as ne}from"./components/controls/dropdown/combobox/Combobox.mjs";import{AvatarDropzone as re}from"./components/controls/dropzone/avatar/AvatarDropzone.mjs";import{getFileExtension as ie}from"./components/controls/dropzone/use-s3-upload.mjs";import{AvatarDropzoneS3 as ae}from"./components/controls/dropzone/avatar/AvatarDropzoneS3.mjs";import{Dropzone as oe}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as se}from"./components/controls/dropzone/DropzoneS3.mjs";import{FileInput as ce}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as le}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as ue}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as de}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as fe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as pe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as me}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as he}from"./components/controls/switch/Switch.mjs";import{Textarea as ge}from"./components/controls/textarea/Textarea.mjs";import{FormS3Context as _e,useFormS3Context as ve}from"./components/forms/FormS3Context.mjs";import{PASSWORD_RULES as ye}from"./components/forms/rules/password-rules.mjs";import{z as be}from"./components/forms/rules/zod.mjs";import{Form as xe}from"./components/forms/Form.mjs";import{Card as Se,CardBase as Ce,CardBody as we,CardFooter as Te,CardHeader as Ee,CardRoot as De}from"./components/layouts/card/Card.mjs";import{FluidGrid as Oe}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as ke}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as Ae}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as je}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Me}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Ne}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Pe}from"./providers/MageUiProvider.mjs";export{te as Autocomplete,i as Avatar,re as AvatarDropzone,ae as AvatarDropzoneS3,$ as AvatarUpload,a as Badge,Ae as Breadcrumbs,e as Button,n as ButtonAction,q as ButtonIcon,J as ButtonIconVisual,r as ButtonLoader,Y as ButtonVisual,s as Calendar,Se as Card,Ce as CardBase,we as CardBody,Te as CardFooter,Ee as CardHeader,De as CardRoot,g as Checkbox,ne as Combobox,p as DEFAULT_DATA_TABLE_LABELS,_ as DataTable,E as DataTableBottomSlot,m as DataTableContextProvider,D as DataTableFeedback,C as DataTablePageSize,T as DataTablePagination,O as DataTableTopSlot,ee as DatePicker,k as DescriptionList,M as DocumentItem,oe as Dropzone,se as DropzoneS3,A as FileIcon,ce as FileInput,le as FileInputMultiple,Oe as FluidGrid,xe as Form,_e as FormS3Context,ke as Grid,v as HorizontalDivider,f as Icon,d as IconRaw,N as IconSvg,x as IconWrapped,P as Indicator,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,Pe as MageUiProvider,je as Menu,X as Modal,Z as Modals,Me as NavigationMenu,z as NotificationBanner,ye as PASSWORD_RULES,w as Pagination,ue as PasswordInput,de as PasswordStrengthInput,pe as Radio,B as RemovableItem,j as ResourceItem,l as ScrollArea,y as ScrollAreaAutosize,S as Select,Ne as Sidebar,he as Switch,me as SwitchGroup,u as Table,H as Tag,V as TagGroup,b as TextInput,ge as Textarea,Q as Toast,o as Tooltip,U as UploadedFile,W as UploadedFileDetails,G as UploadedFiles,K as UploadingFiles,c as Virtual,t as VisuallyHidden,ie as getFileExtension,h as useDataTableContext,ve as useFormS3Context,fe as usePasswordRules,be as z};
+import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{Avatar as i}from"./components/data-display/avatar/Avatar.mjs";import{Badge as a}from"./components/data-display/badge/Badge.mjs";import{Tooltip as o}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as s}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as c}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as l}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as u}from"./components/data-display/table/Table.mjs";import{IconRaw as d}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as f}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as p,DataTableContextProvider as m,useDataTableContext as h}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as g}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as _}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as v}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as y}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as b}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as x}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as S}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as C}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as w}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as T}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as E}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableFeedback as D}from"./components/data-display/datatables/DataTableFeedback.mjs";import{DataTableTopSlot as O}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as k}from"./components/data-display/description-list/DescriptionList.mjs";import{FileIcon as A}from"./components/data-display/file-icon/FileIcon.mjs";import{ResourceItem as j}from"./components/data-display/resource-item/ResourceItem.mjs";import{DocumentItem as M}from"./components/data-display/document-item/DocumentItem.mjs";import{IconSvg as N}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as P}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as F}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as I}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as L}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as R}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as z}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as B}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as V}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as H}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as U}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as W}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{UploadedFiles as G}from"./components/data-display/uploaded-files/UploadedFiles.mjs";import{UploadingFiles as K}from"./components/data-display/uploading-files/UploadingFiles.mjs";import{ButtonIcon as q}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as J}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as Y}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as X}from"./components/overlays/modal/Modal.mjs";import{Modals as Z}from"./components/overlays/modal/index.mjs";import{Toast as Q}from"./components/overlays/toast/Toast.mjs";import{AvatarUpload as $}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as ee}from"./components/controls/date-picker/DatePicker.mjs";import{DateTimePicker as te}from"./components/controls/date-time-picker/DateTimePicker.mjs";import{Autocomplete as ne}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as re}from"./components/controls/dropdown/combobox/Combobox.mjs";import{AvatarDropzone as ie}from"./components/controls/dropzone/avatar/AvatarDropzone.mjs";import{getFileExtension as ae}from"./components/controls/dropzone/use-s3-upload.mjs";import{AvatarDropzoneS3 as oe}from"./components/controls/dropzone/avatar/AvatarDropzoneS3.mjs";import{Dropzone as se}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneS3 as ce}from"./components/controls/dropzone/DropzoneS3.mjs";import{FileInput as le}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ue}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as de}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as fe}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as pe}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as me}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as he}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ge}from"./components/controls/switch/Switch.mjs";import{Textarea as _e}from"./components/controls/textarea/Textarea.mjs";import{FormS3Context as ve,useFormS3Context as ye}from"./components/forms/FormS3Context.mjs";import{PASSWORD_RULES as be}from"./components/forms/rules/password-rules.mjs";import{z as xe}from"./components/forms/rules/zod.mjs";import{Form as Se}from"./components/forms/Form.mjs";import{Card as Ce,CardBase as we,CardBody as Te,CardFooter as Ee,CardHeader as De,CardRoot as Oe}from"./components/layouts/card/Card.mjs";import{FluidGrid as ke}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as Ae}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as je}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Me}from"./components/navigations/menu/Menu.mjs";import{NavigationMenu as Ne}from"./components/navigations/navigation-menu/NavigationMenu.mjs";import{Sidebar as Pe}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as Fe}from"./providers/MageUiProvider.mjs";export{ne as Autocomplete,i as Avatar,ie as AvatarDropzone,oe as AvatarDropzoneS3,$ as AvatarUpload,a as Badge,je as Breadcrumbs,e as Button,n as ButtonAction,q as ButtonIcon,J as ButtonIconVisual,r as ButtonLoader,Y as ButtonVisual,s as Calendar,Ce as Card,we as CardBase,Te as CardBody,Ee as CardFooter,De as CardHeader,Oe as CardRoot,g as Checkbox,re as Combobox,p as DEFAULT_DATA_TABLE_LABELS,_ as DataTable,E as DataTableBottomSlot,m as DataTableContextProvider,D as DataTableFeedback,C as DataTablePageSize,T as DataTablePagination,O as DataTableTopSlot,ee as DatePicker,te as DateTimePicker,k as DescriptionList,M as DocumentItem,se as Dropzone,ce as DropzoneS3,A as FileIcon,le as FileInput,ue as FileInputMultiple,ke as FluidGrid,Se as Form,ve as FormS3Context,Ae as Grid,v as HorizontalDivider,f as Icon,d as IconRaw,N as IconSvg,x as IconWrapped,P as Indicator,F as LoaderDot,I as LoaderOval,L as LogoImage,R as LogoSvg,Fe as MageUiProvider,Me as Menu,X as Modal,Z as Modals,Ne as NavigationMenu,z as NotificationBanner,be as PASSWORD_RULES,w as Pagination,de as PasswordInput,fe as PasswordStrengthInput,me as Radio,B as RemovableItem,j as ResourceItem,l as ScrollArea,y as ScrollAreaAutosize,S as Select,Pe as Sidebar,ge as Switch,he as SwitchGroup,u as Table,H as Tag,V as TagGroup,b as TextInput,_e as Textarea,Q as Toast,o as Tooltip,U as UploadedFile,W as UploadedFileDetails,G as UploadedFiles,K as UploadingFiles,c as Virtual,t as VisuallyHidden,ae as getFileExtension,h as useDataTableContext,ye as useFormS3Context,pe as usePasswordRules,xe as z};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mage-ui/components",
-  "version": "1.0.137",
+  "version": "1.0.139",
   "private": false,
   "description": "",
   "keywords": [],
@@ -25,8 +25,8 @@
     "rimraf": "^6.1.3",
     "tsdown": "^0.21.4",
     "typescript": "^5.9.3",
-    "@mage-ui/styled-system": "1.0.8",
-    "@mage-ui/preset": "1.0.137"
+    "@mage-ui/preset": "1.0.139",
+    "@mage-ui/styled-system": "1.0.8"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.3.1",