@thorprovider/blocks 1.0.0 → 3.0.0

package/dist/blocks/application/verification/verify-1.mjs

@@ -0,0 +1,219 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useState } from "react";
+import { KeyRound, Loader2, ShieldCheck } from "lucide-react";
+import { Button } from "../../../ui/button.mjs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../../ui/card.mjs";
+import { Input } from "../../../ui/input.mjs";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "../../../ui/input-otp.mjs";
+import { Label } from "../../../ui/label.mjs";
+import { Confetti } from "./verify-confetti.mjs";
+const acceptedCode = "123456";
+const acceptedBackupCode = "CQ4T-9WLM";
+const maxAttempts = 3;
+const resendCooldownSeconds = 30;
+async function demoVerifyCode(code) {
+  await new Promise((resolve) => setTimeout(resolve, 700));
+  return code === acceptedCode;
+}
+async function demoVerifyBackupCode(code) {
+  await new Promise((resolve) => setTimeout(resolve, 700));
+  return code.trim().toUpperCase() === acceptedBackupCode;
+}
+function Verify1({
+  verifyTitleLabel = "Verificaci\xF3n de dos factores",
+  verifyDescriptionLabel = "Ingresa el c\xF3digo de 6 d\xEDgitos de tu aplicaci\xF3n de autenticaci\xF3n",
+  backupCodeTitleLabel = "Usa un c\xF3digo de respaldo",
+  backupCodeDescriptionLabel = "Ingresa uno de tus c\xF3digos de respaldo de un solo uso",
+  backupCodeLabel = "C\xF3digo de respaldo",
+  backupCodePlaceholder = "XXXX-XXXX",
+  otpAriaLabel = "C\xF3digo de verificaci\xF3n",
+  verifyLabel = "Verificar",
+  resendCodeLabel = "Reenviar c\xF3digo",
+  resendCooldownLabel = "Reenviar c\xF3digo en {n}s",
+  useBackupCodeLabel = "Usar un c\xF3digo de respaldo en su lugar",
+  useAuthenticatorLabel = "Usa tu aplicaci\xF3n de autenticaci\xF3n",
+  tooManyAttemptsLabel = "Demasiados c\xF3digos incorrectos. Espera quince minutos o usa un c\xF3digo de respaldo.",
+  attemptsLeftLabel = "Ese c\xF3digo no es correcto. Te quedan {n} intentos.",
+  verifiedTitleLabel = "Verificaci\xF3n completa",
+  verifiedDescriptionLabel = "Este dispositivo es de confianza por treinta d\xEDas. Puedes revocarlo desde la configuraci\xF3n de seguridad.",
+  continueLabel = "Continuar",
+  demoOtpHintLabel = "Prueba 123456 en esta demo.",
+  demoBackupHintLabel = "Prueba {code} en esta demo. Cada c\xF3digo funciona una sola vez.",
+  onVerify,
+  onVerifyBackup,
+  onResend,
+  onContinue
+}) {
+  const backupId = useId();
+  const [mode, setMode] = useState("otp");
+  const [code, setCode] = useState("");
+  const [backup, setBackup] = useState("");
+  const [pending, setPending] = useState(false);
+  const [error, setError] = useState(null);
+  const [attempts, setAttempts] = useState(0);
+  const [verified, setVerified] = useState(false);
+  const [cooldown, setCooldown] = useState(resendCooldownSeconds);
+  const locked = attempts >= maxAttempts;
+  useEffect(() => {
+    if (cooldown <= 0) {
+      return;
+    }
+    const timer = window.setTimeout(() => setCooldown((current) => current - 1), 1e3);
+    return () => window.clearTimeout(timer);
+  }, [cooldown]);
+  const handleResend = () => {
+    onResend?.();
+    setCooldown(resendCooldownSeconds);
+  };
+  const submit = async (event) => {
+    event.preventDefault();
+    if (locked) {
+      return;
+    }
+    setPending(true);
+    setError(null);
+    try {
+      const ok = mode === "otp" ? onVerify ? await onVerify(code) : await demoVerifyCode(code) : onVerifyBackup ? await onVerifyBackup(backup) : await demoVerifyBackupCode(backup);
+      if (ok) {
+        setVerified(true);
+        return;
+      }
+      const next = attempts + 1;
+      setAttempts(next);
+      setCode("");
+      setBackup("");
+      setError(
+        next >= maxAttempts ? tooManyAttemptsLabel : attemptsLeftLabel.replace("{n}", String(maxAttempts - next))
+      );
+    } finally {
+      setPending(false);
+    }
+  };
+  if (verified) {
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-md", children: [
+      /* @__PURE__ */ jsx(Confetti, { fire: true, origin: { x: 0.5, y: 0.5 } }),
+      /* @__PURE__ */ jsx(Card, { className: "relative w-full max-w-md gap-6 py-8 shadow-lg", children: /* @__PURE__ */ jsxs(CardContent, { className: "flex flex-col items-center gap-4 px-8 py-8 text-center", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "bg-primary/10 text-primary flex size-14 items-center justify-center rounded-full",
+            children: /* @__PURE__ */ jsx(ShieldCheck, { className: "size-7" })
+          }
+        ),
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: verifiedTitleLabel }),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-xs text-sm", children: verifiedDescriptionLabel }),
+        /* @__PURE__ */ jsx(Button, { className: "mt-2", onClick: onContinue, children: continueLabel })
+      ] }) })
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "w-full max-w-md", children: /* @__PURE__ */ jsxs(Card, { className: "w-full max-w-md gap-6 py-8 shadow-lg", children: [
+    /* @__PURE__ */ jsxs(CardHeader, { className: "gap-2 px-8 text-center", children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          "aria-hidden": "true",
+          className: "bg-muted text-muted-foreground mx-auto mb-3 flex size-14 items-center justify-center rounded-full",
+          children: mode === "otp" ? /* @__PURE__ */ jsx(ShieldCheck, { className: "size-6" }) : /* @__PURE__ */ jsx(KeyRound, { className: "size-6" })
+        }
+      ),
+      /* @__PURE__ */ jsx(CardTitle, { className: "text-2xl font-semibold tracking-tight", children: mode === "otp" ? verifyTitleLabel : backupCodeTitleLabel }),
+      /* @__PURE__ */ jsx(CardDescription, { children: mode === "otp" ? verifyDescriptionLabel : backupCodeDescriptionLabel })
+    ] }),
+    /* @__PURE__ */ jsx(CardContent, { className: "px-8", children: /* @__PURE__ */ jsxs("form", { onSubmit: submit, noValidate: true, className: "flex flex-col items-center gap-6", children: [
+      mode === "otp" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs(
+          InputOTP,
+          {
+            maxLength: 6,
+            value: code,
+            onChange: setCode,
+            disabled: pending || locked,
+            "aria-label": otpAriaLabel,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? "verify-error" : void 0,
+            children: [
+              /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 0, className: "size-12 text-lg" }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 1, className: "size-12 text-lg" }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 2, className: "size-12 text-lg" })
+              ] }),
+              /* @__PURE__ */ jsx(InputOTPSeparator, {}),
+              /* @__PURE__ */ jsxs(InputOTPGroup, { children: [
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 3, className: "size-12 text-lg" }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 4, className: "size-12 text-lg" }),
+                /* @__PURE__ */ jsx(InputOTPSlot, { index: 5, className: "size-12 text-lg" })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: demoOtpHintLabel })
+      ] }) : /* @__PURE__ */ jsxs("div", { className: "grid w-full gap-2", children: [
+        /* @__PURE__ */ jsx(Label, { htmlFor: backupId, children: backupCodeLabel }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: backupId,
+            value: backup,
+            onChange: (event) => setBackup(event.target.value),
+            placeholder: backupCodePlaceholder,
+            autoComplete: "one-time-code",
+            className: "font-mono tracking-wider",
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? "verify-error" : `${backupId}-hint`,
+            disabled: pending || locked
+          }
+        ),
+        /* @__PURE__ */ jsx("p", { id: `${backupId}-hint`, className: "text-muted-foreground text-xs", children: demoBackupHintLabel.replace("{code}", acceptedBackupCode) })
+      ] }),
+      error ? /* @__PURE__ */ jsx("p", { id: "verify-error", role: "alert", className: "text-destructive text-center text-sm", children: error }) : null,
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          type: "submit",
+          className: "w-full",
+          disabled: pending || locked || (mode === "otp" ? code.length < 6 : backup.trim() === ""),
+          "aria-busy": pending,
+          children: [
+            pending ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }) : null,
+            verifyLabel
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col items-center gap-1 pt-1", children: [
+        mode === "otp" ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            disabled: cooldown > 0,
+            onClick: handleResend,
+            children: cooldown > 0 ? resendCooldownLabel.replace("{n}", String(cooldown)) : resendCodeLabel
+          }
+        ) : null,
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "link",
+            size: "sm",
+            className: "text-muted-foreground",
+            onClick: () => {
+              setMode((current) => current === "otp" ? "backup" : "otp");
+              setError(null);
+            },
+            children: mode === "otp" ? useBackupCodeLabel : useAuthenticatorLabel
+          }
+        )
+      ] })
+    ] }) })
+  ] }) });
+}
+var verify_1_default = Verify1;
+export {
+  Verify1,
+  verify_1_default as default
+};
+//# sourceMappingURL=verify-1.mjs.map

