maquinaweb-ui 2.71.0 → 2.72.1

package/dist/container-animation/container-animation.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 
 //#region src/components/container-animation/container-animation.d.ts
 type ContainerAnimationProps<T extends ElementType = 'div'> = ComponentProps<'div'> & ComponentProps<T> & {
@@ -23,7 +23,7 @@ declare const ContainerAnimation: <T extends ElementType = "div">({
   distance,
   hideNotInView,
   ...props
-}: ContainerAnimationProps<T>) => react_jsx_runtime3.JSX.Element;
+}: ContainerAnimationProps<T>) => react_jsx_runtime1.JSX.Element;
 //#endregion
 export { ContainerAnimation, ContainerAnimationProps };
 //# sourceMappingURL=container-animation.d.ts.map

package/dist/date-hour-field/DateHourField.d.ts

@@ -1,5 +1,5 @@
 import { FieldPath, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { Matcher } from "react-day-picker";
 
 //#region src/components/date-hour-field/DateHourField.d.ts
@@ -29,7 +29,7 @@ declare function DateHourField<TFieldValues extends FieldValues = FieldValues, T
   help,
   hourPlaceholder,
   valueType
-}: DateHourFieldProps<TFieldValues, TFieldName>): react_jsx_runtime1.JSX.Element;
+}: DateHourFieldProps<TFieldValues, TFieldName>): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DateHourField, DateHourFieldProps };
 //# sourceMappingURL=DateHourField.d.ts.map

package/dist/landing-text/client-landing-text.js

@@ -8,6 +8,7 @@ import { useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Check, Loader2, X } from "lucide-react";
 import { Slot } from "@radix-ui/react-slot";
