@misael703/ui 1.0.0

package/dist/chunk-ADQM725E.js

@@ -0,0 +1,141 @@
+'use strict';
+
+var chunkRQOTH7I7_js = require('./chunk-RQOTH7I7.js');
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+function Hero({
+  eyebrow,
+  title,
+  subtitle,
+  actions,
+  image,
+  align = "center",
+  tone = "brand",
+  size = "md",
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const computedTone = image ? "image" : tone;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "section",
+    {
+      className: chunkPASF6T4H_js.cx("hero", `hero--${computedTone}`, `hero--align-${align}`, `hero--${size}`, className),
+      style: image ? { backgroundImage: `url(${image})`, ...style } : style,
+      ...rest,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hero__inner", children: [
+        eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hero__eyebrow", children: eyebrow }),
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "hero__title", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "hero__subtitle", children: subtitle }),
+        actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "hero__actions", children: actions }),
+        children
+      ] })
+    }
+  );
+}
+function Testimonial({
+  quote,
+  author,
+  role,
+  company,
+  avatarSrc,
+  rating,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("figure", { className: chunkPASF6T4H_js.cx("testimonial", className), ...rest, children: [
+    rating != null && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "testimonial__rating", "aria-label": `${rating} de 5 estrellas`, children: Array.from({ length: 5 }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.Star, { size: 14, className: i < rating ? "is-filled" : "" }, i)) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("blockquote", { className: "testimonial__quote", children: [
+      '"',
+      quote,
+      '"'
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("figcaption", { className: "testimonial__caption", children: [
+      avatarSrc && /* @__PURE__ */ jsxRuntime.jsx("img", { src: avatarSrc, alt: "", className: "testimonial__avatar" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "testimonial__author", children: author }),
+        (role || company) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "testimonial__meta", children: [
+          role,
+          role && company ? " \xB7 " : "",
+          company
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function CategoryNav({ categories, className, ...rest }) {
+  const [openId, setOpenId] = React__namespace.useState(null);
+  const ref = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (!openId) return;
+    const onClick = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpenId(null);
+    };
+    const onKey = (e) => {
+      if (e.key === "Escape") setOpenId(null);
+    };
+    document.addEventListener("mousedown", onClick);
+    document.addEventListener("keydown", onKey);
+    return () => {
+      document.removeEventListener("mousedown", onClick);
+      document.removeEventListener("keydown", onKey);
+    };
+  }, [openId]);
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { ref, className: chunkPASF6T4H_js.cx("category-nav", className), "aria-label": "Categor\xEDas", ...rest, children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "category-nav__list", children: categories.map((c) => {
+    const hasMega = !!(c.groups && c.groups.length);
+    const isOpen = openId === c.id;
+    return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "category-nav__item", children: [
+      hasMega ? /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          className: chunkPASF6T4H_js.cx("category-nav__link", isOpen && "is-open"),
+          "aria-expanded": isOpen,
+          "aria-haspopup": "true",
+          onClick: () => setOpenId(isOpen ? null : c.id),
+          children: [
+            c.label,
+            /* @__PURE__ */ jsxRuntime.jsx(chunkRQOTH7I7_js.ChevronDown, { size: 12 })
+          ]
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("a", { href: c.href ?? "#", className: "category-nav__link", children: c.label }),
+      hasMega && isOpen && // Click-to-open instead of hover so the mega menu works
+      // identically on touch devices (no hover events) and is
+      // accessible to keyboard/screen-reader users. Closes on
+      // outside click via the document mousedown listener above.
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "category-nav__mega", children: c.groups.map((g, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "category-nav__group", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "category-nav__group-title", children: g.title }),
+        /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "category-nav__group-items", children: g.items.map((it, j) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx("a", { href: it.href ?? "#", children: it.label }) }, j)) })
+      ] }, i)) })
+    ] }, c.id);
+  }) }) });
+}
+
+exports.CategoryNav = CategoryNav;
+exports.Hero = Hero;
+exports.Testimonial = Testimonial;
+//# sourceMappingURL=chunk-ADQM725E.js.map
+//# sourceMappingURL=chunk-ADQM725E.js.map