package/dist/blocks/application/verification/verify-1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/verification/verify-1.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useId, useState, type FormEvent } from 'react'\nimport { KeyRound, Loader2, ShieldCheck } from 'lucide-react'\nimport { Button } from '../../../ui/button'\nimport { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../../../ui/card'\nimport { Input } from '../../../ui/input'\nimport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '../../../ui/input-otp'\nimport { Label } from '../../../ui/label'\nimport { Confetti } from './verify-confetti'\n\n/**\n * Bloque de verificación de dos factores (solo render).\n *\n * Este bloque NO valida credenciales reales, no crea sesiones ni se comunica con\n * ningún backend. Para producción, conecta la verificación real a través de las\n * props `onVerify` y `onVerifyBackup` (devuelven `Promise<boolean>`) y de `onResend`\n * / `onContinue`. Si no se proporcionan, se usa una demo interna documentada:\n * código `123456`, código de respaldo `CQ4T-9WLM`, máximo 3 intentos antes del\n * bloqueo y reenvío con espera de 30 segundos. La máquina de estados (modo\n * otp/respaldo, intentos, bloqueo, cuenta atrás, verificado, pendiente) es el\n * comportamiento valioso del bloque y se conserva en ambos modos.\n */\n\nconst acceptedCode = '123456'\nconst acceptedBackupCode = 'CQ4T-9WLM'\nconst maxAttempts = 3\nconst resendCooldownSeconds = 30\n\nasync function demoVerifyCode(code: string): Promise<boolean> {\n  await new Promise(resolve => setTimeout(resolve, 700))\n  return code === acceptedCode\n}\n\nasync function demoVerifyBackupCode(code: string): Promise<boolean> {\n  await new Promise(resolve => setTimeout(resolve, 700))\n  return code.trim().toUpperCase() === acceptedBackupCode\n}\n\nexport interface Verify1Props {\n  verifyTitleLabel?: string\n  verifyDescriptionLabel?: string\n  backupCodeTitleLabel?: string\n  backupCodeDescriptionLabel?: string\n  backupCodeLabel?: string\n  backupCodePlaceholder?: string\n  otpAriaLabel?: string\n  verifyLabel?: string\n  resendCodeLabel?: string\n  /** Plantilla con {n} sustituido por los segundos restantes. */\n  resendCooldownLabel?: string\n  useBackupCodeLabel?: string\n  useAuthenticatorLabel?: string\n  tooManyAttemptsLabel?: string\n  /** Plantilla con {n} sustituido por los intentos restantes. */\n  attemptsLeftLabel?: string\n  verifiedTitleLabel?: string\n  verifiedDescriptionLabel?: string\n  continueLabel?: string\n  demoOtpHintLabel?: string\n  /** Plantilla con {code} sustituido por el código de respaldo de la demo. */\n  demoBackupHintLabel?: string\n  /** Verificación real del código OTP. Devuelve true si es correcto. */\n  onVerify?: (code: string) => Promise<boolean>\n  /** Verificación real del código de respaldo. Devuelve true si es correcto. */\n  onVerifyBackup?: (code: string) => Promise<boolean>\n  /** Se dispara al pedir reenviar el código. */\n  onResend?: () => void\n  /** Se dispara al continuar tras la verificación. */\n  onContinue?: () => void\n}\n\nexport function Verify1({\n  verifyTitleLabel = 'Verificación de dos factores',\n  verifyDescriptionLabel = 'Ingresa el código de 6 dígitos de tu aplicación de autenticación',\n  backupCodeTitleLabel = 'Usa un código de respaldo',\n  backupCodeDescriptionLabel = 'Ingresa uno de tus códigos de respaldo de un solo uso',\n  backupCodeLabel = 'Código de respaldo',\n  backupCodePlaceholder = 'XXXX-XXXX',\n  otpAriaLabel = 'Código de verificación',\n  verifyLabel = 'Verificar',\n  resendCodeLabel = 'Reenviar código',\n  resendCooldownLabel = 'Reenviar código en {n}s',\n  useBackupCodeLabel = 'Usar un código de respaldo en su lugar',\n  useAuthenticatorLabel = 'Usa tu aplicación de autenticación',\n  tooManyAttemptsLabel = 'Demasiados códigos incorrectos. Espera quince minutos o usa un código de respaldo.',\n  attemptsLeftLabel = 'Ese código no es correcto. Te quedan {n} intentos.',\n  verifiedTitleLabel = 'Verificación completa',\n  verifiedDescriptionLabel = 'Este dispositivo es de confianza por treinta días. Puedes revocarlo desde la configuración de seguridad.',\n  continueLabel = 'Continuar',\n  demoOtpHintLabel = 'Prueba 123456 en esta demo.',\n  demoBackupHintLabel = 'Prueba {code} en esta demo. Cada código funciona una sola vez.',\n  onVerify,\n  onVerifyBackup,\n  onResend,\n  onContinue,\n}: Verify1Props) {\n  const backupId = useId()\n  const [mode, setMode] = useState<'otp' | 'backup'>('otp')\n  const [code, setCode] = useState('')\n  const [backup, setBackup] = useState('')\n  const [pending, setPending] = useState(false)\n  const [error, setError] = useState<string | null>(null)\n  const [attempts, setAttempts] = useState(0)\n  const [verified, setVerified] = useState(false)\n  const [cooldown, setCooldown] = useState(resendCooldownSeconds)\n\n  const locked = attempts >= maxAttempts\n\n  useEffect(() => {\n    if (cooldown <= 0) {\n      return\n    }\n\n    const timer = window.setTimeout(() => setCooldown(current => current - 1), 1000)\n    return () => window.clearTimeout(timer)\n  }, [cooldown])\n\n  const handleResend = () => {\n    onResend?.()\n    setCooldown(resendCooldownSeconds)\n  }\n\n  const submit = async (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n\n    if (locked) {\n      return\n    }\n\n    setPending(true)\n    setError(null)\n\n    try {\n      const ok =\n        mode === 'otp'\n          ? onVerify\n            ? await onVerify(code)\n            : await demoVerifyCode(code)\n          : onVerifyBackup\n            ? await onVerifyBackup(backup)\n            : await demoVerifyBackupCode(backup)\n\n      if (ok) {\n        setVerified(true)\n        return\n      }\n\n      const next = attempts + 1\n      setAttempts(next)\n      setCode('')\n      setBackup('')\n      setError(\n        next >= maxAttempts\n          ? tooManyAttemptsLabel\n          : attemptsLeftLabel.replace('{n}', String(maxAttempts - next)),\n      )\n    } finally {\n      setPending(false)\n    }\n  }\n\n  if (verified) {\n    return (\n      <div className='relative w-full max-w-md'>\n        {/* Fired once, over the whole field rather than the card, so the paper has somewhere\n            to fall. The success is stated in the heading below; this only decorates it. */}\n        <Confetti fire origin={{ x: 0.5, y: 0.5 }} />\n\n        <Card className='relative w-full max-w-md gap-6 py-8 shadow-lg'>\n          <CardContent className='flex flex-col items-center gap-4 px-8 py-8 text-center'>\n            <span\n              aria-hidden='true'\n              className='bg-primary/10 text-primary flex size-14 items-center justify-center rounded-full'\n            >\n              <ShieldCheck className='size-7' />\n            </span>\n            <h1 className='text-2xl font-semibold tracking-tight'>{verifiedTitleLabel}</h1>\n            <p className='text-muted-foreground max-w-xs text-sm'>{verifiedDescriptionLabel}</p>\n            <Button className='mt-2' onClick={onContinue}>\n              {continueLabel}\n            </Button>\n          </CardContent>\n        </Card>\n      </div>\n    )\n  }\n\n  return (\n    <div className='w-full max-w-md'>\n      <Card className='w-full max-w-md gap-6 py-8 shadow-lg'>\n        <CardHeader className='gap-2 px-8 text-center'>\n          <span\n            aria-hidden='true'\n            className='bg-muted text-muted-foreground mx-auto mb-3 flex size-14 items-center justify-center rounded-full'\n          >\n            {mode === 'otp' ? <ShieldCheck className='size-6' /> : <KeyRound className='size-6' />}\n          </span>\n          <CardTitle className='text-2xl font-semibold tracking-tight'>\n            {mode === 'otp' ? verifyTitleLabel : backupCodeTitleLabel}\n          </CardTitle>\n          <CardDescription>\n            {mode === 'otp' ? verifyDescriptionLabel : backupCodeDescriptionLabel}\n          </CardDescription>\n        </CardHeader>\n\n        <CardContent className='px-8'>\n          <form onSubmit={submit} noValidate className='flex flex-col items-center gap-6'>\n            {mode === 'otp' ? (\n              <>\n                <InputOTP\n                  maxLength={6}\n                  value={code}\n                  onChange={setCode}\n                  disabled={pending || locked}\n                  aria-label={otpAriaLabel}\n                  aria-invalid={error ? true : undefined}\n                  aria-describedby={error ? 'verify-error' : undefined}\n                >\n                  <InputOTPGroup>\n                    <InputOTPSlot index={0} className='size-12 text-lg' />\n                    <InputOTPSlot index={1} className='size-12 text-lg' />\n                    <InputOTPSlot index={2} className='size-12 text-lg' />\n                  </InputOTPGroup>\n                  <InputOTPSeparator />\n                  <InputOTPGroup>\n                    <InputOTPSlot index={3} className='size-12 text-lg' />\n                    <InputOTPSlot index={4} className='size-12 text-lg' />\n                    <InputOTPSlot index={5} className='size-12 text-lg' />\n                  </InputOTPGroup>\n                </InputOTP>\n                <p className='text-muted-foreground text-xs'>{demoOtpHintLabel}</p>\n              </>\n            ) : (\n              <div className='grid w-full gap-2'>\n                <Label htmlFor={backupId}>{backupCodeLabel}</Label>\n                <Input\n                  id={backupId}\n                  value={backup}\n                  onChange={event => setBackup(event.target.value)}\n                  placeholder={backupCodePlaceholder}\n                  autoComplete='one-time-code'\n                  className='font-mono tracking-wider'\n                  aria-invalid={error ? true : undefined}\n                  aria-describedby={error ? 'verify-error' : `${backupId}-hint`}\n                  disabled={pending || locked}\n                />\n                <p id={`${backupId}-hint`} className='text-muted-foreground text-xs'>\n                  {demoBackupHintLabel.replace('{code}', acceptedBackupCode)}\n                </p>\n              </div>\n            )}\n\n            {error ? (\n              <p id='verify-error' role='alert' className='text-destructive text-center text-sm'>\n                {error}\n              </p>\n            ) : null}\n\n            <Button\n              type='submit'\n              className='w-full'\n              disabled={\n                pending || locked || (mode === 'otp' ? code.length < 6 : backup.trim() === '')\n              }\n              aria-busy={pending}\n            >\n              {pending ? <Loader2 className='size-4 animate-spin' aria-hidden='true' /> : null}\n              {verifyLabel}\n            </Button>\n\n            <div className='flex w-full flex-col items-center gap-1 pt-1'>\n              {mode === 'otp' ? (\n                <Button\n                  type='button'\n                  variant='ghost'\n                  size='sm'\n                  disabled={cooldown > 0}\n                  onClick={handleResend}\n                >\n                  {cooldown > 0\n                    ? resendCooldownLabel.replace('{n}', String(cooldown))\n                    : resendCodeLabel}\n                </Button>\n              ) : null}\n\n              <Button\n                type='button'\n                variant='link'\n                size='sm'\n                className='text-muted-foreground'\n                onClick={() => {\n                  setMode(current => (current === 'otp' ? 'backup' : 'otp'))\n                  setError(null)\n                }}\n              >\n                {mode === 'otp' ? useBackupCodeLabel : useAuthenticatorLabel}\n              </Button>\n            </div>\n          </form>\n        </CardContent>\n      </Card>\n    </div>\n  )\n}\n\nexport default Verify1"],"mappings":"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","names":[]}

package/dist/blocks/application/verification/verify-confetti.d.ts

@@ -0,0 +1,22 @@
+export interface ConfettiHandle {
+    /** Fire a burst now. Repeated calls stack rather than restart. */
+    fire: () => void;
+}
+export interface ConfettiProps extends Omit<React.ComponentProps<'canvas'>, 'ref'> {
+    /** Flip to true to fire. Firing again needs a flip back to false first. */
+    fire?: boolean;
+    /** Particles per burst. */
+    count?: number;
+    /** Origin inside the canvas, 0 to 1 on each axis. */
+    origin?: {
+        x: number;
+        y: number;
+    };
+    /** How far the burst throws, in canvas pixels per frame. */
+    spread?: number;
+    colors?: string[];
+    ref?: React.Ref<ConfettiHandle>;
+}
+export declare function Confetti({ fire, count, origin, spread, colors, className, ref, ...props }: ConfettiProps): import("react").JSX.Element;
+export default Confetti;
+//# sourceMappingURL=verify-confetti.d.ts.map

package/dist/blocks/application/verification/verify-confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"verify-confetti.d.ts","sourceRoot":"","sources":["../../../../src/blocks/application/verification/verify-confetti.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,cAAc;IAC7B,kEAAkE;IAClE,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAChF,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qDAAqD;IACrD,MAAM,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IACjC,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,EAAE,CAAA;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;CAChC;AAcD,wBAAgB,QAAQ,CAAC,EACvB,IAAY,EACZ,KAAU,EACV,MAA4B,EAC5B,MAAW,EACX,MAAuB,EACvB,SAAS,EACT,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,+BAwHf;AAED,eAAe,QAAQ,CAAA"}

package/dist/blocks/application/verification/verify-confetti.js

@@ -0,0 +1,145 @@
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var verify_confetti_exports = {};
+__export(verify_confetti_exports, {
+  Confetti: () => Confetti,
+  default: () => verify_confetti_default
+});
+module.exports = __toCommonJS(verify_confetti_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_utils = require("../../../lib/utils.js");
+const GRAVITY = 0.24;
+const DRAG = 0.992;
+const TERMINAL_VELOCITY = 7;
+const DECAY = 0.0125;
+const DEFAULT_COLORS = ["#f43f5e", "#f59e0b", "#22c55e", "#3b82f6", "#a855f7", "#14b8a6"];
+function Confetti({
+  fire = false,
+  count = 90,
+  origin = { x: 0.5, y: 0.45 },
+  spread = 11,
+  colors = DEFAULT_COLORS,
+  className,
+  ref,
+  ...props
+}) {
+  const canvasRef = (0, import_react.useRef)(null);
+  const particlesRef = (0, import_react.useRef)([]);
+  const frameRef = (0, import_react.useRef)(null);
+  const draw = (0, import_react.useCallback)(() => {
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (!canvas || !context) {
+      return;
+    }
+    const ratio = window.devicePixelRatio || 1;
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    const alive = [];
+    for (const particle of particlesRef.current) {
+      particle.vy = Math.min(particle.vy + GRAVITY, TERMINAL_VELOCITY);
+      particle.vx *= DRAG;
+      particle.x += particle.vx;
+      particle.y += particle.vy;
+      particle.tilt += particle.spin;
+      particle.life -= DECAY;
+      if (particle.life <= 0) {
+        continue;
+      }
+      alive.push(particle);
+      context.save();
+      context.translate(particle.x * ratio, particle.y * ratio);
+      context.rotate(particle.tilt);
+      context.globalAlpha = Math.min(1, particle.life);
+      context.fillStyle = particle.color;
+      context.fillRect(
+        -particle.size / 2 * ratio,
+        -particle.size / 4 * ratio,
+        particle.size * ratio,
+        (particle.size / 2 * Math.abs(Math.cos(particle.tilt)) + 1) * ratio
+      );
+      context.restore();
+    }
+    particlesRef.current = alive;
+    if (alive.length > 0) {
+      frameRef.current = window.requestAnimationFrame(draw);
+      return;
+    }
+    frameRef.current = null;
+    context.clearRect(0, 0, canvas.width, canvas.height);
+  }, []);
+  const start = (0, import_react.useCallback)(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      return;
+    }
+    const ratio = window.devicePixelRatio || 1;
+    const { width, height } = canvas.getBoundingClientRect();
+    canvas.width = Math.round(width * ratio);
+    canvas.height = Math.round(height * ratio);
+    for (let index = 0; index < count; index += 1) {
+      const angle = Math.PI * (1.15 + Math.random() * 0.7);
+      const velocity = spread * (0.45 + Math.random() * 0.55);
+      particlesRef.current.push({
+        x: origin.x * width,
+        y: origin.y * height,
+        vx: Math.cos(angle) * velocity,
+        vy: Math.sin(angle) * velocity,
+        size: 6 + Math.random() * 6,
+        tilt: Math.random() * Math.PI,
+        spin: (Math.random() - 0.5) * 0.34,
+        life: 1,
+        color: colors[index % colors.length]
+      });
+    }
+    if (frameRef.current === null) {
+      frameRef.current = window.requestAnimationFrame(draw);
+    }
+  }, [colors, count, draw, origin.x, origin.y, spread]);
+  (0, import_react.useImperativeHandle)(ref, () => ({ fire: start }), [start]);
+  (0, import_react.useEffect)(() => {
+    if (fire) {
+      start();
+    }
+  }, [fire, start]);
+  (0, import_react.useEffect)(
+    () => () => {
+      if (frameRef.current !== null) {
+        window.cancelAnimationFrame(frameRef.current);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "canvas",
+    {
+      ref: canvasRef,
+      "aria-hidden": "true",
+      className: (0, import_utils.cn)("pointer-events-none absolute inset-0 z-10 size-full", className),
+      ...props
+    }
+  );
+}
+var verify_confetti_default = Confetti;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Confetti
+});
+//# sourceMappingURL=verify-confetti.js.map

