@xscriptor/xcomponents 0.1.1 → 0.1.2

package/dist/components/forms/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/forms/index.ts", "../../../src/components/forms/xcontactform/XContactForm.tsx", "../../../src/components/forms/xcontactform/XContactForm.module.css", "../../../src/components/forms/xnewsletter/XNewsletter.tsx", "../../../src/components/forms/xnewsletter/XNewsletter.module.css"],
-  "sourcesContent": ["export { XContactForm } from \"./xcontactform\";\nexport { XNewsletter } from \"./xnewsletter\";\nexport type { XContactFormProps } from \"./xcontactform\";\nexport type { XNewsletterProps } from \"./xnewsletter\";\n", "\"use client\";\n\nimport { useState } from \"react\";\nimport styles from \"./XContactForm.module.css\";\n\ntype Status = { ok: boolean; msg: string } | null;\n\nexport interface XContactFormProps {\n  // Visibilidad\n  showName?: boolean;\n  showEmail?: boolean;\n  showPhone?: boolean;\n  showSubject?: boolean;\n  showMessage?: boolean;\n  \n  // Placeholders\n  namePlaceholder?: string;\n  emailPlaceholder?: string;\n  phonePlaceholder?: string;\n  subjectPlaceholder?: string;\n  messagePlaceholder?: string;\n\n  // Dise\u00F1o\n  labelColor?: string;\n  wrapperBackgroundColor?: string;\n  wrapperBorderColor?: string;\n  wrapperBorderWidth?: string;\n  wrapperBorderRadius?: \"rounded\" | \"square\";\n  wrapperBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  fieldBorderColor?: string;\n  fieldBorderWidth?: string;\n  fieldBorderRadius?: \"rounded\" | \"square\";\n  fieldBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  buttonColor?: string;\n  buttonBorderColor?: string;\n  buttonBorderWidth?: string;\n  buttonBorderRadius?: \"rounded\" | \"square\";\n  buttonBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  buttonHoverColor?: string;\n  buttonHoverTextColor?: string;\n  buttonHoverBorderColor?: string;\n  buttonTextColor?: string;\n  buttonAlignment?: \"left\" | \"right\";\n\n  // Mensajes de estado\n  requiredFieldsMessage?: string;\n  honeypotMessage?: string;\n  submitSuccessMessage?: string;\n  statusSuccessColor?: string;\n  statusErrorColor?: string;\n\n  // Decorativos\n  decorativeX?: boolean;\n  decorativeXColor?: string;\n\n  size?: \"small\" | \"medium\" | \"large\";\n  layout?: \"vertical\" | \"grid\";\n}\n\nexport default function XContactForm({\n  showName = true,\n  showEmail = true,\n  showPhone = true,\n  showSubject = true,\n  showMessage = true,\n  namePlaceholder = \"Tu nombre\",\n  emailPlaceholder = \"tucorreo@ejemplo.com\",\n  phonePlaceholder = \"+34 600 000 000\",\n  subjectPlaceholder = \"Tema del mensaje\",\n  messagePlaceholder = \"Cu\u00E9ntame qu\u00E9 necesitas\u2026\",\n  labelColor,\n  wrapperBackgroundColor,\n  wrapperBorderColor,\n  wrapperBorderWidth,\n  wrapperBorderRadius = \"rounded\",\n  wrapperBorderStyle = \"solid\",\n  fieldBorderColor,\n  fieldBorderWidth,\n  fieldBorderRadius = \"rounded\",\n  fieldBorderStyle = \"solid\",\n  buttonColor,\n  buttonBorderColor,\n  buttonBorderWidth,\n  buttonBorderRadius = \"rounded\",\n  buttonBorderStyle = \"solid\",\n  buttonHoverColor,\n  buttonHoverTextColor,\n  buttonHoverBorderColor,\n  buttonTextColor,\n  buttonAlignment = \"left\",\n  requiredFieldsMessage = \"Rellena los campos obligatorios.\",\n  honeypotMessage = \"Gracias.\",\n  submitSuccessMessage = \"Abriendo tu aplicaci\u00F3n de correo\u2026\",\n  statusSuccessColor,\n  statusErrorColor,\n  decorativeX = false,\n  decorativeXColor = \"currentColor\",\n  size = \"medium\",\n  layout = \"grid\",\n}: XContactFormProps) {\n  const [status, setStatus] = useState<Status>(null);\n\n  function onSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    setStatus(null);\n\n    const form = e.currentTarget;\n    const fd = new FormData(form);\n\n    if ((fd.get(\"website\") as string)?.length) {\n      setStatus({ ok: true, msg: honeypotMessage });\n      form.reset();\n      return;\n    }\n\n    const name = showName ? String(fd.get(\"name\") || \"\").trim() : \"\";\n    const email = showEmail ? String(fd.get(\"email\") || \"\").trim() : \"\";\n    const phone = showPhone ? String(fd.get(\"phone\") || \"\").trim() : \"\";\n    const subject = showSubject\n      ? String(fd.get(\"subject\") || \"Contacto desde web\").trim()\n      : \"Contacto desde web\";\n    const message = showMessage ? String(fd.get(\"message\") || \"\").trim() : \"\";\n\n    if (\n      (showName && !name) ||\n      (showEmail && !email) ||\n      (showPhone && !phone) ||\n      (showMessage && !message)\n    ) {\n      setStatus({ ok: false, msg: requiredFieldsMessage });\n      return;\n    }\n\n    const bodyLines = [];\n    if (showName) bodyLines.push(`Nombre: ${name}`);\n    if (showEmail) bodyLines.push(`Email: ${email}`);\n    if (showPhone) bodyLines.push(`Tel\u00E9fono: ${phone}`);\n    bodyLines.push(\"\");\n    if (showMessage) bodyLines.push(message);\n\n    const body = bodyLines.join(\"\\n\");\n    const to = \"x@xscriptor.com\";\n    const mailto = `mailto:${encodeURIComponent(to)}?subject=${encodeURIComponent(\n      subject\n    )}&body=${encodeURIComponent(body)}`;\n\n    window.location.href = mailto;\n    setStatus({ ok: true, msg: submitSuccessMessage });\n  }\n\n  const radiusMap = {\n    rounded: \"0.5rem\",\n    square: \"0\",\n  } as const;\n\n  const alignmentMap = {\n    left: \"flex-start\",\n    right: \"flex-end\",\n  } as const;\n\n  // Variables CSS din\u00E1micas para estilos configurables\n  const customStyles = {\n    ...(decorativeXColor && { \"--decorative-x-color\": decorativeXColor }),\n    ...(labelColor && { \"--label-color\": labelColor }),\n    ...(wrapperBackgroundColor && { \"--wrapper-bg-color\": wrapperBackgroundColor }),\n    ...(wrapperBorderColor && { \"--wrapper-border-color\": wrapperBorderColor }),\n    ...(wrapperBorderWidth && { \"--wrapper-border-width\": wrapperBorderWidth }),\n    \"--wrapper-radius\": radiusMap[wrapperBorderRadius],\n    \"--wrapper-border-style\": wrapperBorderStyle,\n    ...(fieldBorderColor && { \"--field-border-color\": fieldBorderColor }),\n    ...(fieldBorderWidth && { \"--field-border-width\": fieldBorderWidth }),\n    \"--field-radius\": radiusMap[fieldBorderRadius],\n    \"--field-border-style\": fieldBorderStyle,\n    ...(buttonColor && { \"--btn-bg-color\": buttonColor }),\n    ...(buttonBorderColor && { \"--btn-border-color\": buttonBorderColor }),\n    ...(buttonBorderWidth && { \"--btn-border-width\": buttonBorderWidth }),\n    \"--btn-radius\": radiusMap[buttonBorderRadius],\n    \"--btn-border-style\": buttonBorderStyle,\n    \"--btn-alignment\": alignmentMap[buttonAlignment],\n    ...(buttonHoverColor && { \"--btn-hover-bg-color\": buttonHoverColor }),\n    ...(buttonHoverTextColor && { \"--btn-hover-text-color\": buttonHoverTextColor }),\n    ...(buttonHoverBorderColor && { \"--btn-hover-border-color\": buttonHoverBorderColor }),\n    ...(buttonTextColor && { \"--btn-text-color\": buttonTextColor }),\n    ...(statusSuccessColor && { \"--status-ok-color\": statusSuccessColor }),\n    ...(statusErrorColor && { \"--status-error-color\": statusErrorColor }),\n  } as React.CSSProperties;\n\n  return (\n    <div className={`${styles.wrapper} ${styles[size]} ${decorativeX ? styles.withDecorativeX : \"\"}`} style={customStyles}>\n      {decorativeX && <div className={styles.decorativeXTop}>\u2715</div>}\n      <form onSubmit={onSubmit} className={`${styles.form} ${styles[layout]}`} noValidate>\n        <div className={styles.honeypot} aria-hidden=\"true\">\n          <label htmlFor=\"website\">Tu web</label>\n          <input id=\"website\" name=\"website\" type=\"text\" tabIndex={-1} autoComplete=\"off\" />\n        </div>\n\n        {(showName || showEmail || showPhone) && (\n          <div className={styles.row}>\n            {showName && (\n              <div className={styles.field}>\n                <label htmlFor=\"name\">Nombre</label>\n                <input id=\"name\" name=\"name\" type=\"text\" placeholder={namePlaceholder} required maxLength={80} />\n              </div>\n            )}\n            {showEmail && (\n              <div className={styles.field}>\n                <label htmlFor=\"email\">Email</label>\n                <input id=\"email\" name=\"email\" type=\"email\" inputMode=\"email\" placeholder={emailPlaceholder} required />\n              </div>\n            )}\n            {showPhone && (\n              <div className={styles.field}>\n                <label htmlFor=\"phone\">Tel\u00E9fono</label>\n                <input id=\"phone\" name=\"phone\" type=\"tel\" inputMode=\"tel\" placeholder={phonePlaceholder} required maxLength={20} />\n              </div>\n            )}\n          </div>\n        )}\n\n        {showSubject && (\n          <div className={styles.field}>\n            <label htmlFor=\"subject\">Asunto</label>\n            <input id=\"subject\" name=\"subject\" type=\"text\" placeholder={subjectPlaceholder} required maxLength={120} />\n          </div>\n        )}\n\n        {showMessage && (\n          <div className={styles.field}>\n            <label htmlFor=\"message\">Mensaje</label>\n            <textarea id=\"message\" name=\"message\" rows={6} placeholder={messagePlaceholder} required maxLength={3000} />\n          </div>\n        )}\n\n        <div className={styles.buttoncontainer}>\n          <button type=\"submit\" className={styles.button}>\n            Enviar\n          </button>\n        </div>\n\n        <p className={`${styles.status} ${status?.ok ? styles.statusOk : status === null ? \"\" : styles.statusError}`} role=\"status\" aria-live=\"polite\">\n          {status?.msg}\n        </p>\n      </form>\n      {decorativeX && <div className={styles.decorativeXBottom}>\u2715</div>}\n    </div>\n  );\n}", "/* Tama\u00F1os din\u00E1micos base */\n.wrapper {\n    --input-padding: .65rem .9rem;\n    --font-size: 16px;\n    --form-gap: 1.25rem;\n    --row-gap: .85rem;\n    --field-gap: .45rem;\n    --button-min-width: 140px;\n    --label-color: inherit;\n    --wrapper-bg-color: transparent;\n    --wrapper-border-color: transparent;\n    --wrapper-border-width: 0px;\n    --wrapper-border-style: solid;\n    --wrapper-radius: .5rem;\n    --field-border-color: var(--border, #ccc);\n    --field-border-width: 1px;\n    --field-border-style: solid;\n    --field-radius: .5rem;\n    --btn-bg-color: var(--bg, #333);\n    --btn-text-color: var(--text, #fff);\n    --btn-border-color: transparent;\n    --btn-border-width: 0px;\n    --btn-border-style: solid;\n    --btn-radius: .5rem;\n    --btn-alignment: flex-start;\n    --btn-hover-bg-color: var(--btn-bg-color);\n    --btn-hover-text-color: var(--btn-text-color);\n    --btn-hover-border-color: var(--btn-border-color);\n    --status-ok-color: #1fa37a;\n    --status-error-color: #d16a6a;\n    \n    max-width: 900px;\n    margin: 0 auto;\n    padding: 2rem 1rem;\n    background-color: var(--wrapper-bg-color);\n    border: var(--wrapper-border-width) var(--wrapper-border-style) var(--wrapper-border-color);\n    border-radius: var(--wrapper-radius);\n}\n\n/* Modificadores de tama\u00F1o */\n.small {\n    --input-padding: .35rem .55rem;\n    --font-size: 13px;\n    --form-gap: .75rem;\n    --row-gap: .6rem;\n    --field-gap: .3rem;\n    --button-min-width: 118px;\n}\n.medium {\n    --input-padding: .5rem .7rem;\n    --font-size: 15px;\n    --form-gap: 1rem;\n    --row-gap: .7rem;\n    --field-gap: .4rem;\n    --button-min-width: 130px;\n}\n.large {\n    --input-padding: 1rem 1.2rem;\n    --font-size: 18px;\n    --form-gap: 1.5rem;\n    --row-gap: 1rem;\n    --field-gap: .5rem;\n    --button-min-width: 150px;\n}\n\n.form {\n    display: grid;\n    gap: var(--form-gap);\n    max-width: 100%;\n}\n\n/* Layouts */\n.row {\n    display: grid;\n    gap: var(--row-gap);\n}\n\n.grid .row {\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n}\n\n.vertical .row {\n    grid-template-columns: 1fr;\n}\n\n.field {\n    display: flex;\n    flex-direction: column;\n    gap: var(--field-gap);\n}\n\n.field label {\n    font-size: calc(var(--font-size) - 2px);\n    font-weight: 500;\n    color: var(--label-color);\n}\n\n.field input,\n.field textarea {\n    width: 100%;\n    padding: var(--input-padding);\n    border: var(--field-border-width) var(--field-border-style) var(--field-border-color);\n    border-radius: var(--field-radius);\n    font-size: var(--font-size);\n    box-sizing: border-box;\n    font-family: inherit;\n}\n\n.field input::placeholder,\n.field textarea::placeholder {\n    color: #888;\n}\n\n.buttoncontainer {\n    display: flex;\n    justify-content: var(--btn-alignment);\n    margin-top: 0.25rem;\n}\n\n.button {\n    padding: var(--input-padding);\n    border-radius: var(--btn-radius);\n    border: var(--btn-border-width) var(--btn-border-style) var(--btn-border-color);\n    background-color: var(--btn-bg-color);\n    color: var(--btn-text-color);\n    cursor: pointer;\n    font-size: var(--font-size);\n    font-weight: 600;\n    min-width: var(--button-min-width);\n    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;\n}\n\n.button:hover {\n    background-color: var(--btn-hover-bg-color);\n    color: var(--btn-hover-text-color);\n    border-color: var(--btn-hover-border-color);\n    opacity: 0.95;\n}\n\n.status {\n    min-height: 1.5rem;\n    font-size: calc(var(--font-size) - 2px);\n    margin-top: 0.25rem;\n}\n\n.statusOk { color: var(--status-ok-color); }\n.statusError { color: var(--status-error-color); }\n\n.honeypot {\n    position: absolute;\n    left: -9999px;\n    top: -9999px;\n}\n\n.withDecorativeX {\n    position: relative;\n    padding-top: 2.5rem;\n    padding-bottom: 2.5rem;\n}\n\n.decorativeXTop,\n.decorativeXBottom {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    font-size: 0.5rem;\n    font-weight: 300;\n    color: var(--decorative-x-color, currentColor);\n    opacity: 1;\n    pointer-events: none;\n    background-color: var(--wrapper-bg-color, transparent);\n    padding: 0 0.3rem;\n    line-height: 1;\n    z-index: 1;\n}\n\n.decorativeXTop {\n    top: 0;\n    transform: translate(-50%, -50%);\n}\n\n.decorativeXBottom {\n    bottom: 0;\n    transform: translate(-50%, 50%);\n}", "\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport styles from \"./XNewsletter.module.css\";\n\nexport interface XNewsletterProps {\n  title?: string;\n  placeholder?: string;\n  buttonText?: string;\n  termsText?: string;\n  termsLinkText?: string;\n  successMessage?: string;\n  errorMessage?: string;\n  termsErrorMessage?: string;\n  termsLink?: string;\n  apiRoute: string;\n  method?: \"POST\" | \"GET\" | \"PUT\";\n  payloadType?: \"formData\" | \"json\";\n  layout?: \"horizontal\" | \"vertical\";\n  accentColor?: string;\n  textColor?: string;\n  borderColor?: string;\n  buttonTextColor?: string;\n  containerClassName?: string; // Para clases extra desde afuera si las necesitas\n}\n\nexport default function XNewsletter({\n  title = \"Recibe poes\u00EDa y reflexiones\",\n  placeholder = \"tu@email.com\",\n  buttonText = \"Suscribirse\",\n  termsText = \"Acepto\",\n  termsLinkText = \"t\u00E9rminos\",\n  successMessage = \"\u00A1Bienvenido(a)!\",\n  errorMessage = \"Algo sali\u00F3 mal. Por favor, intenta de nuevo.\",\n  termsErrorMessage = \"Debes aceptar los t\u00E9rminos y condiciones para suscribirte...\",\n  termsLink = \"/terminos-y-condiciones\",\n  apiRoute,\n  method = \"POST\",\n  payloadType = \"formData\",\n  layout = \"horizontal\",\n  accentColor = \"var(--accent)\",\n  textColor = \"var(--text)\",\n  borderColor = \"var(--border)\",\n  buttonTextColor = \"var(--accent-text)\",\n  containerClassName = \"w-full max-w-4xl mx-auto px-4 py-6\",\n}: XNewsletterProps) {\n  const [email, setEmail] = useState(\"\");\n  const [acceptedTerms, setAcceptedTerms] = useState(false);\n  const [message, setMessage] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setMessage(\"\");\n\n    if (!acceptedTerms) {\n      setMessage(termsErrorMessage);\n      return;\n    }\n\n    setIsLoading(true);\n\n    try {\n      let bodyData: BodyInit | null | undefined = null;\n      let headers: HeadersInit = {};\n\n      if (payloadType === \"formData\") {\n        const formData = new FormData();\n        formData.append(\"email\", email);\n        bodyData = formData;\n      } else if (payloadType === \"json\") {\n        bodyData = JSON.stringify({ email });\n        headers = { \"Content-Type\": \"application/json\" };\n      }\n\n      const response = await fetch(apiRoute, {\n        method,\n        headers,\n        body: method !== \"GET\" ? bodyData : undefined,\n        cache: \"no-store\",\n      });\n\n      const data = await response.json();\n\n      if (response.ok && data.success) {\n        setMessage(data.message || successMessage);\n        setEmail(\"\");\n        setAcceptedTerms(false);\n      } else {\n        setMessage(data.error || errorMessage);\n      }\n    } catch {\n      setMessage(errorMessage);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  // Convertimos las props de colores a Variables CSS nativas.\n  const customCssVariables = {\n    \"--nws-accent\": accentColor,\n    \"--nws-text\": textColor,\n    \"--nws-border\": borderColor,\n    \"--nws-btn-text\": buttonTextColor,\n  } as React.CSSProperties;\n\n  return (\n    <div\n      className={`${styles.container} ${containerClassName}`}\n      style={customCssVariables}\n    >\n      <form\n        onSubmit={handleSubmit}\n        className={`${styles.form} ${styles[layout]}`}\n      >\n        {/* T\u00EDtulo */}\n        {title && <span className={styles.title}>{title}</span>}\n\n        {/* Input */}\n        <input\n          type=\"email\"\n          placeholder={placeholder}\n          className={styles.input}\n          aria-label=\"email\"\n          value={email}\n          onChange={(e) => setEmail(e.target.value)}\n          required\n          disabled={isLoading}\n        />\n\n        {/* Grupo Acciones (Checkbox + Bot\u00F3n) */}\n        <div\n          className={`${styles.actions} ${\n            layout === \"horizontal\"\n              ? styles.actionsHorizontal\n              : styles.actionsVertical\n          }`}\n        >\n          {/* Checkbox */}\n          <label className={styles.checkboxLabel}>\n            <input\n              type=\"checkbox\"\n              className={styles.checkbox}\n              checked={acceptedTerms}\n              onChange={(e) => setAcceptedTerms(e.target.checked)}\n              required\n              disabled={isLoading}\n            />\n            <span>\n              {termsText}{\" \"}\n              <Link\n                href={termsLink}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.termsLink}\n              >\n                {termsLinkText}\n              </Link>\n            </span>\n          </label>\n\n          {/* Bot\u00F3n */}\n          <button\n            type=\"submit\"\n            disabled={isLoading}\n            className={styles.button}\n          >\n            {isLoading ? \"Enviando...\" : buttonText}\n          </button>\n        </div>\n      </form>\n\n      {/* Mensaje */}\n      {message && (\n        <p\n          className={`${styles.message} ${\n            layout === \"horizontal\"\n              ? styles.messageHorizontal\n              : styles.messageVertical\n          }`}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}", "/* XNewsletter.module.css */\n\n.container {\n  /* Estas variables recibir\u00E1n sus valores desde React */\n  --nws-accent: var(--accent);\n  --nws-text: var(--text);\n  --nws-border: var(--border);\n  --nws-btn-text: var(--accent-text);\n  \n  width: 100%;\n  font-family: \"EB Garamond\", serif;\n}\n\n/* --- Layouts Base --- */\n.form {\n  display: flex;\n  gap: 1rem;\n}\n\n.horizontal {\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n\n@media (min-width: 768px) {\n  .horizontal {\n    flex-direction: row;\n  }\n}\n\n.vertical {\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n  max-width: 24rem; /* equivalente a max-w-sm */\n  margin: 0 auto;\n}\n\n/* --- Elementos --- */\n.title {\n  font-size: 0.875rem;\n  white-space: nowrap;\n  font-weight: 500;\n  color: var(--nws-text);\n}\n\n.input {\n  width: 100%;\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--nws-border);\n  background-color: transparent;\n  outline: none;\n  transition: border-color 0.2s ease;\n  color: var(--nws-text);\n  caret-color: var(--nws-accent);\n  font-family: inherit;\n}\n\n.horizontal .input {\n  /* En escritorio, el input horizontal es de tama\u00F1o fijo (md:w-64) */\n}\n@media (min-width: 768px) {\n  .horizontal .input {\n    width: 16rem; \n  }\n}\n\n.input:focus {\n  border-color: var(--nws-accent);\n}\n\n/* --- Checkbox y Bot\u00F3n --- */\n.actions {\n  display: flex;\n  gap: 1rem;\n}\n\n.actionsHorizontal {\n  flex-direction: row;\n  align-items: center;\n}\n\n.actionsVertical {\n  flex-direction: column;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.checkboxLabel {\n  display: flex;\n  align-items: center;\n  gap: 0.5rem;\n  font-size: 0.75rem;\n  white-space: nowrap;\n  cursor: pointer;\n  color: var(--nws-text);\n}\n\n.checkboxLabel span {\n  opacity: 0.7;\n}\n\n.checkbox {\n  height: 0.875rem;\n  width: 0.875rem;\n  border-radius: 0.125rem;\n  cursor: pointer;\n  accent-color: var(--nws-accent);\n}\n\n.termsLink {\n  text-decoration: underline;\n  color: var(--nws-accent);\n  transition: opacity 0.2s ease;\n}\n\n.termsLink:hover {\n  opacity: 1;\n}\n\n.button {\n  padding: 0.5rem 1rem;\n  font-size: 0.875rem;\n  border-radius: 0.5rem;\n  border: 1px solid var(--nws-accent);\n  color: var(--nws-accent);\n  background-color: transparent;\n  transition: all 0.2s ease;\n  white-space: nowrap;\n  cursor: pointer;\n}\n\n.button:hover:not(:disabled) {\n  background-color: var(--nws-accent);\n  color: var(--nws-btn-text);\n}\n\n.button:disabled, .input:disabled, .checkbox:disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.actionsVertical .button {\n  width: 100%;\n}\n\n/* --- Feedback Message --- */\n.message {\n  margin-top: 0.75rem;\n  font-size: 0.75rem;\n  color: var(--nws-accent);\n}\n\n.messageHorizontal {\n  text-align: center;\n}\n\n.messageVertical {\n  text-align: left;\n}"],
-  "mappings": "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",
-  "names": ["wrapper", "small", "medium", "large", "form", "row", "grid", "vertical", "field", "buttoncontainer", "button", "status", "statusOk", "statusError", "honeypot", "withDecorativeX", "decorativeXTop", "decorativeXBottom", "import_react", "container", "form", "horizontal", "vertical", "title", "input", "actions", "actionsHorizontal", "actionsVertical", "checkboxLabel", "checkbox", "termsLink", "button", "message", "messageHorizontal", "messageVertical", "import_jsx_runtime", "Link"]
+  "sources": ["../../../src/components/forms/index.ts", "../../../src/components/forms/xcontactform/XContactForm.tsx", "esbuild-css-modules-plugin-ns-js::src/components/forms/xcontactform/XContactForm.module.css:injector.js", "../../../src/components/forms/xcontactform/XContactForm.module.css", "../../../src/components/forms/xnewsletter/XNewsletter.tsx", "esbuild-css-modules-plugin-ns-js::src/components/forms/xnewsletter/XNewsletter.module.css:injector.js", "../../../src/components/forms/xnewsletter/XNewsletter.module.css"],
+  "sourcesContent": ["export { XContactForm } from \"./xcontactform\";\nexport { XNewsletter } from \"./xnewsletter\";\nexport type { XContactFormProps } from \"./xcontactform\";\nexport type { XNewsletterProps } from \"./xnewsletter\";\n", "\"use client\";\n\nimport { useState } from \"react\";\nimport styles from \"./XContactForm.module.css\";\n\ntype Status = { ok: boolean; msg: string } | null;\n\nexport interface XContactFormProps {\n  // Visibilidad\n  showName?: boolean;\n  showEmail?: boolean;\n  showPhone?: boolean;\n  showSubject?: boolean;\n  showMessage?: boolean;\n  \n  // Placeholders\n  namePlaceholder?: string;\n  emailPlaceholder?: string;\n  phonePlaceholder?: string;\n  subjectPlaceholder?: string;\n  messagePlaceholder?: string;\n\n  // Dise\u00F1o\n  labelColor?: string;\n  wrapperBackgroundColor?: string;\n  wrapperBorderColor?: string;\n  wrapperBorderWidth?: string;\n  wrapperBorderRadius?: \"rounded\" | \"square\";\n  wrapperBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  fieldBorderColor?: string;\n  fieldBorderWidth?: string;\n  fieldBorderRadius?: \"rounded\" | \"square\";\n  fieldBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  buttonColor?: string;\n  buttonBorderColor?: string;\n  buttonBorderWidth?: string;\n  buttonBorderRadius?: \"rounded\" | \"square\";\n  buttonBorderStyle?: \"solid\" | \"dashed\" | \"dotted\";\n  buttonHoverColor?: string;\n  buttonHoverTextColor?: string;\n  buttonHoverBorderColor?: string;\n  buttonTextColor?: string;\n  buttonAlignment?: \"left\" | \"right\";\n\n  // Mensajes de estado\n  requiredFieldsMessage?: string;\n  honeypotMessage?: string;\n  submitSuccessMessage?: string;\n  statusSuccessColor?: string;\n  statusErrorColor?: string;\n\n  // Decorativos\n  decorativeX?: boolean;\n  decorativeXColor?: string;\n\n  size?: \"small\" | \"medium\" | \"large\";\n  layout?: \"vertical\" | \"grid\";\n}\n\nexport default function XContactForm({\n  showName = true,\n  showEmail = true,\n  showPhone = true,\n  showSubject = true,\n  showMessage = true,\n  namePlaceholder = \"Tu nombre\",\n  emailPlaceholder = \"tucorreo@ejemplo.com\",\n  phonePlaceholder = \"+34 600 000 000\",\n  subjectPlaceholder = \"Tema del mensaje\",\n  messagePlaceholder = \"Cu\u00E9ntame qu\u00E9 necesitas\u2026\",\n  labelColor,\n  wrapperBackgroundColor,\n  wrapperBorderColor,\n  wrapperBorderWidth,\n  wrapperBorderRadius = \"rounded\",\n  wrapperBorderStyle = \"solid\",\n  fieldBorderColor,\n  fieldBorderWidth,\n  fieldBorderRadius = \"rounded\",\n  fieldBorderStyle = \"solid\",\n  buttonColor,\n  buttonBorderColor,\n  buttonBorderWidth,\n  buttonBorderRadius = \"rounded\",\n  buttonBorderStyle = \"solid\",\n  buttonHoverColor,\n  buttonHoverTextColor,\n  buttonHoverBorderColor,\n  buttonTextColor,\n  buttonAlignment = \"left\",\n  requiredFieldsMessage = \"Rellena los campos obligatorios.\",\n  honeypotMessage = \"Gracias.\",\n  submitSuccessMessage = \"Abriendo tu aplicaci\u00F3n de correo\u2026\",\n  statusSuccessColor,\n  statusErrorColor,\n  decorativeX = false,\n  decorativeXColor = \"currentColor\",\n  size = \"medium\",\n  layout = \"grid\",\n}: XContactFormProps) {\n  const [status, setStatus] = useState<Status>(null);\n\n  function onSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault();\n    setStatus(null);\n\n    const form = e.currentTarget;\n    const fd = new FormData(form);\n\n    if ((fd.get(\"website\") as string)?.length) {\n      setStatus({ ok: true, msg: honeypotMessage });\n      form.reset();\n      return;\n    }\n\n    const name = showName ? String(fd.get(\"name\") || \"\").trim() : \"\";\n    const email = showEmail ? String(fd.get(\"email\") || \"\").trim() : \"\";\n    const phone = showPhone ? String(fd.get(\"phone\") || \"\").trim() : \"\";\n    const subject = showSubject\n      ? String(fd.get(\"subject\") || \"Contacto desde web\").trim()\n      : \"Contacto desde web\";\n    const message = showMessage ? String(fd.get(\"message\") || \"\").trim() : \"\";\n\n    if (\n      (showName && !name) ||\n      (showEmail && !email) ||\n      (showPhone && !phone) ||\n      (showMessage && !message)\n    ) {\n      setStatus({ ok: false, msg: requiredFieldsMessage });\n      return;\n    }\n\n    const bodyLines = [];\n    if (showName) bodyLines.push(`Nombre: ${name}`);\n    if (showEmail) bodyLines.push(`Email: ${email}`);\n    if (showPhone) bodyLines.push(`Tel\u00E9fono: ${phone}`);\n    bodyLines.push(\"\");\n    if (showMessage) bodyLines.push(message);\n\n    const body = bodyLines.join(\"\\n\");\n    const to = \"x@xscriptor.com\";\n    const mailto = `mailto:${encodeURIComponent(to)}?subject=${encodeURIComponent(\n      subject\n    )}&body=${encodeURIComponent(body)}`;\n\n    window.location.href = mailto;\n    setStatus({ ok: true, msg: submitSuccessMessage });\n  }\n\n  const radiusMap = {\n    rounded: \"0.5rem\",\n    square: \"0\",\n  } as const;\n\n  const alignmentMap = {\n    left: \"flex-start\",\n    right: \"flex-end\",\n  } as const;\n\n  // Variables CSS din\u00E1micas para estilos configurables\n  const customStyles = {\n    ...(decorativeXColor && { \"--decorative-x-color\": decorativeXColor }),\n    ...(labelColor && { \"--label-color\": labelColor }),\n    ...(wrapperBackgroundColor && { \"--wrapper-bg-color\": wrapperBackgroundColor }),\n    ...(wrapperBorderColor && { \"--wrapper-border-color\": wrapperBorderColor }),\n    ...(wrapperBorderWidth && { \"--wrapper-border-width\": wrapperBorderWidth }),\n    \"--wrapper-radius\": radiusMap[wrapperBorderRadius],\n    \"--wrapper-border-style\": wrapperBorderStyle,\n    ...(fieldBorderColor && { \"--field-border-color\": fieldBorderColor }),\n    ...(fieldBorderWidth && { \"--field-border-width\": fieldBorderWidth }),\n    \"--field-radius\": radiusMap[fieldBorderRadius],\n    \"--field-border-style\": fieldBorderStyle,\n    ...(buttonColor && { \"--btn-bg-color\": buttonColor }),\n    ...(buttonBorderColor && { \"--btn-border-color\": buttonBorderColor }),\n    ...(buttonBorderWidth && { \"--btn-border-width\": buttonBorderWidth }),\n    \"--btn-radius\": radiusMap[buttonBorderRadius],\n    \"--btn-border-style\": buttonBorderStyle,\n    \"--btn-alignment\": alignmentMap[buttonAlignment],\n    ...(buttonHoverColor && { \"--btn-hover-bg-color\": buttonHoverColor }),\n    ...(buttonHoverTextColor && { \"--btn-hover-text-color\": buttonHoverTextColor }),\n    ...(buttonHoverBorderColor && { \"--btn-hover-border-color\": buttonHoverBorderColor }),\n    ...(buttonTextColor && { \"--btn-text-color\": buttonTextColor }),\n    ...(statusSuccessColor && { \"--status-ok-color\": statusSuccessColor }),\n    ...(statusErrorColor && { \"--status-error-color\": statusErrorColor }),\n  } as React.CSSProperties;\n\n  return (\n    <div className={`${styles.wrapper} ${styles[size]} ${decorativeX ? styles.withDecorativeX : \"\"}`} style={customStyles}>\n      {decorativeX && <div className={styles.decorativeXTop}>\u2715</div>}\n      <form onSubmit={onSubmit} className={`${styles.form} ${styles[layout]}`} noValidate>\n        <div className={styles.honeypot} aria-hidden=\"true\">\n          <label htmlFor=\"website\">Tu web</label>\n          <input id=\"website\" name=\"website\" type=\"text\" tabIndex={-1} autoComplete=\"off\" />\n        </div>\n\n        {(showName || showEmail || showPhone) && (\n          <div className={styles.row}>\n            {showName && (\n              <div className={styles.field}>\n                <label htmlFor=\"name\">Nombre</label>\n                <input id=\"name\" name=\"name\" type=\"text\" placeholder={namePlaceholder} required maxLength={80} />\n              </div>\n            )}\n            {showEmail && (\n              <div className={styles.field}>\n                <label htmlFor=\"email\">Email</label>\n                <input id=\"email\" name=\"email\" type=\"email\" inputMode=\"email\" placeholder={emailPlaceholder} required />\n              </div>\n            )}\n            {showPhone && (\n              <div className={styles.field}>\n                <label htmlFor=\"phone\">Tel\u00E9fono</label>\n                <input id=\"phone\" name=\"phone\" type=\"tel\" inputMode=\"tel\" placeholder={phonePlaceholder} required maxLength={20} />\n              </div>\n            )}\n          </div>\n        )}\n\n        {showSubject && (\n          <div className={styles.field}>\n            <label htmlFor=\"subject\">Asunto</label>\n            <input id=\"subject\" name=\"subject\" type=\"text\" placeholder={subjectPlaceholder} required maxLength={120} />\n          </div>\n        )}\n\n        {showMessage && (\n          <div className={styles.field}>\n            <label htmlFor=\"message\">Mensaje</label>\n            <textarea id=\"message\" name=\"message\" rows={6} placeholder={messagePlaceholder} required maxLength={3000} />\n          </div>\n        )}\n\n        <div className={styles.buttoncontainer}>\n          <button type=\"submit\" className={styles.button}>\n            Enviar\n          </button>\n        </div>\n\n        <p className={`${styles.status} ${status?.ok ? styles.statusOk : status === null ? \"\" : styles.statusError}`} role=\"status\" aria-live=\"polite\">\n          {status?.msg}\n        </p>\n      </form>\n      {decorativeX && <div className={styles.decorativeXBottom}>\u2715</div>}\n    </div>\n  );\n}", "\nconst content = __content_placeholder__;\nconst digest = __digest_placeholder__;  \nconst inject = () => {\n  setTimeout(() => {\n    if (!globalThis.document) {\n      return;\n    }\n    let root = globalThis.document.querySelector(\"head\");\n    if (root && root.shadowRoot) {\n      root = root.shadowRoot;\n    }\n    if (!root) {\n      root = globalThis.document.head;\n    }\n    let container = root.querySelector(\"#_\" + digest);\n    if (!container) {\n      container = globalThis.document.createElement(\"style\");\n      container.id = \"_\" + digest;\n      const text = globalThis.document.createTextNode(content);\n      container.appendChild(text);\n      root.appendChild(container);\n    }\n  }, 0);\n};\n\nexport { inject };\n    ", "import \"esbuild-css-modules-plugin-ns-css:src/components/forms/xcontactform/XContactForm.module.css\";\n\nimport { inject } from \"esbuild-css-modules-plugin-ns-js:src/components/forms/xcontactform/XContactForm.module.css:injector.js\";\nexport default new Proxy({\n  \"button\": \"XContactForm-module__button_o7lHUG__012\",\n  \"buttoncontainer\": \"XContactForm-module__buttoncontainer_o7lHUG__012\",\n  \"decorativeXBottom\": \"XContactForm-module__decorativeXBottom_o7lHUG__012\",\n  \"decorativeXTop\": \"XContactForm-module__decorativeXTop_o7lHUG__012\",\n  \"field\": \"XContactForm-module__field_o7lHUG__012\",\n  \"form\": \"XContactForm-module__form_o7lHUG__012\",\n  \"grid\": \"XContactForm-module__grid_o7lHUG__012\",\n  \"honeypot\": \"XContactForm-module__honeypot_o7lHUG__012\",\n  \"large\": \"XContactForm-module__large_o7lHUG__012\",\n  \"medium\": \"XContactForm-module__medium_o7lHUG__012\",\n  \"row\": \"XContactForm-module__row_o7lHUG__012\",\n  \"small\": \"XContactForm-module__small_o7lHUG__012\",\n  \"status\": \"XContactForm-module__status_o7lHUG__012\",\n  \"statusError\": \"XContactForm-module__statusError_o7lHUG__012\",\n  \"statusOk\": \"XContactForm-module__statusOk_o7lHUG__012\",\n  \"vertical\": \"XContactForm-module__vertical_o7lHUG__012\",\n  \"withDecorativeX\": \"XContactForm-module__withDecorativeX_o7lHUG__012\",\n  \"wrapper\": \"XContactForm-module__wrapper_o7lHUG__012\"\n}, {\n  get: function(source, key) {\n    inject();\n    return source[key];\n  }\n});\n      ", "\"use client\";\n\nimport { useState } from \"react\";\nimport Link from \"next/link\";\nimport styles from \"./XNewsletter.module.css\";\n\nexport interface XNewsletterProps {\n  title?: string;\n  placeholder?: string;\n  buttonText?: string;\n  termsText?: string;\n  termsLinkText?: string;\n  successMessage?: string;\n  errorMessage?: string;\n  termsErrorMessage?: string;\n  termsLink?: string;\n  apiRoute: string;\n  method?: \"POST\" | \"GET\" | \"PUT\";\n  payloadType?: \"formData\" | \"json\";\n  layout?: \"horizontal\" | \"vertical\";\n  accentColor?: string;\n  textColor?: string;\n  borderColor?: string;\n  buttonTextColor?: string;\n  containerClassName?: string; // Para clases extra desde afuera si las necesitas\n}\n\nexport default function XNewsletter({\n  title = \"Recibe poes\u00EDa y reflexiones\",\n  placeholder = \"tu@email.com\",\n  buttonText = \"Suscribirse\",\n  termsText = \"Acepto\",\n  termsLinkText = \"t\u00E9rminos\",\n  successMessage = \"\u00A1Bienvenido(a)!\",\n  errorMessage = \"Algo sali\u00F3 mal. Por favor, intenta de nuevo.\",\n  termsErrorMessage = \"Debes aceptar los t\u00E9rminos y condiciones para suscribirte...\",\n  termsLink = \"/terminos-y-condiciones\",\n  apiRoute,\n  method = \"POST\",\n  payloadType = \"formData\",\n  layout = \"horizontal\",\n  accentColor = \"var(--accent)\",\n  textColor = \"var(--text)\",\n  borderColor = \"var(--border)\",\n  buttonTextColor = \"var(--accent-text)\",\n  containerClassName = \"w-full max-w-4xl mx-auto px-4 py-6\",\n}: XNewsletterProps) {\n  const [email, setEmail] = useState(\"\");\n  const [acceptedTerms, setAcceptedTerms] = useState(false);\n  const [message, setMessage] = useState(\"\");\n  const [isLoading, setIsLoading] = useState(false);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setMessage(\"\");\n\n    if (!acceptedTerms) {\n      setMessage(termsErrorMessage);\n      return;\n    }\n\n    setIsLoading(true);\n\n    try {\n      let bodyData: BodyInit | null | undefined = null;\n      let headers: HeadersInit = {};\n\n      if (payloadType === \"formData\") {\n        const formData = new FormData();\n        formData.append(\"email\", email);\n        bodyData = formData;\n      } else if (payloadType === \"json\") {\n        bodyData = JSON.stringify({ email });\n        headers = { \"Content-Type\": \"application/json\" };\n      }\n\n      const response = await fetch(apiRoute, {\n        method,\n        headers,\n        body: method !== \"GET\" ? bodyData : undefined,\n        cache: \"no-store\",\n      });\n\n      const data = await response.json();\n\n      if (response.ok && data.success) {\n        setMessage(data.message || successMessage);\n        setEmail(\"\");\n        setAcceptedTerms(false);\n      } else {\n        setMessage(data.error || errorMessage);\n      }\n    } catch {\n      setMessage(errorMessage);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n\n  // Convertimos las props de colores a Variables CSS nativas.\n  const customCssVariables = {\n    \"--nws-accent\": accentColor,\n    \"--nws-text\": textColor,\n    \"--nws-border\": borderColor,\n    \"--nws-btn-text\": buttonTextColor,\n  } as React.CSSProperties;\n\n  return (\n    <div\n      className={`${styles.container} ${containerClassName}`}\n      style={customCssVariables}\n    >\n      <form\n        onSubmit={handleSubmit}\n        className={`${styles.form} ${styles[layout]}`}\n      >\n        {/* T\u00EDtulo */}\n        {title && <span className={styles.title}>{title}</span>}\n\n        {/* Input */}\n        <input\n          type=\"email\"\n          placeholder={placeholder}\n          className={styles.input}\n          aria-label=\"email\"\n          value={email}\n          onChange={(e) => setEmail(e.target.value)}\n          required\n          disabled={isLoading}\n        />\n\n        {/* Grupo Acciones (Checkbox + Bot\u00F3n) */}\n        <div\n          className={`${styles.actions} ${\n            layout === \"horizontal\"\n              ? styles.actionsHorizontal\n              : styles.actionsVertical\n          }`}\n        >\n          {/* Checkbox */}\n          <label className={styles.checkboxLabel}>\n            <input\n              type=\"checkbox\"\n              className={styles.checkbox}\n              checked={acceptedTerms}\n              onChange={(e) => setAcceptedTerms(e.target.checked)}\n              required\n              disabled={isLoading}\n            />\n            <span>\n              {termsText}{\" \"}\n              <Link\n                href={termsLink}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.termsLink}\n              >\n                {termsLinkText}\n              </Link>\n            </span>\n          </label>\n\n          {/* Bot\u00F3n */}\n          <button\n            type=\"submit\"\n            disabled={isLoading}\n            className={styles.button}\n          >\n            {isLoading ? \"Enviando...\" : buttonText}\n          </button>\n        </div>\n      </form>\n\n      {/* Mensaje */}\n      {message && (\n        <p\n          className={`${styles.message} ${\n            layout === \"horizontal\"\n              ? styles.messageHorizontal\n              : styles.messageVertical\n          }`}\n        >\n          {message}\n        </p>\n      )}\n    </div>\n  );\n}", "\nconst content = __content_placeholder__;\nconst digest = __digest_placeholder__;  \nconst inject = () => {\n  setTimeout(() => {\n    if (!globalThis.document) {\n      return;\n    }\n    let root = globalThis.document.querySelector(\"head\");\n    if (root && root.shadowRoot) {\n      root = root.shadowRoot;\n    }\n    if (!root) {\n      root = globalThis.document.head;\n    }\n    let container = root.querySelector(\"#_\" + digest);\n    if (!container) {\n      container = globalThis.document.createElement(\"style\");\n      container.id = \"_\" + digest;\n      const text = globalThis.document.createTextNode(content);\n      container.appendChild(text);\n      root.appendChild(container);\n    }\n  }, 0);\n};\n\nexport { inject };\n    ", "import \"esbuild-css-modules-plugin-ns-css:src/components/forms/xnewsletter/XNewsletter.module.css\";\n\nimport { inject } from \"esbuild-css-modules-plugin-ns-js:src/components/forms/xnewsletter/XNewsletter.module.css:injector.js\";\nexport default new Proxy({\n  \"actions\": \"XNewsletter-module__actions_uZr2_a__012\",\n  \"actionsHorizontal\": \"XNewsletter-module__actionsHorizontal_uZr2_a__012\",\n  \"actionsVertical\": \"XNewsletter-module__actionsVertical_uZr2_a__012\",\n  \"button\": \"XNewsletter-module__button_uZr2_a__012\",\n  \"checkbox\": \"XNewsletter-module__checkbox_uZr2_a__012\",\n  \"checkboxLabel\": \"XNewsletter-module__checkboxLabel_uZr2_a__012\",\n  \"container\": \"XNewsletter-module__container_uZr2_a__012\",\n  \"form\": \"XNewsletter-module__form_uZr2_a__012\",\n  \"horizontal\": \"XNewsletter-module__horizontal_uZr2_a__012\",\n  \"input\": \"XNewsletter-module__input_uZr2_a__012\",\n  \"message\": \"XNewsletter-module__message_uZr2_a__012\",\n  \"messageHorizontal\": \"XNewsletter-module__messageHorizontal_uZr2_a__012\",\n  \"messageVertical\": \"XNewsletter-module__messageVertical_uZr2_a__012\",\n  \"termsLink\": \"XNewsletter-module__termsLink_uZr2_a__012\",\n  \"title\": \"XNewsletter-module__title_uZr2_a__012\",\n  \"vertical\": \"XNewsletter-module__vertical_uZr2_a__012\"\n}, {\n  get: function(source, key) {\n    inject();\n    return source[key];\n  }\n});\n      "],
+  "mappings": "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",
+  "names": ["import_react", "content", "digest", "inject", "inject", "import_jsx_runtime", "Link"]
 }