+import { flushSync } from "react-dom";
 
 //#region src/components/landing-text/client-landing-text.tsx
 function labelFromKey(value) {
@@ -17,20 +18,26 @@ function labelFromKey(value) {
 function normalizeBaseUrl(baseUrl) {
 	return baseUrl.endsWith("/") ? baseUrl.slice(0, -1) : baseUrl;
 }
-function getCookieValue(name) {
-	if (typeof document === "undefined") return;
-	const key = `${encodeURIComponent(name)}=`;
-	const cookies = document.cookie ? document.cookie.split("; ") : [];
-	for (const cookie of cookies) {
-		if (!cookie.startsWith(key)) continue;
-		return decodeURIComponent(cookie.slice(key.length));
-	}
+function parseCookies(cookieHeader) {
+	return cookieHeader.split(";").map((part) => part.trim()).filter(Boolean).reduce((acc, part) => {
+		const separatorIndex = part.indexOf("=");
+		if (separatorIndex < 0) return acc;
+		const name = decodeURIComponent(part.slice(0, separatorIndex));
+		acc[name] = decodeURIComponent(part.slice(separatorIndex + 1));
+		return acc;
+	}, {});
+}
+function getTokenCookieValue() {
+	if (typeof document === "undefined" || !document.cookie) return;
+	const rawToken = parseCookies(document.cookie).token;
+	if (!rawToken) return;
+	return rawToken.trim().replace(/^"|"$/g, "").replace(/^Token\s+/i, "");
 }
 async function persistLandingContent(item, value) {
 	const baseUrl = String(process.env.NEXT_PUBLIC_BASE_URL || "");
-	const organization = process.env.NEXT_PUBLIC_ORGANIZATION_ID || "";
+	const organization = String(process.env.NEXT_PUBLIC_ORGANIZATION_ID || "").trim();
 	if (!baseUrl) return;
-	const token = getCookieValue("token");
+	const token = getTokenCookieValue();
 	if (!token || !organization) throw new Error("Credenciais de edição indisponíveis para salvar conteúdo.");
 	if (!(await fetch(`${normalizeBaseUrl(baseUrl)}/landing-page-contents/upsert/`, {
 		method: "POST",
@@ -54,44 +61,81 @@ async function persistLandingContent(item, value) {
 	})).ok) throw new Error("Nao foi possivel salvar o conteudo.");
 	await refreshTag(`landing-page-content-${item.pageKey}`);
 }
+function normalizeEditableText(value) {
+	return value.replace(/\u00a0/g, " ").replace(/\s+/g, " ").trim();
+}
+function suppressNextDocumentClick() {
+	if (typeof document === "undefined") return;
+	document.addEventListener("click", (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		event.stopImmediatePropagation();
+	}, {
+		capture: true,
+		once: true
+	});
+}
 function ClientLandingText({ item, editable = false, children }) {
 	const [isEditing, setIsEditing] = useState(false);
 	const [isSaving, setIsSaving] = useState(false);
 	const [currentValue, setCurrentValue] = useState(item.value);
 	const [draftValue, setDraftValue] = useState(item.value);
+	const containerRef = useRef(null);
 	const ref = useRef(null);
+	const closeEditing = (value) => {
+		if (ref.current) ref.current.innerText = value;
+		setDraftValue(value);
+		setIsEditing(false);
+	};
 	const handleEdit = (event) => {
-		if (!editable || isSaving) return;
-		event.preventDefault();
 		event.stopPropagation();
-		setDraftValue(ref.current?.innerText ?? currentValue);
-		setIsEditing(true);
-		requestAnimationFrame(() => {
-			ref.current?.focus();
+		if (!editable || isSaving || isEditing) return;
+		const element = event.currentTarget;
+		ref.current = element;
+		suppressNextDocumentClick();
+		const nextDraft = element.innerText || currentValue;
+		flushSync(() => {
+			setDraftValue(nextDraft);
+			setIsEditing(true);
 		});
 	};
-	const handleCancel = () => {
-		if (ref.current) ref.current.innerText = currentValue;
-		setDraftValue(currentValue);
-		setIsEditing(false);
+	const handleCancel = (event) => {
+		event.preventDefault();
+		event.stopPropagation();
+		closeEditing(currentValue);
 	};
-	const handleSave = async () => {
+	const handleSave = async (event) => {
+		event.preventDefault();
+		event.stopPropagation();
 		try {
 			setIsSaving(true);
 			await persistLandingContent(item, draftValue);
 			setCurrentValue(draftValue);
-			if (ref.current) ref.current.innerText = draftValue;
-			setIsEditing(false);
+			closeEditing(draftValue);
 		} finally {
 			setIsSaving(false);
 		}
 	};
 	const handleInput = (event) => {
 		if (!isEditing) return;
+		ref.current = event.currentTarget;
 		setDraftValue(event.currentTarget.innerText);
 	};
+	const handleBlur = (event) => {
+		if (!isEditing || isSaving) return;
+		const container = containerRef.current;
+		const nextFocused = event.relatedTarget;
+		if (container && nextFocused instanceof Node && container.contains(nextFocused)) return;
+		const liveValue = event.currentTarget.innerText;
+		if (normalizeEditableText(liveValue) !== normalizeEditableText(currentValue)) {
+			if (liveValue !== draftValue) setDraftValue(liveValue);
+			return;
+		}
+		closeEditing(currentValue);
+	};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative",
+		ref: containerRef,
 		children: [editable && isEditing && /* @__PURE__ */ jsxs("div", {
 			className: "absolute right-0 z-10 h-fit -top-7 flex",
 			children: [/* @__PURE__ */ jsx(Button, {
@@ -111,10 +155,11 @@ function ClientLandingText({ item, editable = false, children }) {
 				children: isSaving ? /* @__PURE__ */ jsx(Loader2, { className: "animate-spin size-3" }) : /* @__PURE__ */ jsx(Check, {})
 			})]
 		}), /* @__PURE__ */ jsx(Slot, {
-			className: cn("relative", "after:z-10 after:w-full after:h-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-1/2 after:-translate-y-1/2 after:box-content after:p-1", editable && "hover:after:border hover:after:border-input", isEditing && "after:border after:border-input", isEditing && "outline-none cursor-text before:bg-red-500", !editable && "after:hidden"),
+			className: cn("relative", "after:pointer-events-none after:z-10 after:w-full after:h-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-1/2 after:-translate-y-1/2 after:box-content after:p-1", editable && "hover:after:border hover:after:border-input", isEditing && "after:border after:border-input", isEditing && "outline-none cursor-text before:bg-red-500", !editable && "after:hidden"),
 			contentEditable: editable && isEditing,
-			onClick: handleEdit,
+			onBlur: handleBlur,
 			onInput: handleInput,
+			onPointerDownCapture: handleEdit,
 			ref,
 			suppressContentEditableWarning: true,
 			children

package/dist/landing-text/client-landing-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"client-landing-text.js","names":[],"sources":["../../src/components/landing-text/client-landing-text.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { Button } from '../ui/button';\n\nimport { Check, Loader2, X } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { refreshTag } from '../actions';\nimport type { LandingTextItem } from './types';\n\ninterface ClientLandingTextProps {\n  item: LandingTextItem;\n  editable?: boolean;\n  children: React.ReactNode;\n}\n\nfunction labelFromKey(value: string) {\n  if (!value) {\n    return '';\n  }\n\n  return value\n    .split(/[-_\\.]/g)\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\nfunction normalizeBaseUrl(baseUrl: string): string {\n  return baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;\n}\n\nfunction getCookieValue(name: string): string | undefined {\n  if (typeof document === 'undefined') {\n    return undefined;\n  }\n\n  const key = `${encodeURIComponent(name)}=`;\n  const cookies = document.cookie ? document.cookie.split('; ') : [];\n\n  for (const cookie of cookies) {\n    if (!cookie.startsWith(key)) {\n      continue;\n    }\n\n    return decodeURIComponent(cookie.slice(key.length));\n  }\n\n  return undefined;\n}\n\nasync function persistLandingContent(item: LandingTextItem, value: string) {\n  const baseUrl = String(process.env.NEXT_PUBLIC_BASE_URL || '');\n  const organization = process.env.NEXT_PUBLIC_ORGANIZATION_ID || '';\n\n  if (!baseUrl) {\n    return;\n  }\n\n  const token = getCookieValue('token');\n\n  if (!token || !organization) {\n    throw new Error(\n      'Credenciais de edição indisponíveis para salvar conteúdo.'\n    );\n  }\n\n  const endpoint = '/landing-page-contents/upsert/';\n  const response = await fetch(`${normalizeBaseUrl(baseUrl)}${endpoint}`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      Authorization: `Token ${token}`,\n      'X-Organization': organization,\n    },\n    body: JSON.stringify({\n      page_key: item.pageKey,\n      page_title: labelFromKey(item.pageKey),\n      section_key: item.sectionKey,\n      section_title: labelFromKey(item.sectionKey),\n      content_key: item.contentKey,\n      content_title: labelFromKey(item.contentKey),\n      value,\n      default_value: item.defaultValue,\n      metadata: item.metadata,\n    }),\n    credentials: 'include',\n  });\n\n  if (!response.ok) {\n    throw new Error('Nao foi possivel salvar o conteudo.');\n  }\n\n  await refreshTag(`landing-page-content-${item.pageKey}`);\n}\n\nfunction ClientLandingText({\n  item,\n  editable = false,\n  children,\n}: ClientLandingTextProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [currentValue, setCurrentValue] = useState(item.value);\n  const [draftValue, setDraftValue] = useState(item.value);\n  const ref = useRef<HTMLElement | null>(null);\n\n  const handleEdit = (event: React.MouseEvent<HTMLElement>) => {\n    if (!editable || isSaving) {\n      return;\n    }\n\n    event.preventDefault();\n    event.stopPropagation();\n\n    const nextDraft = ref.current?.innerText ?? currentValue;\n    setDraftValue(nextDraft);\n    setIsEditing(true);\n\n    requestAnimationFrame(() => {\n      ref.current?.focus();\n    });\n  };\n\n  const handleCancel = () => {\n    if (ref.current) {\n      ref.current.innerText = currentValue;\n    }\n    setDraftValue(currentValue);\n    setIsEditing(false);\n  };\n\n  const handleSave = async () => {\n    try {\n      setIsSaving(true);\n      await persistLandingContent(item, draftValue);\n      setCurrentValue(draftValue);\n      if (ref.current) {\n        ref.current.innerText = draftValue;\n      }\n      setIsEditing(false);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleInput = (event: React.FormEvent<HTMLElement>) => {\n    if (!isEditing) {\n      return;\n    }\n    setDraftValue(event.currentTarget.innerText);\n  };\n\n  return (\n    <div className=\"relative\">\n      {editable && isEditing && (\n        <div className=\"absolute right-0 z-10 h-fit -top-7 flex\">\n          <Button\n            className=\"size-6 rounded-none p-0 text-foreground!\"\n            disabled={isSaving}\n            onClick={handleCancel}\n            size=\"icon\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            <X />\n          </Button>\n          <Button\n            className=\"size-6 rounded-none p-0\"\n            disabled={isSaving}\n            onClick={handleSave}\n            size=\"icon\"\n            type=\"button\"\n          >\n            {isSaving ? <Loader2 className=\"animate-spin size-3\" /> : <Check />}\n          </Button>\n        </div>\n      )}\n\n      <Slot\n        className={cn(\n          'relative',\n          'after:z-10 after:w-full after:h-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-1/2 after:-translate-y-1/2 after:box-content after:p-1',\n          editable && 'hover:after:border hover:after:border-input',\n          isEditing && 'after:border after:border-input',\n          isEditing && 'outline-none cursor-text before:bg-red-500',\n          !editable && 'after:hidden'\n        )}\n        contentEditable={editable && isEditing}\n        onClick={handleEdit}\n        onInput={handleInput}\n        ref={ref}\n        suppressContentEditableWarning\n      >\n        {children}\n      </Slot>\n    </div>\n  );\n}\n\nexport { ClientLandingText };\n"],"mappings":"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"}
+{"version":3,"file":"client-landing-text.js","names":[],"sources":["../../src/components/landing-text/client-landing-text.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, useState } from 'react';\n\nimport { Slot } from '@radix-ui/react-slot';\nimport { Button } from '../ui/button';\n\nimport { Check, Loader2, X } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\nimport { flushSync } from 'react-dom';\nimport { refreshTag } from '../actions';\nimport type { LandingTextItem } from './types';\n\ninterface ClientLandingTextProps {\n  item: LandingTextItem;\n  editable?: boolean;\n  children: React.ReactNode;\n}\n\nfunction labelFromKey(value: string) {\n  if (!value) {\n    return '';\n  }\n\n  return value\n    .split(/[-_\\.]/g)\n    .filter(Boolean)\n    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n    .join(' ');\n}\n\nfunction normalizeBaseUrl(baseUrl: string): string {\n  return baseUrl.endsWith('/') ? baseUrl.slice(0, -1) : baseUrl;\n}\n\nfunction parseCookies(cookieHeader: string): Record<string, string> {\n  return cookieHeader\n    .split(';')\n    .map((part) => part.trim())\n    .filter(Boolean)\n    .reduce<Record<string, string>>((acc, part) => {\n      const separatorIndex = part.indexOf('=');\n      if (separatorIndex < 0) {\n        return acc;\n      }\n\n      const name = decodeURIComponent(part.slice(0, separatorIndex));\n      const value = decodeURIComponent(part.slice(separatorIndex + 1));\n      acc[name] = value;\n      return acc;\n    }, {});\n}\n\nfunction getTokenCookieValue(): string | undefined {\n  if (typeof document === 'undefined' || !document.cookie) {\n    return undefined;\n  }\n\n  const rawToken = parseCookies(document.cookie).token;\n  if (!rawToken) {\n    return undefined;\n  }\n\n  const withoutQuotes = rawToken.trim().replace(/^\"|\"$/g, '');\n  return withoutQuotes.replace(/^Token\\s+/i, '');\n}\n\nasync function persistLandingContent(item: LandingTextItem, value: string) {\n  const baseUrl = String(process.env.NEXT_PUBLIC_BASE_URL || '');\n  const organization = String(\n    process.env.NEXT_PUBLIC_ORGANIZATION_ID || ''\n  ).trim();\n\n  if (!baseUrl) {\n    return;\n  }\n\n  const token = getTokenCookieValue();\n\n  if (!token || !organization) {\n    throw new Error(\n      'Credenciais de edição indisponíveis para salvar conteúdo.'\n    );\n  }\n\n  const endpoint = '/landing-page-contents/upsert/';\n  const response = await fetch(`${normalizeBaseUrl(baseUrl)}${endpoint}`, {\n    method: 'POST',\n    headers: {\n      'Content-Type': 'application/json',\n      Authorization: `Token ${token}`,\n      'X-Organization': organization,\n    },\n    body: JSON.stringify({\n      page_key: item.pageKey,\n      page_title: labelFromKey(item.pageKey),\n      section_key: item.sectionKey,\n      section_title: labelFromKey(item.sectionKey),\n      content_key: item.contentKey,\n      content_title: labelFromKey(item.contentKey),\n      value,\n      default_value: item.defaultValue,\n      metadata: item.metadata,\n    }),\n    credentials: 'include',\n  });\n\n  if (!response.ok) {\n    throw new Error('Nao foi possivel salvar o conteudo.');\n  }\n\n  await refreshTag(`landing-page-content-${item.pageKey}`);\n}\n\nfunction normalizeEditableText(value: string): string {\n  return value\n    .replace(/\\u00a0/g, ' ')\n    .replace(/\\s+/g, ' ')\n    .trim();\n}\n\nfunction suppressNextDocumentClick() {\n  if (typeof document === 'undefined') {\n    return;\n  }\n\n  document.addEventListener(\n    'click',\n    (event) => {\n      event.preventDefault();\n      event.stopPropagation();\n      event.stopImmediatePropagation();\n    },\n    { capture: true, once: true }\n  );\n}\n\nfunction ClientLandingText({\n  item,\n  editable = false,\n  children,\n}: ClientLandingTextProps) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [isSaving, setIsSaving] = useState(false);\n  const [currentValue, setCurrentValue] = useState(item.value);\n  const [draftValue, setDraftValue] = useState(item.value);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const ref = useRef<HTMLElement | null>(null);\n\n  const closeEditing = (value: string) => {\n    if (ref.current) {\n      ref.current.innerText = value;\n    }\n    setDraftValue(value);\n    setIsEditing(false);\n  };\n\n  const handleEdit = (event: React.PointerEvent<HTMLElement>) => {\n    event.stopPropagation();\n    if (!editable || isSaving || isEditing) {\n      return;\n    }\n\n    const element = event.currentTarget;\n    ref.current = element;\n\n    suppressNextDocumentClick();\n\n    const nextDraft = element.innerText || currentValue;\n    flushSync(() => {\n      setDraftValue(nextDraft);\n      setIsEditing(true);\n    });\n  };\n\n  const handleCancel = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    closeEditing(currentValue);\n  };\n\n  const handleSave = async (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    event.stopPropagation();\n    try {\n      setIsSaving(true);\n      await persistLandingContent(item, draftValue);\n      setCurrentValue(draftValue);\n      closeEditing(draftValue);\n    } finally {\n      setIsSaving(false);\n    }\n  };\n\n  const handleInput = (event: React.FormEvent<HTMLElement>) => {\n    if (!isEditing) {\n      return;\n    }\n    ref.current = event.currentTarget;\n    setDraftValue(event.currentTarget.innerText);\n  };\n\n  const handleBlur = (event: React.FocusEvent<HTMLElement>) => {\n    if (!isEditing || isSaving) {\n      return;\n    }\n\n    const container = containerRef.current;\n    const nextFocused = event.relatedTarget;\n\n    if (\n      container &&\n      nextFocused instanceof Node &&\n      container.contains(nextFocused)\n    ) {\n      return;\n    }\n\n    const liveValue = event.currentTarget.innerText;\n    if (\n      normalizeEditableText(liveValue) !== normalizeEditableText(currentValue)\n    ) {\n      if (liveValue !== draftValue) {\n        setDraftValue(liveValue);\n      }\n      return;\n    }\n\n    closeEditing(currentValue);\n  };\n\n  return (\n    <div className=\"relative\" ref={containerRef}>\n      {editable && isEditing && (\n        <div className=\"absolute right-0 z-10 h-fit -top-7 flex\">\n          <Button\n            className=\"size-6 rounded-none p-0 text-foreground!\"\n            disabled={isSaving}\n            onClick={handleCancel}\n            size=\"icon\"\n            type=\"button\"\n            variant=\"outline\"\n          >\n            <X />\n          </Button>\n          <Button\n            className=\"size-6 rounded-none p-0\"\n            disabled={isSaving}\n            onClick={handleSave}\n            size=\"icon\"\n            type=\"button\"\n          >\n            {isSaving ? <Loader2 className=\"animate-spin size-3\" /> : <Check />}\n          </Button>\n        </div>\n      )}\n\n      <Slot\n        className={cn(\n          'relative',\n          'after:pointer-events-none after:z-10 after:w-full after:h-full after:absolute after:left-1/2 after:-translate-x-1/2 after:top-1/2 after:-translate-y-1/2 after:box-content after:p-1',\n          editable && 'hover:after:border hover:after:border-input',\n          isEditing && 'after:border after:border-input',\n          isEditing && 'outline-none cursor-text before:bg-red-500',\n          !editable && 'after:hidden'\n        )}\n        contentEditable={editable && isEditing}\n        onBlur={handleBlur}\n        onInput={handleInput}\n        onPointerDownCapture={handleEdit}\n        ref={ref}\n        suppressContentEditableWarning\n      >\n        {children}\n      </Slot>\n    </div>\n  );\n}\n\nexport { ClientLandingText };\n"],"mappings":"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"}

package/dist/landing-text/landing-text.d.ts

@@ -1,9 +1,9 @@
 import { LandingTextProps } from "./types.js";
 import { ElementType } from "react";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/components/landing-text/landing-text.d.ts
-declare function LandingText<TAs extends ElementType = 'span'>(props: LandingTextProps<TAs>): Promise<react_jsx_runtime7.JSX.Element>;
+declare function LandingText<TAs extends ElementType = 'span'>(props: LandingTextProps<TAs>): Promise<react_jsx_runtime10.JSX.Element>;
 //#endregion
 export { LandingText };
 //# sourceMappingURL=landing-text.d.ts.map

package/dist/landing-text/landing-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"landing-text.d.ts","names":[],"sources":["../../src/components/landing-text/landing-text.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOe,wBAAwB,6BAC9B,iBAAiB,OAAI,QAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"landing-text.d.ts","names":[],"sources":["../../src/components/landing-text/landing-text.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOe,wBAAwB,6BAC9B,iBAAiB,OAAI,QAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/landing-text/server-landing-text.d.ts

@@ -1,6 +1,6 @@
 import { ServerLandingTextProps } from "./types.js";
 import { ElementType } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/landing-text/server-landing-text.d.ts
 declare function ServerLandingText<TAs extends ElementType = 'span'>({
@@ -9,7 +9,7 @@ declare function ServerLandingText<TAs extends ElementType = 'span'>({
   className,
   registration,
   ...props
-}: ServerLandingTextProps<TAs>): react_jsx_runtime6.JSX.Element;
+}: ServerLandingTextProps<TAs>): react_jsx_runtime11.JSX.Element;
 //#endregion
 export { ServerLandingText };
 //# sourceMappingURL=server-landing-text.d.ts.map

package/dist/landing-text/server-landing-text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server-landing-text.d.ts","names":[],"sources":["../../src/components/landing-text/server-landing-text.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,8BAA8B;;;;;;GAMpC,uBAAuB,OAAI,kBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"server-landing-text.d.ts","names":[],"sources":["../../src/components/landing-text/server-landing-text.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,8BAA8B;;;;;;GAMpC,uBAAuB,OAAI,mBAAA,CAAA,GAAA,CAAA"}

package/dist/remote-selector/remote-selector.d.ts

@@ -1,6 +1,6 @@
 import { SelectorProps } from "../ui/selector.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { Options } from "nuqs";
 
 //#region src/components/remote-selector/remote-selector.d.ts
@@ -38,7 +38,7 @@ declare function RemoteSelectorField<T, TFieldValues extends FieldValues = Field
   ...props
 }: RemoteSelectorFieldProps<TFieldValues, TFieldName> & BaseRemoteSelectorProps<T> & {
   withPortal?: boolean;
-}): react_jsx_runtime4.JSX.Element;
+}): react_jsx_runtime8.JSX.Element;
 interface RemoteSelectorQueryProps<T> extends BaseRemoteSelectorProps<T> {
   name: string;
   defaultValue?: string;
@@ -58,7 +58,7 @@ declare function RemoteSelectorQuery<T>({
   fieldLabel,
   type,
   ...props
-}: RemoteSelectorQueryProps<T>): react_jsx_runtime4.JSX.Element;
+}: RemoteSelectorQueryProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { BaseRemoteSelectorProps, RemoteSelectorField, RemoteSelectorFieldProps, RemoteSelectorQuery, RemoteSelectorQueryProps, TUseData };
 //# sourceMappingURL=remote-selector.d.ts.map

package/dist/text-field/TextField.d.ts

@@ -1,6 +1,6 @@
 import { Options as Options$1 } from "../src/hooks/with-mask.js";
 import { FieldPath, FieldPathValue, FieldValues, UseControllerProps } from "react-hook-form";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { Options } from "nuqs";
 
 //#region src/components/text-field/TextField.d.ts
@@ -57,7 +57,7 @@ declare function InputText({
   name,
   onChange,
   ...props
-}: InputTextProps): react_jsx_runtime8.JSX.Element;
+}: InputTextProps): react_jsx_runtime4.JSX.Element;
 interface TextFieldProps<TFieldValues extends FieldValues = FieldValues, TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> extends UseControllerProps<TFieldValues, TFieldName> {
   disabled?: boolean;
   required?: boolean;
@@ -75,7 +75,7 @@ declare function TextField<TFieldValues extends FieldValues = FieldValues, TFiel
   transform,
   prefix,
   ...props
-}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime8.JSX.Element;
+}: TextFieldProps<TFieldValues, TFieldName> & Omit<InputTextProps, 'onChange'>): react_jsx_runtime4.JSX.Element;
 interface QueryTextFieldProps extends Omit<InputTextProps, 'onChange'> {
   name: string;
   defaultValue?: string;
@@ -87,7 +87,7 @@ declare function QueryTextField({
   defaultValue,
   options,
   ...props
-}: QueryTextFieldProps): react_jsx_runtime8.JSX.Element;
+}: QueryTextFieldProps): react_jsx_runtime4.JSX.Element;
 interface CookieTextFieldProps extends InputTextProps {
   name: string;
   maxAge?: number;
@@ -97,7 +97,7 @@ declare function CookieTextField({
   maxAge,
   onChange,
   ...inputProps
-}: CookieTextFieldProps): react_jsx_runtime8.JSX.Element;
+}: CookieTextFieldProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { CookieTextField, CookieTextFieldProps, InputText, InputTextProps, QueryTextField, QueryTextFieldProps, TextField, TextFieldProps };
 //# sourceMappingURL=TextField.d.ts.map

package/package.json

@@ -1,57 +1,57 @@
 {
   "name": "maquinaweb-ui",
-  "version": "2.71.0",
+  "version": "2.72.1",
   "description": "A minimal React component library",
   "type": "module",
   "sideEffects": false,
   "exports": {
-    "./toggle-field": {
-      "import": "./dist/toggle-field.js",
-      "types": "./dist/toggle-field.d.ts"
+    "./page-header": {
+      "import": "./dist/page-header.js",
+      "types": "./dist/page-header.d.ts"
     },
     "./kanban-dnd": {
       "import": "./dist/kanban-dnd.js",
       "types": "./dist/kanban-dnd.d.ts"
     },
+    "./landing-content": {
+      "import": "./dist/landing-content.js",
+      "types": "./dist/landing-content.d.ts"
+    },
+    "./date-field": {
+      "import": "./dist/date-field.js",
+      "types": "./dist/date-field.d.ts"
+    },
+    "./container-animation": {
+      "import": "./dist/container-animation.js",
+      "types": "./dist/container-animation.d.ts"
+    },
     "./date-hour-field": {
       "import": "./dist/date-hour-field.js",
       "types": "./dist/date-hour-field.d.ts"
     },
-    "./split-text-poor": {
-      "import": "./dist/split-text-poor.js",
-      "types": "./dist/split-text-poor.d.ts"
+    "./remote-selector": {
+      "import": "./dist/remote-selector.js",
+      "types": "./dist/remote-selector.d.ts"
     },
-    "./landing-content": {
-      "import": "./dist/landing-content.js",
-      "types": "./dist/landing-content.d.ts"
+    "./toggle-field": {
+      "import": "./dist/toggle-field.js",
+      "types": "./dist/toggle-field.d.ts"
     },
     "./landing-text": {
       "import": "./dist/landing-text.js",
       "types": "./dist/landing-text.d.ts"
     },
-    "./page-header": {
-      "import": "./dist/page-header.js",
-      "types": "./dist/page-header.d.ts"
-    },
     "./text-field": {
       "import": "./dist/text-field.js",
       "types": "./dist/text-field.d.ts"
     },
-    "./remote-selector": {
-      "import": "./dist/remote-selector.js",
-      "types": "./dist/remote-selector.d.ts"
-    },
     "./input-suggest": {
       "import": "./dist/input-suggest.js",
       "types": "./dist/input-suggest.d.ts"
     },
-    "./date-field": {
-      "import": "./dist/date-field.js",
-      "types": "./dist/date-field.d.ts"
-    },
-    "./container-animation": {
-      "import": "./dist/container-animation.js",
-      "types": "./dist/container-animation.d.ts"
+    "./split-text-poor": {
+      "import": "./dist/split-text-poor.js",
+      "types": "./dist/split-text-poor.d.ts"
     },
     "./package.json": "./package.json"
   },