package/dist/chunk-ADQM725E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Marketing.tsx"],"names":["jsx","cx","jsxs","Star","React","ChevronDown"],"mappings":"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","file":"chunk-ADQM725E.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { ChevronDown, Star } from './Icons';\n\n// ---------- Hero / Banner ----------------------------------------------\nexport interface HeroProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {\n  eyebrow?: React.ReactNode;\n  title: React.ReactNode;\n  subtitle?: React.ReactNode;\n  actions?: React.ReactNode;\n  /** Imagen de fondo. */\n  image?: string;\n  /** Posiciona el contenido. Default: center. */\n  align?: 'start' | 'center' | 'end';\n  /** Variantes visuales. */\n  tone?: 'brand' | 'inverse' | 'subtle' | 'image';\n  /** Altura. */\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport function Hero({\n  eyebrow, title, subtitle, actions, image,\n  align = 'center', tone = 'brand', size = 'md',\n  className, style, children, ...rest\n}: HeroProps) {\n  const computedTone = image ? 'image' : tone;\n  return (\n    <section\n      className={cx('hero', `hero--${computedTone}`, `hero--align-${align}`, `hero--${size}`, className)}\n      style={image ? { backgroundImage: `url(${image})`, ...style } : style}\n      {...rest}\n    >\n      <div className=\"hero__inner\">\n        {eyebrow && <div className=\"hero__eyebrow\">{eyebrow}</div>}\n        <h1 className=\"hero__title\">{title}</h1>\n        {subtitle && <p className=\"hero__subtitle\">{subtitle}</p>}\n        {actions && <div className=\"hero__actions\">{actions}</div>}\n        {children}\n      </div>\n    </section>\n  );\n}\n\n// ---------- Testimonial -------------------------------------------------\nexport interface TestimonialProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'role'> {\n  quote: React.ReactNode;\n  author: React.ReactNode;\n  role?: React.ReactNode;\n  company?: React.ReactNode;\n  avatarSrc?: string;\n  rating?: number;        // 0..5\n}\n\nexport function Testimonial({\n  quote, author, role, company, avatarSrc, rating,\n  className, ...rest\n}: TestimonialProps) {\n  return (\n    <figure className={cx('testimonial', className)} {...rest}>\n      {rating != null && (\n        <div className=\"testimonial__rating\" aria-label={`${rating} de 5 estrellas`}>\n          {Array.from({ length: 5 }, (_, i) => (\n            <Star key={i} size={14} className={i < rating ? 'is-filled' : ''} />\n          ))}\n        </div>\n      )}\n      <blockquote className=\"testimonial__quote\">\"{quote}\"</blockquote>\n      <figcaption className=\"testimonial__caption\">\n        {avatarSrc && <img src={avatarSrc} alt=\"\" className=\"testimonial__avatar\" />}\n        <div>\n          <div className=\"testimonial__author\">{author}</div>\n          {(role || company) && (\n            <div className=\"testimonial__meta\">\n              {role}{role && company ? ' · ' : ''}{company}\n            </div>\n          )}\n        </div>\n      </figcaption>\n    </figure>\n  );\n}\n\n// ---------- CategoryNav (mega menu) ------------------------------------\nexport interface CategoryItem {\n  id: string;\n  label: React.ReactNode;\n  href?: string;\n  /** Subcategorías agrupadas (mega menu). */\n  groups?: Array<{ title: React.ReactNode; items: Array<{ label: React.ReactNode; href?: string }> }>;\n  /** Si tiene groups, se muestra el mega menu en hover. */\n}\n\nexport interface CategoryNavProps extends React.HTMLAttributes<HTMLElement> {\n  categories: CategoryItem[];\n}\n\nexport function CategoryNav({ categories, className, ...rest }: CategoryNavProps) {\n  const [openId, setOpenId] = React.useState<string | null>(null);\n  const ref = React.useRef<HTMLElement>(null);\n\n  React.useEffect(() => {\n    if (!openId) return;\n    const onClick = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpenId(null);\n    };\n    const onKey = (e: KeyboardEvent) => { if (e.key === 'Escape') setOpenId(null); };\n    document.addEventListener('mousedown', onClick);\n    document.addEventListener('keydown', onKey);\n    return () => {\n      document.removeEventListener('mousedown', onClick);\n      document.removeEventListener('keydown', onKey);\n    };\n  }, [openId]);\n\n  return (\n    <nav ref={ref} className={cx('category-nav', className)} aria-label=\"Categorías\" {...rest}>\n      <ul className=\"category-nav__list\">\n        {categories.map((c) => {\n          const hasMega = !!(c.groups && c.groups.length);\n          const isOpen = openId === c.id;\n          return (\n            <li key={c.id} className=\"category-nav__item\">\n              {hasMega ? (\n                <button\n                  type=\"button\"\n                  className={cx('category-nav__link', isOpen && 'is-open')}\n                  aria-expanded={isOpen}\n                  aria-haspopup=\"true\"\n                  onClick={() => setOpenId(isOpen ? null : c.id)}\n                >\n                  {c.label}\n                  <ChevronDown size={12} />\n                </button>\n              ) : (\n                <a href={c.href ?? '#'} className=\"category-nav__link\">{c.label}</a>\n              )}\n              {hasMega && isOpen && (\n                // Click-to-open instead of hover so the mega menu works\n                // identically on touch devices (no hover events) and is\n                // accessible to keyboard/screen-reader users. Closes on\n                // outside click via the document mousedown listener above.\n                <div className=\"category-nav__mega\">\n                  {c.groups!.map((g, i) => (\n                    <div key={i} className=\"category-nav__group\">\n                      <div className=\"category-nav__group-title\">{g.title}</div>\n                      <ul className=\"category-nav__group-items\">\n                        {g.items.map((it, j) => (\n                          <li key={j}><a href={it.href ?? '#'}>{it.label}</a></li>\n                        ))}\n                      </ul>\n                    </div>\n                  ))}\n                </div>\n              )}\n            </li>\n          );\n        })}\n      </ul>\n    </nav>\n  );\n}\n"]}

package/dist/chunk-AWYCGJJX.js