package/dist/blocks/application/verification/verify-confetti.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/verification/verify-confetti.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'react'\n\nimport { cn } from '../../../lib/utils'\n\n/**\n * @title Confetti burst\n * @description Canvas confetti fired once when something succeeds, with no animation library.\n *\n * Deliberately dependency-free. Every other confetti component reaches for `canvas-confetti`,\n * which means a buyer pasting one block also installs a package. This is roughly a hundred\n * lines of the same physics: throw particles from an origin, apply gravity and drag, spin them,\n * fade them out, stop the loop when the last one dies.\n *\n * The canvas is `pointer-events-none` and `aria-hidden`, so it can never sit between a person\n * and the button underneath it, and a screen reader never announces it. Success has to be\n * stated in text as well; confetti is not a message.\n *\n * Under `prefers-reduced-motion` it renders nothing at all. A burst of moving particles is the\n * exact thing that setting is asking us not to do, and dropping it costs no information.\n */\nconst GRAVITY = 0.24\nconst DRAG = 0.992\nconst TERMINAL_VELOCITY = 7\nconst DECAY = 0.0125\n\n/** Bright by default: a monochrome theme would fire grey paper, which reads as dust. */\nconst DEFAULT_COLORS = ['#f43f5e', '#f59e0b', '#22c55e', '#3b82f6', '#a855f7', '#14b8a6']\n\nexport interface ConfettiHandle {\n  /** Fire a burst now. Repeated calls stack rather than restart. */\n  fire: () => void\n}\n\nexport interface ConfettiProps extends Omit<React.ComponentProps<'canvas'>, 'ref'> {\n  /** Flip to true to fire. Firing again needs a flip back to false first. */\n  fire?: boolean\n  /** Particles per burst. */\n  count?: number\n  /** Origin inside the canvas, 0 to 1 on each axis. */\n  origin?: { x: number; y: number }\n  /** How far the burst throws, in canvas pixels per frame. */\n  spread?: number\n  colors?: string[]\n  ref?: React.Ref<ConfettiHandle>\n}\n\ntype Particle = {\n  x: number\n  y: number\n  vx: number\n  vy: number\n  size: number\n  tilt: number\n  spin: number\n  life: number\n  color: string\n}\n\nexport function Confetti({\n  fire = false,\n  count = 90,\n  origin = { x: 0.5, y: 0.45 },\n  spread = 11,\n  colors = DEFAULT_COLORS,\n  className,\n  ref,\n  ...props\n}: ConfettiProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const particlesRef = useRef<Particle[]>([])\n  const frameRef = useRef<number | null>(null)\n\n  const draw = useCallback(() => {\n    const canvas = canvasRef.current\n    const context = canvas?.getContext('2d')\n\n    if (!canvas || !context) {\n      return\n    }\n\n    const ratio = window.devicePixelRatio || 1\n    context.clearRect(0, 0, canvas.width, canvas.height)\n\n    const alive: Particle[] = []\n\n    for (const particle of particlesRef.current) {\n      particle.vy = Math.min(particle.vy + GRAVITY, TERMINAL_VELOCITY)\n      particle.vx *= DRAG\n      particle.x += particle.vx\n      particle.y += particle.vy\n      particle.tilt += particle.spin\n      particle.life -= DECAY\n\n      if (particle.life <= 0) {\n        continue\n      }\n\n      alive.push(particle)\n\n      context.save()\n      context.translate(particle.x * ratio, particle.y * ratio)\n      context.rotate(particle.tilt)\n      context.globalAlpha = Math.min(1, particle.life)\n      context.fillStyle = particle.color\n      // Scaling the height by the tilt is what sells a flat rectangle as a tumbling\n      // piece of paper. Without it the pieces read as falling dots.\n      context.fillRect(\n        (-particle.size / 2) * ratio,\n        (-particle.size / 4) * ratio,\n        particle.size * ratio,\n        ((particle.size / 2) * Math.abs(Math.cos(particle.tilt)) + 1) * ratio,\n      )\n      context.restore()\n    }\n\n    particlesRef.current = alive\n\n    if (alive.length > 0) {\n      frameRef.current = window.requestAnimationFrame(draw)\n      return\n    }\n\n    frameRef.current = null\n    context.clearRect(0, 0, canvas.width, canvas.height)\n  }, [])\n\n  const start = useCallback(() => {\n    const canvas = canvasRef.current\n\n    if (!canvas || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      return\n    }\n\n    const ratio = window.devicePixelRatio || 1\n    const { width, height } = canvas.getBoundingClientRect()\n\n    canvas.width = Math.round(width * ratio)\n    canvas.height = Math.round(height * ratio)\n\n    for (let index = 0; index < count; index += 1) {\n      // Biased upward: paper thrown sideways at the floor never looks celebratory.\n      const angle = Math.PI * (1.15 + Math.random() * 0.7)\n      const velocity = spread * (0.45 + Math.random() * 0.55)\n\n      particlesRef.current.push({\n        x: origin.x * width,\n        y: origin.y * height,\n        vx: Math.cos(angle) * velocity,\n        vy: Math.sin(angle) * velocity,\n        size: 6 + Math.random() * 6,\n        tilt: Math.random() * Math.PI,\n        spin: (Math.random() - 0.5) * 0.34,\n        life: 1,\n        color: colors[index % colors.length],\n      })\n    }\n\n    if (frameRef.current === null) {\n      frameRef.current = window.requestAnimationFrame(draw)\n    }\n  }, [colors, count, draw, origin.x, origin.y, spread])\n\n  useImperativeHandle(ref, () => ({ fire: start }), [start])\n\n  useEffect(() => {\n    if (fire) {\n      start()\n    }\n  }, [fire, start])\n\n  useEffect(\n    () => () => {\n      if (frameRef.current !== null) {\n        window.cancelAnimationFrame(frameRef.current)\n      }\n    },\n    [],\n  )\n\n  return (\n    <canvas\n      ref={canvasRef}\n      aria-hidden=\"true\"\n      className={cn('pointer-events-none absolute inset-0 z-10 size-full', className)}\n      {...props}\n    />\n  )\n}\n\nexport default Confetti"],"mappings":"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","names":[]}

package/dist/blocks/application/verification/verify-confetti.mjs

@@ -0,0 +1,121 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useImperativeHandle, useRef } from "react";
+import { cn } from "../../../lib/utils.mjs";
+const GRAVITY = 0.24;
+const DRAG = 0.992;
+const TERMINAL_VELOCITY = 7;
+const DECAY = 0.0125;
+const DEFAULT_COLORS = ["#f43f5e", "#f59e0b", "#22c55e", "#3b82f6", "#a855f7", "#14b8a6"];
+function Confetti({
+  fire = false,
+  count = 90,
+  origin = { x: 0.5, y: 0.45 },
+  spread = 11,
+  colors = DEFAULT_COLORS,
+  className,
+  ref,
+  ...props
+}) {
+  const canvasRef = useRef(null);
+  const particlesRef = useRef([]);
+  const frameRef = useRef(null);
+  const draw = useCallback(() => {
+    const canvas = canvasRef.current;
+    const context = canvas?.getContext("2d");
+    if (!canvas || !context) {
+      return;
+    }
+    const ratio = window.devicePixelRatio || 1;
+    context.clearRect(0, 0, canvas.width, canvas.height);
+    const alive = [];
+    for (const particle of particlesRef.current) {
+      particle.vy = Math.min(particle.vy + GRAVITY, TERMINAL_VELOCITY);
+      particle.vx *= DRAG;
+      particle.x += particle.vx;
+      particle.y += particle.vy;
+      particle.tilt += particle.spin;
+      particle.life -= DECAY;
+      if (particle.life <= 0) {
+        continue;
+      }
+      alive.push(particle);
+      context.save();
+      context.translate(particle.x * ratio, particle.y * ratio);
+      context.rotate(particle.tilt);
+      context.globalAlpha = Math.min(1, particle.life);
+      context.fillStyle = particle.color;
+      context.fillRect(
+        -particle.size / 2 * ratio,
+        -particle.size / 4 * ratio,
+        particle.size * ratio,
+        (particle.size / 2 * Math.abs(Math.cos(particle.tilt)) + 1) * ratio
+      );
+      context.restore();
+    }
+    particlesRef.current = alive;
+    if (alive.length > 0) {
+      frameRef.current = window.requestAnimationFrame(draw);
+      return;
+    }
+    frameRef.current = null;
+    context.clearRect(0, 0, canvas.width, canvas.height);
+  }, []);
+  const start = useCallback(() => {
+    const canvas = canvasRef.current;
+    if (!canvas || window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
+      return;
+    }
+    const ratio = window.devicePixelRatio || 1;
+    const { width, height } = canvas.getBoundingClientRect();
+    canvas.width = Math.round(width * ratio);
+    canvas.height = Math.round(height * ratio);
+    for (let index = 0; index < count; index += 1) {
+      const angle = Math.PI * (1.15 + Math.random() * 0.7);
+      const velocity = spread * (0.45 + Math.random() * 0.55);
+      particlesRef.current.push({
+        x: origin.x * width,
+        y: origin.y * height,
+        vx: Math.cos(angle) * velocity,
+        vy: Math.sin(angle) * velocity,
+        size: 6 + Math.random() * 6,
+        tilt: Math.random() * Math.PI,
+        spin: (Math.random() - 0.5) * 0.34,
+        life: 1,
+        color: colors[index % colors.length]
+      });
+    }
+    if (frameRef.current === null) {
+      frameRef.current = window.requestAnimationFrame(draw);
+    }
+  }, [colors, count, draw, origin.x, origin.y, spread]);
+  useImperativeHandle(ref, () => ({ fire: start }), [start]);
+  useEffect(() => {
+    if (fire) {
+      start();
+    }
+  }, [fire, start]);
+  useEffect(
+    () => () => {
+      if (frameRef.current !== null) {
+        window.cancelAnimationFrame(frameRef.current);
+      }
+    },
+    []
+  );
+  return /* @__PURE__ */ jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      "aria-hidden": "true",
+      className: cn("pointer-events-none absolute inset-0 z-10 size-full", className),
+      ...props
+    }
+  );
+}
+var verify_confetti_default = Confetti;
+export {
+  Confetti,
+  verify_confetti_default as default
+};
+//# sourceMappingURL=verify-confetti.mjs.map

package/dist/blocks/application/verification/verify-confetti.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/blocks/application/verification/verify-confetti.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useImperativeHandle, useRef } from 'react'\n\nimport { cn } from '../../../lib/utils'\n\n/**\n * @title Confetti burst\n * @description Canvas confetti fired once when something succeeds, with no animation library.\n *\n * Deliberately dependency-free. Every other confetti component reaches for `canvas-confetti`,\n * which means a buyer pasting one block also installs a package. This is roughly a hundred\n * lines of the same physics: throw particles from an origin, apply gravity and drag, spin them,\n * fade them out, stop the loop when the last one dies.\n *\n * The canvas is `pointer-events-none` and `aria-hidden`, so it can never sit between a person\n * and the button underneath it, and a screen reader never announces it. Success has to be\n * stated in text as well; confetti is not a message.\n *\n * Under `prefers-reduced-motion` it renders nothing at all. A burst of moving particles is the\n * exact thing that setting is asking us not to do, and dropping it costs no information.\n */\nconst GRAVITY = 0.24\nconst DRAG = 0.992\nconst TERMINAL_VELOCITY = 7\nconst DECAY = 0.0125\n\n/** Bright by default: a monochrome theme would fire grey paper, which reads as dust. */\nconst DEFAULT_COLORS = ['#f43f5e', '#f59e0b', '#22c55e', '#3b82f6', '#a855f7', '#14b8a6']\n\nexport interface ConfettiHandle {\n  /** Fire a burst now. Repeated calls stack rather than restart. */\n  fire: () => void\n}\n\nexport interface ConfettiProps extends Omit<React.ComponentProps<'canvas'>, 'ref'> {\n  /** Flip to true to fire. Firing again needs a flip back to false first. */\n  fire?: boolean\n  /** Particles per burst. */\n  count?: number\n  /** Origin inside the canvas, 0 to 1 on each axis. */\n  origin?: { x: number; y: number }\n  /** How far the burst throws, in canvas pixels per frame. */\n  spread?: number\n  colors?: string[]\n  ref?: React.Ref<ConfettiHandle>\n}\n\ntype Particle = {\n  x: number\n  y: number\n  vx: number\n  vy: number\n  size: number\n  tilt: number\n  spin: number\n  life: number\n  color: string\n}\n\nexport function Confetti({\n  fire = false,\n  count = 90,\n  origin = { x: 0.5, y: 0.45 },\n  spread = 11,\n  colors = DEFAULT_COLORS,\n  className,\n  ref,\n  ...props\n}: ConfettiProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null)\n  const particlesRef = useRef<Particle[]>([])\n  const frameRef = useRef<number | null>(null)\n\n  const draw = useCallback(() => {\n    const canvas = canvasRef.current\n    const context = canvas?.getContext('2d')\n\n    if (!canvas || !context) {\n      return\n    }\n\n    const ratio = window.devicePixelRatio || 1\n    context.clearRect(0, 0, canvas.width, canvas.height)\n\n    const alive: Particle[] = []\n\n    for (const particle of particlesRef.current) {\n      particle.vy = Math.min(particle.vy + GRAVITY, TERMINAL_VELOCITY)\n      particle.vx *= DRAG\n      particle.x += particle.vx\n      particle.y += particle.vy\n      particle.tilt += particle.spin\n      particle.life -= DECAY\n\n      if (particle.life <= 0) {\n        continue\n      }\n\n      alive.push(particle)\n\n      context.save()\n      context.translate(particle.x * ratio, particle.y * ratio)\n      context.rotate(particle.tilt)\n      context.globalAlpha = Math.min(1, particle.life)\n      context.fillStyle = particle.color\n      // Scaling the height by the tilt is what sells a flat rectangle as a tumbling\n      // piece of paper. Without it the pieces read as falling dots.\n      context.fillRect(\n        (-particle.size / 2) * ratio,\n        (-particle.size / 4) * ratio,\n        particle.size * ratio,\n        ((particle.size / 2) * Math.abs(Math.cos(particle.tilt)) + 1) * ratio,\n      )\n      context.restore()\n    }\n\n    particlesRef.current = alive\n\n    if (alive.length > 0) {\n      frameRef.current = window.requestAnimationFrame(draw)\n      return\n    }\n\n    frameRef.current = null\n    context.clearRect(0, 0, canvas.width, canvas.height)\n  }, [])\n\n  const start = useCallback(() => {\n    const canvas = canvasRef.current\n\n    if (!canvas || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\n      return\n    }\n\n    const ratio = window.devicePixelRatio || 1\n    const { width, height } = canvas.getBoundingClientRect()\n\n    canvas.width = Math.round(width * ratio)\n    canvas.height = Math.round(height * ratio)\n\n    for (let index = 0; index < count; index += 1) {\n      // Biased upward: paper thrown sideways at the floor never looks celebratory.\n      const angle = Math.PI * (1.15 + Math.random() * 0.7)\n      const velocity = spread * (0.45 + Math.random() * 0.55)\n\n      particlesRef.current.push({\n        x: origin.x * width,\n        y: origin.y * height,\n        vx: Math.cos(angle) * velocity,\n        vy: Math.sin(angle) * velocity,\n        size: 6 + Math.random() * 6,\n        tilt: Math.random() * Math.PI,\n        spin: (Math.random() - 0.5) * 0.34,\n        life: 1,\n        color: colors[index % colors.length],\n      })\n    }\n\n    if (frameRef.current === null) {\n      frameRef.current = window.requestAnimationFrame(draw)\n    }\n  }, [colors, count, draw, origin.x, origin.y, spread])\n\n  useImperativeHandle(ref, () => ({ fire: start }), [start])\n\n  useEffect(() => {\n    if (fire) {\n      start()\n    }\n  }, [fire, start])\n\n  useEffect(\n    () => () => {\n      if (frameRef.current !== null) {\n        window.cancelAnimationFrame(frameRef.current)\n      }\n    },\n    [],\n  )\n\n  return (\n    <canvas\n      ref={canvasRef}\n      aria-hidden=\"true\"\n      className={cn('pointer-events-none absolute inset-0 z-10 size-full', className)}\n      {...props}\n    />\n  )\n}\n\nexport default Confetti"],"mappings":"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","names":[]}

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.d.ts

@@ -0,0 +1,39 @@
+import type { CategoryListingFacetGroup, CategoryListingOption, CategoryListingPriceRange } from './category-listing';
+export interface CategoryListingFilterFieldsProps {
+    selectedText?: string;
+    clearAllLabel?: string;
+    priceRangeTitle?: string;
+    priceRange: [number, number];
+    /**
+     * Real provider range only. When absent the price section is not rendered —
+     * the block never fabricates a `0..1000` range.
+     */
+    priceRangeConfig?: CategoryListingPriceRange;
+    minLabel?: string;
+    maxLabel?: string;
+    onPriceChange: (range: [number, number]) => void;
+    categoriesTitle?: string;
+    categories: CategoryListingOption[];
+    selectedCategories: string[];
+    onCategoryChange: (category: string, checked: boolean) => void;
+    collectionsTitle?: string;
+    collections: CategoryListingOption[];
+    selectedCollections: string[];
+    onCollectionChange: (collection: string, checked: boolean) => void;
+    /**
+     * Generic provider-backed facet groups. A group renders only when it carries
+     * at least one option; the block never invents groups, options or counts.
+     */
+    facets?: CategoryListingFacetGroup[];
+    selectedFacets: Record<string, string[]>;
+    onFacetChange: (group: CategoryListingFacetGroup, value: string, checked: boolean) => void;
+    onClearAll: () => void;
+}
+/**
+ * The control set shared by both presentations. The presentation only decides
+ * where these fields live (persistent sidebar, mobile sheet, or drawer); the
+ * fields, their semantics and the emitted values are identical.
+ */
+export declare function CategoryListingFilterFields({ selectedText, clearAllLabel, priceRangeTitle, priceRange, priceRangeConfig, minLabel, maxLabel, onPriceChange, categoriesTitle, categories, selectedCategories, onCategoryChange, collectionsTitle, collections, selectedCollections, onCollectionChange, facets, selectedFacets, onFacetChange, onClearAll, }: CategoryListingFilterFieldsProps): import("react").JSX.Element;
+export default CategoryListingFilterFields;
+//# sourceMappingURL=category-listing-filter-fields.d.ts.map

package/dist/blocks/e-commerce/category-filters/category-listing-filter-fields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-listing-filter-fields.d.ts","sourceRoot":"","sources":["../../../../src/blocks/e-commerce/category-filters/category-listing-filter-fields.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,yBAAyB,EACzB,qBAAqB,EACrB,yBAAyB,EAC1B,MAAM,oBAAoB,CAAA;AAE3B,MAAM,WAAW,gCAAgC;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC5B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAA;IAC5C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAA;IAChD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,UAAU,EAAE,qBAAqB,EAAE,CAAA;IACnC,kBAAkB,EAAE,MAAM,EAAE,CAAA;IAC5B,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9D,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,EAAE,qBAAqB,EAAE,CAAA;IACpC,mBAAmB,EAAE,MAAM,EAAE,CAAA;IAC7B,kBAAkB,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAClE;;;OAGG;IACH,MAAM,CAAC,EAAE,yBAAyB,EAAE,CAAA;IACpC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAA;IACxC,aAAa,EAAE,CAAC,KAAK,EAAE,yBAAyB,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1F,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAOD;;;;GAIG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,YAAwB,EACxB,aAA6B,EAC7B,eAAmC,EACnC,UAAU,EACV,gBAAgB,EAChB,QAAmB,EACnB,QAAmB,EACnB,aAAa,EACb,eAA6B,EAC7B,UAAU,EACV,kBAAkB,EAClB,gBAAgB,EAChB,gBAA8B,EAC9B,WAAW,EACX,mBAAmB,EACnB,kBAAkB,EAClB,MAAW,EACX,cAAc,EACd,aAAa,EACb,UAAU,GACX,EAAE,gCAAgC,+BA0IlC;AAED,eAAe,2BAA2B,CAAA"}