package/dist/components/forms/index.mjs

@@ -1,7 +1,7 @@
 import {
   XContactForm,
   XNewsletter
-} from "../../chunk-TKT37LIX.mjs";
+} from "../../chunk-BXVG4SYP.mjs";
 export {
   XContactForm,
   XNewsletter

package/dist/components/gallery/index.css

@@ -1,228 +1,225 @@
-/* src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
-.XMicroGalleryText_container3 {
-  display: flex;
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css */
+.XMicroGalleryText-module__container_22YC0W__012 {
   flex-direction: column;
+  align-items: center;
   gap: 2rem;
   width: 100%;
-  align-items: center;
   margin: 2rem 0;
+  display: flex;
 }
-@media (min-width: 1024px) {
-  .XMicroGalleryText_container3 {
+@media (width >= 1024px) {
+  .XMicroGalleryText-module__container_22YC0W__012 {
     flex-direction: row;
     align-items: center;
     gap: 4rem;
   }
-  .XMicroGalleryText_reverse3 {
+  .XMicroGalleryText-module__reverse_22YC0W__012 {
     flex-direction: row-reverse;
   }
 }
-.XMicroGalleryText_textContent3 {
-  flex: 1;
+.XMicroGalleryText-module__textContent_22YC0W__012 {
   opacity: 0;
-  transform: translateY(30px);
-  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
   color: var(--foreground);
+  flex: 1;
+  transition: opacity .8s ease-out, transform .8s ease-out;
+  transform: translateY(30px);
 }
-.XMicroGalleryText_textContent3.XMicroGalleryText_visible3 {
+.XMicroGalleryText-module__textContent_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.XMicroGalleryText_textLeft3 {
+.XMicroGalleryText-module__textLeft_22YC0W__012 {
   text-align: left;
 }
-.XMicroGalleryText_textRight3 {
+.XMicroGalleryText-module__textRight_22YC0W__012 {
   text-align: right;
 }
-.XMicroGalleryText_textCenter3 {
+.XMicroGalleryText-module__textCenter_22YC0W__012 {
   text-align: center;
 }
-.XMicroGalleryText_textContent3 p,
-.XMicroGalleryText_textContent3 div,
-.XMicroGalleryText_textContent3 span,
-.XMicroGalleryText_textContent3 em,
-.XMicroGalleryText_textContent3 strong,
-.XMicroGalleryText_textContent3 a {
+.XMicroGalleryText-module__textContent_22YC0W__012 p,
+.XMicroGalleryText-module__textContent_22YC0W__012 div,
+.XMicroGalleryText-module__textContent_22YC0W__012 span,
+.XMicroGalleryText-module__textContent_22YC0W__012 em,
+.XMicroGalleryText-module__textContent_22YC0W__012 strong,
+.XMicroGalleryText-module__textContent_22YC0W__012 a {
   text-align: inherit;
   max-width: none;
   margin-left: unset;
   margin-right: unset;
 }
-.XMicroGalleryText_gallery3 {
+.XMicroGalleryText-module__gallery_22YC0W__012 {
   flex: 1.5;
   width: 100%;
 }
-.XMicroGalleryText_artisticGrid3 {
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 {
   grid-template-rows: 380px 220px;
+  grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
+  display: grid;
 }
-.XMicroGalleryText_imageWrapper3 {
-  position: relative;
-  overflow: hidden;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
-  border-radius: 20px;
+.XMicroGalleryText-module__imageWrapper_22YC0W__012 {
   opacity: 0;
-  transform: translateY(50px) scale(0.95);
+  border-radius: 20px;
   transition:
-    opacity 0.6s ease-out,
-    transform 0.6s ease-out,
-    box-shadow 0.3s ease;
+    opacity .6s ease-out,
+    transform .6s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(50px) scale(.95);
+  box-shadow: 0 10px 30px #0000001a;
 }
-.XMicroGalleryText_imageWrapper3.XMicroGalleryText_visible3 {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {
   opacity: 1;
   transform: translateY(0) scale(1);
 }
-.XMicroGalleryText_imageWrapper3:hover {
+.XMicroGalleryText-module__imageWrapper_22YC0W__012:hover {
   transform: translateY(-5px);
-  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
+  box-shadow: 0 20px 40px #00000026;
 }
-.XMicroGalleryText_previewImage3 {
+.XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-fit: cover;
 }
-.XMicroGalleryText_artisticGrid3 .XMicroGalleryText_artistic13 .XMicroGalleryText_previewImage3 {
+.XMicroGalleryText-module__artisticGrid_22YC0W__012 .XMicroGalleryText-module__artistic1_22YC0W__012 .XMicroGalleryText-module__previewImage_22YC0W__012 {
   object-position: center top;
   transform: translateY(0);
 }
-.XMicroGalleryText_artistic13 {
-  grid-column: 1 / 4;
-  grid-row: 1 / 2;
-  transition-delay: 0.2s;
+.XMicroGalleryText-module__artistic1_22YC0W__012 {
+  grid-area: 1 / 1 / 2 / 4;
+  transition-delay: .2s;
 }
-.XMicroGalleryText_artistic23 {
-  grid-column: 1 / 2;
-  grid-row: 2 / 3;
-  transition-delay: 0.3s;
+.XMicroGalleryText-module__artistic2_22YC0W__012 {
+  grid-area: 2 / 1 / 3 / 2;
+  transition-delay: .3s;
 }
-.XMicroGalleryText_artistic33 {
-  grid-column: 2 / 4;
-  grid-row: 2 / 3;
-  transition-delay: 0.4s;
+.XMicroGalleryText-module__artistic3_22YC0W__012 {
+  grid-area: 2 / 2 / 3 / 4;
+  transition-delay: .4s;
 }
-@media (max-width: 768px) {
-  .XMicroGalleryText_artisticGrid3 {
-    grid-template-columns: 1fr;
+@media (width <= 768px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 240px 180px 180px;
+    grid-template-columns: 1fr;
   }
-  .XMicroGalleryText_artistic13,
-  .XMicroGalleryText_artistic23,
-  .XMicroGalleryText_artistic33 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012,
+  .XMicroGalleryText-module__artistic2_22YC0W__012,
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-column: 1 / 2;
   }
-  .XMicroGalleryText_artistic13 {
+  .XMicroGalleryText-module__artistic1_22YC0W__012 {
     grid-row: 1 / 2;
   }
-  .XMicroGalleryText_artistic23 {
+  .XMicroGalleryText-module__artistic2_22YC0W__012 {
     grid-row: 2 / 3;
   }
-  .XMicroGalleryText_artistic33 {
+  .XMicroGalleryText-module__artistic3_22YC0W__012 {
     grid-row: 3 / 4;
   }
 }
-@media (max-width: 480px) {
-  .XMicroGalleryText_artisticGrid3 {
+@media (width <= 480px) {
+  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {
     grid-template-rows: 200px 140px 140px;
   }
 }
 
-/* src/components/gallery/xstaticgallery/XStaticGallery.module.css */
-.XStaticGallery_galleryContainer3 {
+/* esbuild-css-modules-plugin-ns-css:src/components/gallery/xstaticgallery/XStaticGallery.module.css */
+.XStaticGallery-module__galleryContainer_7nn4pa__012 {
   width: 100%;
   max-width: 80rem;
   margin: 0 auto;
   padding: 1rem 1rem 3rem;
 }
-.XStaticGallery_galleryTitle3 {
-  font-size: 1.875rem;
+.XStaticGallery-module__galleryTitle_7nn4pa__012 {
   text-align: right;
   color: var(--primary);
+  opacity: .8;
   margin-bottom: 3rem;
-  opacity: 0.8;
+  font-size: 1.875rem;
 }
-.XStaticGallery_masonryGrid3 {
+.XStaticGallery-module__masonryGrid_7nn4pa__012 {
   gap: 1rem;
 }
-.XStaticGallery_masonryItem3 {
+.XStaticGallery-module__masonryItem_7nn4pa__012 {
   break-inside: avoid;
-  position: relative;
+  opacity: 0;
   border-radius: 1rem;
-  overflow: hidden;
-  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
   margin-bottom: 1rem;
-  opacity: 0;
-  transform: translateY(20px);
   transition:
-    opacity 0.5s ease-out,
-    transform 0.5s ease-out,
-    box-shadow 0.3s ease;
+    opacity .5s ease-out,
+    transform .5s ease-out,
+    box-shadow .3s;
+  position: relative;
+  overflow: hidden;
+  transform: translateY(20px);
+  box-shadow: 0 4px 12px #00000014;
 }
-.XStaticGallery_masonryItem3.XStaticGallery_visible3 {
+.XStaticGallery-module__masonryItem_7nn4pa__012.XStaticGallery-module__visible_7nn4pa__012 {
   opacity: 1;
   transform: translateY(0);
 }
-.XStaticGallery_masonryItem3:hover {
-  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover {
+  box-shadow: 0 12px 32px #0000002e;
 }
-.XStaticGallery_imageContainer3 {
-  position: relative;
+.XStaticGallery-module__imageContainer_7nn4pa__012 {
+  border-radius: 1rem;
   width: 100%;
+  position: relative;
   overflow: hidden;
-  border-radius: 1rem;
 }
-.XStaticGallery_galleryImage3 {
+.XStaticGallery-module__galleryImage_7nn4pa__012 {
+  object-fit: cover;
   width: 100%;
   height: auto;
-  object-fit: cover;
+  transition: transform .5s ease-out;
   display: block;
-  transition: transform 0.5s ease-out;
 }
-.XStaticGallery_masonryItem3:hover .XStaticGallery_galleryImage3 {
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__galleryImage_7nn4pa__012 {
   transform: scale(1.05);
 }
-.XStaticGallery_imageOverlay3 {
+.XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  pointer-events: none;
+  background: none;
+  transition: background .3s;
   position: absolute;
   inset: 0;
-  background: rgba(0, 0, 0, 0);
-  transition: background 0.3s ease;
-  pointer-events: none;
 }
-.XStaticGallery_masonryItem3:hover .XStaticGallery_imageOverlay3 {
-  background: rgba(0, 0, 0, 0.1);
+.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__imageOverlay_7nn4pa__012 {
+  background: #0000001a;
 }
-.XStaticGallery_cols13 {
+.XStaticGallery-module__cols1_7nn4pa__012 {
   columns: 1;
 }
-.XStaticGallery_cols23 {
+.XStaticGallery-module__cols2_7nn4pa__012 {
   columns: 2;
 }
-.XStaticGallery_cols33 {
+.XStaticGallery-module__cols3_7nn4pa__012 {
   columns: 3;
 }
-.XStaticGallery_cols43 {
+.XStaticGallery-module__cols4_7nn4pa__012 {
   columns: 4;
 }
-.XStaticGallery_cols53 {
+.XStaticGallery-module__cols5_7nn4pa__012 {
   columns: 5;
 }
-@media (max-width: 1280px) {
-  .XStaticGallery_cols43,
-  .XStaticGallery_cols53 {
+@media (width <= 1280px) {
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 3;
   }
 }
-@media (max-width: 768px) {
-  .XStaticGallery_cols33,
-  .XStaticGallery_cols43,
-  .XStaticGallery_cols53 {
+@media (width <= 768px) {
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 2;
   }
 }
-@media (max-width: 640px) {
-  .XStaticGallery_cols23,
-  .XStaticGallery_cols33,
-  .XStaticGallery_cols43,
-  .XStaticGallery_cols53 {
+@media (width <= 640px) {
+  .XStaticGallery-module__cols2_7nn4pa__012,
+  .XStaticGallery-module__cols3_7nn4pa__012,
+  .XStaticGallery-module__cols4_7nn4pa__012,
+  .XStaticGallery-module__cols5_7nn4pa__012 {
     columns: 1;
   }
 }

package/dist/components/gallery/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "../../../src/components/gallery/xstaticgallery/XStaticGallery.module.css"],
-  "sourcesContent": [".container {\n  display: flex;\n  flex-direction: column;\n  gap: 2rem;\n  width: 100%;\n  align-items: center;\n  margin: 2rem 0;\n}\n\n@media (min-width: 1024px) {\n  .container {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n  \n  .reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n.textContent {\n  flex: 1;\n  opacity: 0;\n  transform: translateY(30px);\n  transition: opacity 0.8s ease-out, transform 0.8s ease-out;\n  color: var(--foreground);\n}\n\n.textContent.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.textLeft {\n  text-align: left;\n}\n\n.textRight {\n  text-align: right;\n}\n\n.textCenter {\n  text-align: center;\n}\n\n.textContent p,\n.textContent div,\n.textContent span,\n.textContent em,\n.textContent strong,\n.textContent a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.gallery {\n  flex: 1.5;\n  width: 100%;\n}\n\n.artisticGrid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: 380px 220px;\n  gap: 1rem;\n}\n\n.imageWrapper {\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n  border-radius: 20px;\n  opacity: 0;\n  transform: translateY(50px) scale(0.95);\n  transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease;\n}\n\n.imageWrapper.visible {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.imageWrapper:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n}\n\n.previewImage {\n  object-fit: cover;\n}\n\n.artisticGrid .artistic1 .previewImage {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.artistic1 {\n  grid-column: 1 / 4;\n  grid-row: 1 / 2;\n  transition-delay: 0.2s;\n}\n\n.artistic2 {\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n  transition-delay: 0.3s;\n}\n\n.artistic3 {\n  grid-column: 2 / 4;\n  grid-row: 2 / 3;\n  transition-delay: 0.4s;\n}\n\n/* Responsive Design */\n@media (max-width: 768px) {\n  .artisticGrid {\n    grid-template-columns: 1fr;\n    grid-template-rows: 240px 180px 180px;\n  }\n  \n  .artistic1,\n  .artistic2,\n  .artistic3 {\n    grid-column: 1 / 2;\n  }\n  \n  .artistic1 {\n    grid-row: 1 / 2;\n  }\n  \n  .artistic2 {\n    grid-row: 2 / 3;\n  }\n  \n  .artistic3 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (max-width: 480px) {\n  .artisticGrid {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n", ".galleryContainer {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.galleryTitle {\n  font-size: 1.875rem;\n  text-align: right;\n  color: var(--primary);\n  margin-bottom: 3rem;\n  opacity: 0.8;\n}\n\n/* Masonry via CSS columns */\n.masonryGrid {\n  gap: 1rem;\n}\n\n.masonryItem {\n  break-inside: avoid;\n  position: relative;\n  border-radius: 1rem;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  margin-bottom: 1rem;\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity 0.5s ease-out, transform 0.5s ease-out, box-shadow 0.3s ease;\n}\n\n.masonryItem.visible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.masonryItem:hover {\n  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);\n}\n\n.imageContainer {\n  position: relative;\n  width: 100%;\n  overflow: hidden;\n  border-radius: 1rem;\n}\n\n.galleryImage {\n  width: 100%;\n  height: auto;\n  object-fit: cover;\n  display: block;\n  transition: transform 0.5s ease-out;\n}\n\n.masonryItem:hover .galleryImage {\n  transform: scale(1.05);\n}\n\n.imageOverlay {\n  position: absolute;\n  inset: 0;\n  background: rgba(0, 0, 0, 0);\n  transition: background 0.3s ease;\n  pointer-events: none;\n}\n\n.masonryItem:hover .imageOverlay {\n  background: rgba(0, 0, 0, 0.1);\n}\n\n/* Column count via CSS custom property */\n.cols1 { columns: 1; }\n.cols2 { columns: 2; }\n.cols3 { columns: 3; }\n.cols4 { columns: 4; }\n.cols5 { columns: 5; }\n\n/* Responsive overrides */\n@media (max-width: 1280px) {\n  .cols4, .cols5 { columns: 3; }\n}\n\n@media (max-width: 768px) {\n  .cols3, .cols4, .cols5 { columns: 2; }\n}\n\n@media (max-width: 640px) {\n  .cols2, .cols3, .cols4, .cols5 { columns: 1; }\n}\n"],
-  "mappings": "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",
-  "names": ["container", "reverse", "textContent", "visible", "textLeft", "textRight", "textCenter", "gallery", "artisticGrid", "imageWrapper", "previewImage", "artistic1", "artistic2", "artistic3", "galleryContainer", "galleryTitle", "masonryGrid", "masonryItem", "visible", "imageContainer", "galleryImage", "imageOverlay", "cols1", "cols2", "cols3", "cols4", "cols5"]
+  "sources": ["esbuild-css-modules-plugin-ns-css:src/components/gallery/xmicrogallerytext/XMicroGalleryText.module.css", "esbuild-css-modules-plugin-ns-css:src/components/gallery/xstaticgallery/XStaticGallery.module.css"],
+  "sourcesContent": [".XMicroGalleryText-module__container_22YC0W__012 {\n  flex-direction: column;\n  align-items: center;\n  gap: 2rem;\n  width: 100%;\n  margin: 2rem 0;\n  display: flex;\n}\n\n@media (width >= 1024px) {\n  .XMicroGalleryText-module__container_22YC0W__012 {\n    flex-direction: row;\n    align-items: center;\n    gap: 4rem;\n  }\n\n  .XMicroGalleryText-module__reverse_22YC0W__012 {\n    flex-direction: row-reverse;\n  }\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012 {\n  opacity: 0;\n  color: var(--foreground);\n  flex: 1;\n  transition: opacity .8s ease-out, transform .8s ease-out;\n  transform: translateY(30px);\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.XMicroGalleryText-module__textLeft_22YC0W__012 {\n  text-align: left;\n}\n\n.XMicroGalleryText-module__textRight_22YC0W__012 {\n  text-align: right;\n}\n\n.XMicroGalleryText-module__textCenter_22YC0W__012 {\n  text-align: center;\n}\n\n.XMicroGalleryText-module__textContent_22YC0W__012 p, .XMicroGalleryText-module__textContent_22YC0W__012 div, .XMicroGalleryText-module__textContent_22YC0W__012 span, .XMicroGalleryText-module__textContent_22YC0W__012 em, .XMicroGalleryText-module__textContent_22YC0W__012 strong, .XMicroGalleryText-module__textContent_22YC0W__012 a {\n  text-align: inherit;\n  max-width: none;\n  margin-left: unset;\n  margin-right: unset;\n}\n\n.XMicroGalleryText-module__gallery_22YC0W__012 {\n  flex: 1.5;\n  width: 100%;\n}\n\n.XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n  grid-template-rows: 380px 220px;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 1rem;\n  display: grid;\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012 {\n  opacity: 0;\n  border-radius: 20px;\n  transition: opacity .6s ease-out, transform .6s ease-out, box-shadow .3s;\n  position: relative;\n  overflow: hidden;\n  transform: translateY(50px) scale(.95);\n  box-shadow: 0 10px 30px #0000001a;\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012.XMicroGalleryText-module__visible_22YC0W__012 {\n  opacity: 1;\n  transform: translateY(0) scale(1);\n}\n\n.XMicroGalleryText-module__imageWrapper_22YC0W__012:hover {\n  transform: translateY(-5px);\n  box-shadow: 0 20px 40px #00000026;\n}\n\n.XMicroGalleryText-module__previewImage_22YC0W__012 {\n  object-fit: cover;\n}\n\n.XMicroGalleryText-module__artisticGrid_22YC0W__012 .XMicroGalleryText-module__artistic1_22YC0W__012 .XMicroGalleryText-module__previewImage_22YC0W__012 {\n  object-position: center top;\n  transform: translateY(0);\n}\n\n.XMicroGalleryText-module__artistic1_22YC0W__012 {\n  grid-area: 1 / 1 / 2 / 4;\n  transition-delay: .2s;\n}\n\n.XMicroGalleryText-module__artistic2_22YC0W__012 {\n  grid-area: 2 / 1 / 3 / 2;\n  transition-delay: .3s;\n}\n\n.XMicroGalleryText-module__artistic3_22YC0W__012 {\n  grid-area: 2 / 2 / 3 / 4;\n  transition-delay: .4s;\n}\n\n@media (width <= 768px) {\n  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n    grid-template-rows: 240px 180px 180px;\n    grid-template-columns: 1fr;\n  }\n\n  .XMicroGalleryText-module__artistic1_22YC0W__012, .XMicroGalleryText-module__artistic2_22YC0W__012, .XMicroGalleryText-module__artistic3_22YC0W__012 {\n    grid-column: 1 / 2;\n  }\n\n  .XMicroGalleryText-module__artistic1_22YC0W__012 {\n    grid-row: 1 / 2;\n  }\n\n  .XMicroGalleryText-module__artistic2_22YC0W__012 {\n    grid-row: 2 / 3;\n  }\n\n  .XMicroGalleryText-module__artistic3_22YC0W__012 {\n    grid-row: 3 / 4;\n  }\n}\n\n@media (width <= 480px) {\n  .XMicroGalleryText-module__artisticGrid_22YC0W__012 {\n    grid-template-rows: 200px 140px 140px;\n  }\n}\n", ".XStaticGallery-module__galleryContainer_7nn4pa__012 {\n  width: 100%;\n  max-width: 80rem;\n  margin: 0 auto;\n  padding: 1rem 1rem 3rem;\n}\n\n.XStaticGallery-module__galleryTitle_7nn4pa__012 {\n  text-align: right;\n  color: var(--primary);\n  opacity: .8;\n  margin-bottom: 3rem;\n  font-size: 1.875rem;\n}\n\n.XStaticGallery-module__masonryGrid_7nn4pa__012 {\n  gap: 1rem;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012 {\n  break-inside: avoid;\n  opacity: 0;\n  border-radius: 1rem;\n  margin-bottom: 1rem;\n  transition: opacity .5s ease-out, transform .5s ease-out, box-shadow .3s;\n  position: relative;\n  overflow: hidden;\n  transform: translateY(20px);\n  box-shadow: 0 4px 12px #00000014;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012.XStaticGallery-module__visible_7nn4pa__012 {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover {\n  box-shadow: 0 12px 32px #0000002e;\n}\n\n.XStaticGallery-module__imageContainer_7nn4pa__012 {\n  border-radius: 1rem;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n}\n\n.XStaticGallery-module__galleryImage_7nn4pa__012 {\n  object-fit: cover;\n  width: 100%;\n  height: auto;\n  transition: transform .5s ease-out;\n  display: block;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__galleryImage_7nn4pa__012 {\n  transform: scale(1.05);\n}\n\n.XStaticGallery-module__imageOverlay_7nn4pa__012 {\n  pointer-events: none;\n  background: none;\n  transition: background .3s;\n  position: absolute;\n  inset: 0;\n}\n\n.XStaticGallery-module__masonryItem_7nn4pa__012:hover .XStaticGallery-module__imageOverlay_7nn4pa__012 {\n  background: #0000001a;\n}\n\n.XStaticGallery-module__cols1_7nn4pa__012 {\n  columns: 1;\n}\n\n.XStaticGallery-module__cols2_7nn4pa__012 {\n  columns: 2;\n}\n\n.XStaticGallery-module__cols3_7nn4pa__012 {\n  columns: 3;\n}\n\n.XStaticGallery-module__cols4_7nn4pa__012 {\n  columns: 4;\n}\n\n.XStaticGallery-module__cols5_7nn4pa__012 {\n  columns: 5;\n}\n\n@media (width <= 1280px) {\n  .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 3;\n  }\n}\n\n@media (width <= 768px) {\n  .XStaticGallery-module__cols3_7nn4pa__012, .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 2;\n  }\n}\n\n@media (width <= 640px) {\n  .XStaticGallery-module__cols2_7nn4pa__012, .XStaticGallery-module__cols3_7nn4pa__012, .XStaticGallery-module__cols4_7nn4pa__012, .XStaticGallery-module__cols5_7nn4pa__012 {\n    columns: 1;\n  }\n}\n"],
+  "mappings": "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",
+  "names": []
 }