@@ -0,0 +1,102 @@
+'use strict';
+
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var CollapsibleContext = React__namespace.createContext(null);
+var Collapsible = React__namespace.forwardRef(function Collapsible2({ open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest }, ref) {
+  const [internal, setInternal] = React__namespace.useState(defaultOpen);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internal;
+  const reactId = React__namespace.useId();
+  const ids = React__namespace.useMemo(
+    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),
+    [reactId]
+  );
+  const toggle = () => {
+    const next = !open;
+    if (!isControlled) setInternal(next);
+    onOpenChange?.(next);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(CollapsibleContext.Provider, { value: { open, toggle, ...ids }, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: chunkPASF6T4H_js.cx("collapsible", open && "is-open", className),
+      "data-state": open ? "open" : "closed",
+      ...rest,
+      children
+    }
+  ) });
+});
+var CollapsibleTrigger = React__namespace.forwardRef(
+  function CollapsibleTrigger2({ className, children, onClick, ...rest }, ref) {
+    const ctx = React__namespace.useContext(CollapsibleContext);
+    if (!ctx) throw new Error("<CollapsibleTrigger> must be used inside <Collapsible>");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        id: ctx.triggerId,
+        "aria-expanded": ctx.open,
+        "aria-controls": ctx.contentId,
+        "data-state": ctx.open ? "open" : "closed",
+        className: chunkPASF6T4H_js.cx("collapsible__trigger", className),
+        onClick: (e) => {
+          ctx.toggle();
+          onClick?.(e);
+        },
+        ...rest,
+        children
+      }
+    );
+  }
+);
+var CollapsibleContent = React__namespace.forwardRef(
+  function CollapsibleContent2({ className, children, ...rest }, ref) {
+    const ctx = React__namespace.useContext(CollapsibleContext);
+    if (!ctx) throw new Error("<CollapsibleContent> must be used inside <Collapsible>");
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        id: ctx.contentId,
+        role: "region",
+        "aria-labelledby": ctx.triggerId,
+        "data-state": ctx.open ? "open" : "closed",
+        hidden: !ctx.open || void 0,
+        className: chunkPASF6T4H_js.cx("collapsible__content", className),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+
+exports.Collapsible = Collapsible;
+exports.CollapsibleContent = CollapsibleContent;
+exports.CollapsibleTrigger = CollapsibleTrigger;
+//# sourceMappingURL=chunk-AWYCGJJX.js.map
+//# sourceMappingURL=chunk-AWYCGJJX.js.map

package/dist/chunk-AWYCGJJX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible.tsx"],"names":["React","Collapsible","jsx","cx","CollapsibleTrigger","CollapsibleContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,kBAAA,GAA2BA,+BAA8C,IAAI,CAAA;AAQ5E,IAAM,WAAA,GAAoBA,gBAAA,CAAA,UAAA,CAA6C,SAASC,YAAAA,CACrF,EAAE,IAAA,EAAM,QAAA,EAAU,WAAA,GAAc,KAAA,EAAO,cAAc,SAAA,EAAW,QAAA,EAAU,GAAG,IAAA,IAC7E,GAAA,EACA;AACA,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAUD,0BAAS,WAAW,CAAA;AAC1D,EAAA,MAAM,eAAe,QAAA,KAAa,MAAA;AAClC,EAAA,MAAM,IAAA,GAAO,eAAe,QAAA,GAAW,QAAA;AACvC,EAAA,MAAM,UAAgBA,gBAAA,CAAA,KAAA,EAAM;AAC5B,EAAA,MAAM,GAAA,GAAYA,gBAAA,CAAA,OAAA;AAAA,IAChB,OAAO,EAAE,SAAA,EAAW,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAA,EAAI,SAAA,EAAW,CAAA,oBAAA,EAAuB,OAAO,CAAA,CAAA,EAAG,CAAA;AAAA,IAClG,CAAC,OAAO;AAAA,GACV;AAEA,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,MAAM,OAAO,CAAC,IAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,WAAA,CAAY,IAAI,CAAA;AACnC,IAAA,YAAA,GAAe,IAAI,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,uBACEE,cAAA,CAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO,EAAE,IAAA,EAAM,MAAA,EAAQ,GAAG,GAAA,EAAI,EACzD,QAAA,kBAAAA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAWC,mBAAA,CAAG,aAAA,EAAe,IAAA,IAAQ,WAAW,SAAS,CAAA;AAAA,MACzD,YAAA,EAAY,OAAO,MAAA,GAAS,QAAA;AAAA,MAC3B,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH,EACF,CAAA;AAEJ,CAAC;AAEM,IAAM,kBAAA,GAA2BH,gBAAA,CAAA,UAAA;AAAA,EACtC,SAASI,oBAAmB,EAAE,SAAA,EAAW,UAAU,OAAA,EAAS,GAAG,IAAA,EAAK,EAAG,GAAA,EAAK;AAC1E,IAAA,MAAM,GAAA,GAAYJ,4BAAW,kBAAkB,CAAA;AAC/C,IAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,wDAAwD,CAAA;AAClF,IAAA,uBACEE,cAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,IAAI,GAAA,CAAI,SAAA;AAAA,QACR,iBAAe,GAAA,CAAI,IAAA;AAAA,QACnB,iBAAe,GAAA,CAAI,SAAA;AAAA,QACnB,YAAA,EAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS,QAAA;AAAA,QAChC,SAAA,EAAWC,mBAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,QAC/C,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,GAAA,CAAI,MAAA,EAAO;AACX,UAAA,OAAA,GAAU,CAAC,CAAA;AAAA,QACb,CAAA;AAAA,QACC,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEO,IAAM,kBAAA,GAA2BH,gBAAA,CAAA,UAAA;AAAA,EACtC,SAASK,oBAAmB,EAAE,SAAA,EAAW,UAAU,GAAG,IAAA,IAAQ,GAAA,EAAK;AACjE,IAAA,MAAM,GAAA,GAAYL,4BAAW,kBAAkB,CAAA;AAC/C,IAAA,IAAI,CAAC,GAAA,EAAK,MAAM,IAAI,MAAM,wDAAwD,CAAA;AAClF,IAAA,uBACEE,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAI,GAAA,CAAI,SAAA;AAAA,QACR,IAAA,EAAK,QAAA;AAAA,QACL,mBAAiB,GAAA,CAAI,SAAA;AAAA,QACrB,YAAA,EAAY,GAAA,CAAI,IAAA,GAAO,MAAA,GAAS,QAAA;AAAA,QAChC,MAAA,EAAQ,CAAC,GAAA,CAAI,IAAA,IAAQ,MAAA;AAAA,QACrB,SAAA,EAAWC,mBAAA,CAAG,sBAAA,EAAwB,SAAS,CAAA;AAAA,QAC9C,GAAG,IAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF","file":"chunk-AWYCGJJX.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\ninterface CollapsibleContextValue {\n  open: boolean;\n  toggle: () => void;\n  contentId: string;\n  triggerId: string;\n}\n\nconst CollapsibleContext = React.createContext<CollapsibleContextValue | null>(null);\n\nexport interface CollapsibleProps extends React.HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n}\n\nexport const Collapsible = React.forwardRef<HTMLDivElement, CollapsibleProps>(function Collapsible(\n  { open: openProp, defaultOpen = false, onOpenChange, className, children, ...rest },\n  ref\n) {\n  const [internal, setInternal] = React.useState(defaultOpen);\n  const isControlled = openProp !== undefined;\n  const open = isControlled ? openProp : internal;\n  const reactId = React.useId();\n  const ids = React.useMemo(\n    () => ({ contentId: `collapsible-content-${reactId}`, triggerId: `collapsible-trigger-${reactId}` }),\n    [reactId]\n  );\n\n  const toggle = () => {\n    const next = !open;\n    if (!isControlled) setInternal(next);\n    onOpenChange?.(next);\n  };\n\n  return (\n    <CollapsibleContext.Provider value={{ open, toggle, ...ids }}>\n      <div\n        ref={ref}\n        className={cx('collapsible', open && 'is-open', className)}\n        data-state={open ? 'open' : 'closed'}\n        {...rest}\n      >\n        {children}\n      </div>\n    </CollapsibleContext.Provider>\n  );\n});\n\nexport const CollapsibleTrigger = React.forwardRef<HTMLButtonElement, React.ButtonHTMLAttributes<HTMLButtonElement>>(\n  function CollapsibleTrigger({ className, children, onClick, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleTrigger> must be used inside <Collapsible>');\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        id={ctx.triggerId}\n        aria-expanded={ctx.open}\n        aria-controls={ctx.contentId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        className={cx('collapsible__trigger', className)}\n        onClick={(e) => {\n          ctx.toggle();\n          onClick?.(e);\n        }}\n        {...rest}\n      >\n        {children}\n      </button>\n    );\n  }\n);\n\nexport const CollapsibleContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(\n  function CollapsibleContent({ className, children, ...rest }, ref) {\n    const ctx = React.useContext(CollapsibleContext);\n    if (!ctx) throw new Error('<CollapsibleContent> must be used inside <Collapsible>');\n    return (\n      <div\n        ref={ref}\n        id={ctx.contentId}\n        role=\"region\"\n        aria-labelledby={ctx.triggerId}\n        data-state={ctx.open ? 'open' : 'closed'}\n        hidden={!ctx.open || undefined}\n        className={cx('collapsible__content', className)}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n"]}

package/dist/chunk-AZBX7UFI.js

@@ -0,0 +1,100 @@
+'use strict';
+
+var chunkPASF6T4H_js = require('./chunk-PASF6T4H.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Toggle = React__namespace.forwardRef(function Toggle2({ pressed, defaultPressed, onPressedChange, size = "md", variant = "default", className, children, onClick, ...rest }, ref) {
+  const [internal, setInternal] = React__namespace.useState(defaultPressed ?? false);
+  const isControlled = pressed !== void 0;
+  const value = isControlled ? pressed : internal;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-pressed": value,
+      "data-state": value ? "on" : "off",
+      className: chunkPASF6T4H_js.cx("toggle", `toggle--${size}`, `toggle--${variant}`, value && "is-pressed", className),
+      onClick: (e) => {
+        const next = !value;
+        if (!isControlled) setInternal(next);
+        onPressedChange?.(next);
+        onClick?.(e);
+      },
+      ...rest,
+      children
+    }
+  );
+});
+var ToggleGroupContext = React__namespace.createContext(null);
+function ToggleGroup(props) {
+  const { type, size = "md", variant = "default", disabled = false, className, ariaLabel, children } = props;
+  const initial = type === "single" ? props.defaultValue ?? "" : props.defaultValue ?? [];
+  const [internal, setInternal] = React__namespace.useState(initial);
+  const isControlled = props.value !== void 0 && props.value !== null;
+  const current = isControlled ? type === "single" ? props.value ?? "" : props.value ?? [] : internal;
+  const setValue = (next) => {
+    if (!isControlled) setInternal(next);
+    if (type === "single") {
+      const v = next || null;
+      props.onChange?.(v);
+    } else {
+      props.onChange?.(next);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(ToggleGroupContext.Provider, { value: { type, value: current, setValue, size, variant, disabled }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { role: "group", "aria-label": ariaLabel, className: chunkPASF6T4H_js.cx("toggle-group", className), children }) });
+}
+var ToggleGroupItem = React__namespace.forwardRef(function ToggleGroupItem2({ value, className, children, disabled: itemDisabled, ...rest }, ref) {
+  const ctx = React__namespace.useContext(ToggleGroupContext);
+  if (!ctx) throw new Error("ToggleGroupItem must be used inside ToggleGroup");
+  const isPressed = ctx.type === "single" ? ctx.value === value : Array.isArray(ctx.value) && ctx.value.includes(value);
+  const onClick = () => {
+    if (ctx.type === "single") {
+      ctx.setValue(isPressed ? "" : value);
+    } else {
+      const arr = ctx.value ?? [];
+      ctx.setValue(isPressed ? arr.filter((v) => v !== value) : [...arr, value]);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: "button",
+      "aria-pressed": isPressed,
+      "data-state": isPressed ? "on" : "off",
+      disabled: ctx.disabled || itemDisabled,
+      className: chunkPASF6T4H_js.cx("toggle", `toggle--${ctx.size}`, `toggle--${ctx.variant}`, "toggle-group__item", isPressed && "is-pressed", className),
+      onClick,
+      ...rest,
+      children
+    }
+  );
+});
+
+exports.Toggle = Toggle;
+exports.ToggleGroup = ToggleGroup;
+exports.ToggleGroupItem = ToggleGroupItem;
+//# sourceMappingURL=chunk-AZBX7UFI.js.map
+//# sourceMappingURL=chunk-AZBX7UFI.js.map

package/dist/chunk-AZBX7UFI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle.tsx"],"names":["React","Toggle","jsx","cx","ToggleGroupItem"],"mappings":"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","file":"chunk-AZBX7UFI.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\n\nexport type ToggleSize = 'sm' | 'md' | 'lg';\nexport type ToggleVariant = 'default' | 'outline';\n\nexport interface ToggleProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  pressed?: boolean;\n  defaultPressed?: boolean;\n  onPressedChange?: (pressed: boolean) => void;\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n}\n\nexport const Toggle = React.forwardRef<HTMLButtonElement, ToggleProps>(function Toggle(\n  { pressed, defaultPressed, onPressedChange, size = 'md', variant = 'default', className, children, onClick, ...rest },\n  ref\n) {\n  const [internal, setInternal] = React.useState(defaultPressed ?? false);\n  const isControlled = pressed !== undefined;\n  const value = isControlled ? pressed : internal;\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-pressed={value}\n      data-state={value ? 'on' : 'off'}\n      className={cx('toggle', `toggle--${size}`, `toggle--${variant}`, value && 'is-pressed', className)}\n      onClick={(e) => {\n        const next = !value;\n        if (!isControlled) setInternal(next);\n        onPressedChange?.(next);\n        onClick?.(e);\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n});\n\ninterface ToggleGroupContextValue {\n  type: 'single' | 'multiple';\n  value: string | string[];\n  setValue: (next: string | string[]) => void;\n  size: ToggleSize;\n  variant: ToggleVariant;\n  disabled: boolean;\n}\nconst ToggleGroupContext = React.createContext<ToggleGroupContextValue | null>(null);\n\ninterface ToggleGroupBaseProps {\n  size?: ToggleSize;\n  variant?: ToggleVariant;\n  disabled?: boolean;\n  className?: string;\n  ariaLabel?: string;\n  children: React.ReactNode;\n}\n\nexport interface ToggleGroupSingleProps extends ToggleGroupBaseProps {\n  type: 'single';\n  value?: string | null;\n  defaultValue?: string;\n  onChange?: (value: string | null) => void;\n  rovingFocus?: boolean;\n}\n\nexport interface ToggleGroupMultipleProps extends ToggleGroupBaseProps {\n  type: 'multiple';\n  value?: string[];\n  defaultValue?: string[];\n  onChange?: (value: string[]) => void;\n}\n\nexport type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;\n\nexport function ToggleGroup(props: ToggleGroupProps) {\n  const { type, size = 'md', variant = 'default', disabled = false, className, ariaLabel, children } = props;\n\n  const initial: string | string[] =\n    type === 'single' ? (props.defaultValue ?? '') : (props.defaultValue ?? []);\n  const [internal, setInternal] = React.useState<string | string[]>(initial);\n\n  const isControlled = props.value !== undefined && props.value !== null;\n  const current: string | string[] = isControlled\n    ? type === 'single'\n      ? (props.value ?? '')\n      : (props.value ?? [])\n    : internal;\n\n  const setValue = (next: string | string[]) => {\n    if (!isControlled) setInternal(next);\n    if (type === 'single') {\n      const v = (next as string) || null;\n      (props as ToggleGroupSingleProps).onChange?.(v);\n    } else {\n      (props as ToggleGroupMultipleProps).onChange?.(next as string[]);\n    }\n  };\n\n  return (\n    <ToggleGroupContext.Provider value={{ type, value: current, setValue, size, variant, disabled }}>\n      <div role=\"group\" aria-label={ariaLabel} className={cx('toggle-group', className)}>\n        {children}\n      </div>\n    </ToggleGroupContext.Provider>\n  );\n}\n\nexport interface ToggleGroupItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {\n  value: string;\n}\n\nexport const ToggleGroupItem = React.forwardRef<HTMLButtonElement, ToggleGroupItemProps>(function ToggleGroupItem(\n  { value, className, children, disabled: itemDisabled, ...rest },\n  ref\n) {\n  const ctx = React.useContext(ToggleGroupContext);\n  if (!ctx) throw new Error('ToggleGroupItem must be used inside ToggleGroup');\n  const isPressed =\n    ctx.type === 'single'\n      ? ctx.value === value\n      : Array.isArray(ctx.value) && ctx.value.includes(value);\n\n  const onClick = () => {\n    if (ctx.type === 'single') {\n      ctx.setValue(isPressed ? '' : value);\n    } else {\n      const arr = (ctx.value as string[]) ?? [];\n      ctx.setValue(isPressed ? arr.filter((v) => v !== value) : [...arr, value]);\n    }\n  };\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      aria-pressed={isPressed}\n      data-state={isPressed ? 'on' : 'off'}\n      disabled={ctx.disabled || itemDisabled}\n      className={cx('toggle', `toggle--${ctx.size}`, `toggle--${ctx.variant}`, 'toggle-group__item', isPressed && 'is-pressed', className)}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n});\n"]}

package/dist/chunk-BCIZLGM3.mjs

@@ -0,0 +1,78 @@
+import { getBrand } from './chunk-5GEWIK4T.mjs';
+
+// src/utils/dateFormat.ts
+function detectFormatFromLocale(locale) {
+  try {
+    const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(2024, 0, 2));
+    const order = [];
+    for (const p of parts) {
+      if (p.type === "year") order.push("y");
+      else if (p.type === "month") order.push("m");
+      else if (p.type === "day") order.push("d");
+    }
+    const key = order.join("");
+    if (key === "ymd") return "iso";
+    if (key === "mdy") return "mdy";
+    return "dmy";
+  } catch {
+    return "dmy";
+  }
+}
+function resolveDateFormat(format) {
+  if (format === "auto") return detectFormatFromLocale(getBrand().locale);
+  return format;
+}
+var PLACEHOLDERS = {
+  iso: "aaaa-mm-dd",
+  dmy: "dd-mm-aaaa",
+  mdy: "mm-dd-aaaa"
+};
+function dateFormatPlaceholder(format) {
+  return PLACEHOLDERS[format];
+}
+function formatDate(d, format) {
+  const yyyy = d.getFullYear();
+  const mm = String(d.getMonth() + 1).padStart(2, "0");
+  const dd = String(d.getDate()).padStart(2, "0");
+  if (format === "iso") return `${yyyy}-${mm}-${dd}`;
+  if (format === "dmy") return `${dd}-${mm}-${yyyy}`;
+  return `${mm}-${dd}-${yyyy}`;
+}
+function parseDate(s, format) {
+  const trimmed = s.trim();
+  if (!trimmed) return null;
+  const iso = trimmed.match(/^(\d{4})-(\d{2})-(\d{2})$/);
+  if (iso) {
+    return safeDate(Number(iso[1]), Number(iso[2]), Number(iso[3]));
+  }
+  const m = trimmed.match(/^(\d{1,4})[\-\/.](\d{1,2})[\-\/.](\d{1,4})$/);
+  if (!m) return null;
+  let y, mo, d;
+  if (format === "iso") {
+    y = Number(m[1]);
+    mo = Number(m[2]);
+    d = Number(m[3]);
+  } else if (format === "dmy") {
+    d = Number(m[1]);
+    mo = Number(m[2]);
+    y = Number(m[3]);
+  } else {
+    mo = Number(m[1]);
+    d = Number(m[2]);
+    y = Number(m[3]);
+  }
+  if (y < 100) y += 2e3;
+  return safeDate(y, mo, d);
+}
+function safeDate(y, mo, d) {
+  if (mo < 1 || mo > 12 || d < 1 || d > 31) return null;
+  const dt = new Date(y, mo - 1, d);
+  if (isNaN(dt.getTime()) || dt.getFullYear() !== y || dt.getMonth() !== mo - 1 || dt.getDate() !== d) {
+    return null;
+  }
+  return dt;
+}
+
+export { dateFormatPlaceholder, detectFormatFromLocale, formatDate, parseDate, resolveDateFormat };
+//# sourceMappingURL=chunk-BCIZLGM3.mjs.map
+//# sourceMappingURL=chunk-BCIZLGM3.mjs.map

package/dist/chunk-BCIZLGM3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/dateFormat.ts"],"names":[],"mappings":";;;AAmBO,SAAS,uBAAuB,MAAA,EAAoC;AACzE,EAAA,IAAI;AACF,IAAA,MAAM,KAAA,GAAQ,IAAI,IAAA,CAAK,cAAA,CAAe,MAAM,CAAA,CAAE,aAAA,CAAc,IAAI,IAAA,CAAK,IAAA,EAAM,CAAA,EAAG,CAAC,CAAC,CAAA;AAChF,IAAA,MAAM,QAAkB,EAAC;AACzB,IAAA,KAAA,MAAW,KAAK,KAAA,EAAO;AACrB,MAAA,IAAI,CAAA,CAAE,IAAA,KAAS,MAAA,EAAQ,KAAA,CAAM,KAAK,GAAG,CAAA;AAAA,WAAA,IAC5B,CAAA,CAAE,IAAA,KAAS,OAAA,EAAS,KAAA,CAAM,KAAK,GAAG,CAAA;AAAA,WAAA,IAClC,CAAA,CAAE,IAAA,KAAS,KAAA,EAAO,KAAA,CAAM,KAAK,GAAG,CAAA;AAAA,IAC3C;AACA,IAAA,MAAM,GAAA,GAAM,KAAA,CAAM,IAAA,CAAK,EAAE,CAAA;AACzB,IAAA,IAAI,GAAA,KAAQ,OAAO,OAAO,KAAA;AAC1B,IAAA,IAAI,GAAA,KAAQ,OAAO,OAAO,KAAA;AAC1B,IAAA,OAAO,KAAA;AAAA,EACT,CAAA,CAAA,MAAQ;AACN,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAGO,SAAS,kBAAkB,MAAA,EAAwC;AACxE,EAAA,IAAI,WAAW,MAAA,EAAQ,OAAO,sBAAA,CAAuB,QAAA,GAAW,MAAM,CAAA;AACtE,EAAA,OAAO,MAAA;AACT;AAEA,IAAM,YAAA,GAAmD;AAAA,EACvD,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK,YAAA;AAAA,EACL,GAAA,EAAK;AACP,CAAA;AAGO,SAAS,sBAAsB,MAAA,EAAoC;AACxE,EAAA,OAAO,aAAa,MAAM,CAAA;AAC5B;AAGO,SAAS,UAAA,CAAW,GAAS,MAAA,EAAoC;AACtE,EAAA,MAAM,IAAA,GAAO,EAAE,WAAA,EAAY;AAC3B,EAAA,MAAM,EAAA,GAAK,OAAO,CAAA,CAAE,QAAA,KAAa,CAAC,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAA;AACnD,EAAA,MAAM,EAAA,GAAK,OAAO,CAAA,CAAE,OAAA,EAAS,CAAA,CAAE,QAAA,CAAS,GAAG,GAAG,CAAA;AAC9C,EAAA,IAAI,MAAA,KAAW,OAAO,OAAO,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,EAAE,IAAI,EAAE,CAAA,CAAA;AAChD,EAAA,IAAI,MAAA,KAAW,OAAO,OAAO,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,EAAE,IAAI,IAAI,CAAA,CAAA;AAChD,EAAA,OAAO,CAAA,EAAG,EAAE,CAAA,CAAA,EAAI,EAAE,IAAI,IAAI,CAAA,CAAA;AAC5B;AAYO,SAAS,SAAA,CAAU,GAAW,MAAA,EAAyC;AAC5E,EAAA,MAAM,OAAA,GAAU,EAAE,IAAA,EAAK;AACvB,EAAA,IAAI,CAAC,SAAS,OAAO,IAAA;AAGrB,EAAA,MAAM,GAAA,GAAM,OAAA,CAAQ,KAAA,CAAM,2BAA2B,CAAA;AACrD,EAAA,IAAI,GAAA,EAAK;AACP,IAAA,OAAO,QAAA,CAAS,MAAA,CAAO,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,MAAA,CAAO,GAAA,CAAI,CAAC,CAAC,CAAA,EAAG,MAAA,CAAO,GAAA,CAAI,CAAC,CAAC,CAAC,CAAA;AAAA,EAChE;AAEA,EAAA,MAAM,CAAA,GAAI,OAAA,CAAQ,KAAA,CAAM,6CAA6C,CAAA;AACrE,EAAA,IAAI,CAAC,GAAG,OAAO,IAAA;AAEf,EAAA,IAAI,GAAW,EAAA,EAAY,CAAA;AAC3B,EAAA,IAAI,WAAW,KAAA,EAAO;AACpB,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,EAAA,GAAK,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAA,EACtD,CAAA,MAAA,IAAW,WAAW,KAAA,EAAO;AAC3B,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,EAAA,GAAK,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAA,EACtD,CAAA,MAAO;AACL,IAAA,EAAA,GAAK,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAG,IAAA,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,CAAC,CAAC,CAAA;AAAA,EACtD;AAGA,EAAA,IAAI,CAAA,GAAI,KAAK,CAAA,IAAK,GAAA;AAElB,EAAA,OAAO,QAAA,CAAS,CAAA,EAAG,EAAA,EAAI,CAAC,CAAA;AAC1B;AAEA,SAAS,QAAA,CAAS,CAAA,EAAW,EAAA,EAAY,CAAA,EAAwB;AAC/D,EAAA,IAAI,EAAA,GAAK,KAAK,EAAA,GAAK,EAAA,IAAM,IAAI,CAAA,IAAK,CAAA,GAAI,IAAI,OAAO,IAAA;AACjD,EAAA,MAAM,KAAK,IAAI,IAAA,CAAK,CAAA,EAAG,EAAA,GAAK,GAAG,CAAC,CAAA;AAChC,EAAA,IACE,MAAM,EAAA,CAAG,OAAA,EAAS,CAAA,IAClB,GAAG,WAAA,EAAY,KAAM,CAAA,IACrB,EAAA,CAAG,UAAS,KAAM,EAAA,GAAK,KACvB,EAAA,CAAG,OAAA,OAAc,CAAA,EACjB;AACA,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,OAAO,EAAA;AACT","file":"chunk-BCIZLGM3.mjs","sourcesContent":["import { getBrand } from '../brand';\n\n/**\n * Date display formats supported by the kit's date pickers.\n *\n * - `iso`  → `2026-05-02` (ISO 8601, year-month-day)\n * - `dmy`  → `02-05-2026` (day-month-year, common in es-CL, es-ES, en-GB, pt-BR)\n * - `mdy`  → `05-02-2026` (month-day-year, en-US)\n * - `auto` → derived from `configureBrand().locale` via Intl.DateTimeFormat\n */\nexport type DateFormat = 'iso' | 'dmy' | 'mdy' | 'auto';\n\n/** A concrete (non-`auto`) format. */\nexport type ResolvedDateFormat = Exclude<DateFormat, 'auto'>;\n\n/**\n * Inspects the locale's date-part order using `Intl.DateTimeFormat.formatToParts`.\n * No hardcoded country lists — uses the runtime's CLDR data.\n */\nexport function detectFormatFromLocale(locale: string): ResolvedDateFormat {\n  try {\n    const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(2024, 0, 2));\n    const order: string[] = [];\n    for (const p of parts) {\n      if (p.type === 'year') order.push('y');\n      else if (p.type === 'month') order.push('m');\n      else if (p.type === 'day') order.push('d');\n    }\n    const key = order.join('');\n    if (key === 'ymd') return 'iso';\n    if (key === 'mdy') return 'mdy';\n    return 'dmy';\n  } catch {\n    return 'dmy';\n  }\n}\n\n/** Resolves `'auto'` against the current `configureBrand().locale`. */\nexport function resolveDateFormat(format: DateFormat): ResolvedDateFormat {\n  if (format === 'auto') return detectFormatFromLocale(getBrand().locale);\n  return format;\n}\n\nconst PLACEHOLDERS: Record<ResolvedDateFormat, string> = {\n  iso: 'aaaa-mm-dd',\n  dmy: 'dd-mm-aaaa',\n  mdy: 'mm-dd-aaaa',\n};\n\n/** Localized placeholder for the given resolved format. */\nexport function dateFormatPlaceholder(format: ResolvedDateFormat): string {\n  return PLACEHOLDERS[format];\n}\n\n/** Format a Date as a string in the given resolved format. Always uses `-` as separator. */\nexport function formatDate(d: Date, format: ResolvedDateFormat): string {\n  const yyyy = d.getFullYear();\n  const mm = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  if (format === 'iso') return `${yyyy}-${mm}-${dd}`;\n  if (format === 'dmy') return `${dd}-${mm}-${yyyy}`;\n  return `${mm}-${dd}-${yyyy}`;\n}\n\n/**\n * Parse a user-typed date string. Tolerant of `-`, `/`, `.` separators.\n *\n * Always accepts ISO `aaaa-mm-dd` regardless of `format` (it's the canonical\n * wire format, used by APIs and `<input type=\"date\">`). Otherwise, interprets\n * the parts according to the provided format.\n *\n * Returns `null` for invalid dates (out of range, non-existent days like Feb 30,\n * unparseable strings).\n */\nexport function parseDate(s: string, format: ResolvedDateFormat): Date | null {\n  const trimmed = s.trim();\n  if (!trimmed) return null;\n\n  // Always accept ISO as a fallback (wire format).\n  const iso = trimmed.match(/^(\\d{4})-(\\d{2})-(\\d{2})$/);\n  if (iso) {\n    return safeDate(Number(iso[1]), Number(iso[2]), Number(iso[3]));\n  }\n\n  const m = trimmed.match(/^(\\d{1,4})[\\-\\/.](\\d{1,2})[\\-\\/.](\\d{1,4})$/);\n  if (!m) return null;\n\n  let y: number, mo: number, d: number;\n  if (format === 'iso') {\n    y = Number(m[1]); mo = Number(m[2]); d = Number(m[3]);\n  } else if (format === 'dmy') {\n    d = Number(m[1]); mo = Number(m[2]); y = Number(m[3]);\n  } else {\n    mo = Number(m[1]); d = Number(m[2]); y = Number(m[3]);\n  }\n\n  // 2-digit years: assume 2000s.\n  if (y < 100) y += 2000;\n\n  return safeDate(y, mo, d);\n}\n\nfunction safeDate(y: number, mo: number, d: number): Date | null {\n  if (mo < 1 || mo > 12 || d < 1 || d > 31) return null;\n  const dt = new Date(y, mo - 1, d);\n  if (\n    isNaN(dt.getTime()) ||\n    dt.getFullYear() !== y ||\n    dt.getMonth() !== mo - 1 ||\n    dt.getDate() !== d\n  ) {\n    return null;\n  }\n  return dt;\n}\n"]}