@particle-academy/react-fancy 5.29.0 → 5.30.0

package/dist/chunk-5F6V5HHT.cjs

@@ -0,0 +1,399 @@
+'use strict';
+
+var chunkXLFGWNW4_cjs = require('./chunk-XLFGWNW4.cjs');
+var chunk65HKNZFG_cjs = require('./chunk-65HKNZFG.cjs');
+var chunkZU5Q77OT_cjs = require('./chunk-ZU5Q77OT.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var CardContext = react.createContext(null);
+function useCardContext() {
+  return react.useContext(CardContext);
+}
+var CardSectionContext = react.createContext(null);
+function useCardSectionPadding() {
+  return react.useContext(CardSectionContext);
+}
+
+// src/components/Card/Card.scales.ts
+var paddingClasses = {
+  none: "",
+  xs: "[&>*]:px-2 [&>*]:py-1.5",
+  sm: "[&>*]:px-3 [&>*]:py-2",
+  md: "[&>*]:px-4 [&>*]:py-3",
+  lg: "[&>*]:px-6 [&>*]:py-4"
+};
+var sizePadding = {
+  xs: "xs",
+  sm: "sm",
+  md: "md",
+  lg: "lg"
+};
+var radiusClasses = {
+  xs: "rounded",
+  sm: "rounded-md",
+  md: "rounded-lg",
+  lg: "rounded-xl"
+};
+var radiusTop = {
+  xs: "rounded-t",
+  sm: "rounded-t-md",
+  md: "rounded-t-lg",
+  lg: "rounded-t-xl"
+};
+var radiusBottom = {
+  xs: "rounded-b",
+  sm: "rounded-b-md",
+  md: "rounded-b-lg",
+  lg: "rounded-b-xl"
+};
+var selfPadding = {
+  none: "",
+  xs: "px-2 py-1.5",
+  sm: "px-3 py-2",
+  md: "px-4 py-3",
+  lg: "px-6 py-4"
+};
+var dividerInsetAfter = {
+  none: "after:inset-x-0",
+  xs: "after:inset-x-2",
+  sm: "after:inset-x-3",
+  md: "after:inset-x-4",
+  lg: "after:inset-x-6"
+};
+var dividerInsetBefore = {
+  none: "before:inset-x-0",
+  xs: "before:inset-x-2",
+  sm: "before:inset-x-3",
+  md: "before:inset-x-4",
+  lg: "before:inset-x-6"
+};
+var bleedX = {
+  none: "",
+  xs: "-mx-2",
+  sm: "-mx-3",
+  md: "-mx-4",
+  lg: "-mx-6"
+};
+var bleedTop = {
+  none: "",
+  xs: "-mt-1.5",
+  sm: "-mt-2",
+  md: "-mt-3",
+  lg: "-mt-4"
+};
+var bleedBottom = {
+  none: "",
+  xs: "-mb-1.5",
+  sm: "-mb-2",
+  md: "-mb-3",
+  lg: "-mb-4"
+};
+var CardSection = react.forwardRef(
+  ({
+    edge,
+    handle,
+    heading,
+    headingLevel = "h3",
+    description,
+    actions,
+    size: sizeProp,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const card = useCardContext();
+    const standalone = card === null;
+    const size = card?.size ?? sizeProp ?? "md";
+    const sections = card?.sections ?? "plain";
+    const dividerInset = card?.dividerInset ?? false;
+    const padding = card?.padding ?? sizePadding[size];
+    const ruled = sections === "divided";
+    const banded = sections === "banded";
+    const composed = children ?? null;
+    const hasComposition = composed === null && (heading != null || description != null || actions != null);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        ...{ [handle]: "" },
+        className: chunkZU5Q77OT_cjs.cn(
+          standalone && selfPadding[padding],
+          banded && "bg-zinc-50 dark:bg-zinc-800/50",
+          ruled && !dividerInset && (edge === "bottom" ? "border-b border-zinc-200 dark:border-zinc-700" : "border-t border-zinc-200 dark:border-zinc-700"),
+          // An inset rule cannot be a border: a border draws on the element's
+          // own edge, and the whole point is to stop short of it. So it is a
+          // one-pixel pseudo-element, inset by the same step the padding uses —
+          // which is why both come out of one table in Card.scales.
+          ruled && dividerInset && chunkZU5Q77OT_cjs.cn(
+            "relative",
+            edge === "bottom" ? "after:absolute after:bottom-0 after:h-px after:bg-zinc-200 dark:after:bg-zinc-700" : "before:absolute before:top-0 before:h-px before:bg-zinc-200 dark:before:bg-zinc-700",
+            edge === "bottom" ? dividerInsetAfter[padding] : dividerInsetBefore[padding]
+          ),
+          hasComposition && "flex items-center gap-3",
+          hasComposition && (heading != null || description != null ? "justify-between" : "justify-end"),
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(CardSectionContext.Provider, { value: padding, children: composed ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          (heading != null || description != null) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0", children: [
+            heading != null && /* @__PURE__ */ jsxRuntime.jsx(
+              chunk65HKNZFG_cjs.Heading,
+              {
+                as: headingLevel,
+                size: "sm",
+                weight: "semibold",
+                "data-react-fancy-card-heading": "",
+                children: heading
+              }
+            ),
+            description != null && /* @__PURE__ */ jsxRuntime.jsx(
+              chunkXLFGWNW4_cjs.Text,
+              {
+                size: "sm",
+                color: "muted",
+                "data-react-fancy-card-description": "",
+                children: description
+              }
+            )
+          ] }),
+          actions != null && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-react-fancy-card-actions": "",
+              className: "flex shrink-0 items-center gap-2",
+              children: actions
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+CardSection.displayName = "CardSection";
+var CardHeader = react.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    CardSection,
+    {
+      ref,
+      edge: "bottom",
+      handle: "data-react-fancy-card-header",
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardBody = react.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const padding = useCardContext()?.padding ?? "none";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-react-fancy-card-body": "",
+        className: chunkZU5Q77OT_cjs.cn(className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(CardSectionContext.Provider, { value: padding, children })
+      }
+    );
+  }
+);
+CardBody.displayName = "CardBody";
+var CardFooter = react.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    CardSection,
+    {
+      ref,
+      edge: "top",
+      handle: "data-react-fancy-card-footer",
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+var CardMedia = react.forwardRef(
+  ({
+    src,
+    alt = "",
+    ratio = "16/9",
+    height,
+    background,
+    objectPosition = "center",
+    loading = "lazy",
+    topLeft,
+    topRight,
+    bottomLeft,
+    bottomRight,
+    className,
+    style,
+    children,
+    ...props
+  }, ref) => {
+    const cardSize = useCardContext()?.size ?? "md";
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-react-fancy-card-media": "",
+        className: chunkZU5Q77OT_cjs.cn(
+          "relative overflow-hidden",
+          // Follows the CARD's radius step rather than hardcoding `rounded-t-lg`.
+          // It was fixed, so a `size="lg"` card put a `rounded-xl` frame around
+          // a `rounded-t-lg` image and left a visible sliver of card showing
+          // through each top corner. Defaults to `md` with no card above, which
+          // is the class it used to hardcode.
+          radiusTop[cardSize],
+          // Card's `padding` prop pads EVERY direct child
+          // (`[&>*]:px-4 …`), which would inset the media and break the
+          // flush-to-the-edge look every caller wants. `!` wins regardless of
+          // stylesheet order, which plain `p-0` would not.
+          "!px-0 !py-0",
+          className
+        ),
+        style: {
+          ...height === void 0 ? { aspectRatio: ratio } : { height },
+          ...background ? { background } : null,
+          ...style
+        },
+        ...props,
+        children: [
+          src ? /* @__PURE__ */ jsxRuntime.jsx(
+            "img",
+            {
+              src,
+              alt,
+              loading,
+              className: "absolute inset-0 h-full w-full object-cover",
+              style: { objectPosition }
+            }
+          ) : null,
+          children,
+          topLeft ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute left-2 top-2 z-10", children: topLeft }) : null,
+          topRight ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute right-2 top-2 z-10", children: topRight }) : null,
+          bottomLeft ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-2 left-2 z-10", children: bottomLeft }) : null,
+          bottomRight ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute bottom-2 right-2 z-10", children: bottomRight }) : null
+        ]
+      }
+    );
+  }
+);
+CardMedia.displayName = "CardMedia";
+var CardBleed = react.forwardRef(
+  ({ edges = "x", className, children, ...props }, ref) => {
+    const card = useCardContext();
+    const section = useCardSectionPadding();
+    const size = card?.size ?? "md";
+    const touchesTop = edges === "top" || edges === "all";
+    const touchesBottom = edges === "bottom" || edges === "all";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-react-fancy-card-bleed": "",
+        className: chunkZU5Q77OT_cjs.cn(
+          // Clip children to whatever corners we round, or an image's square
+          // edge sits over the card's curve.
+          "overflow-hidden",
+          section !== null ? chunkZU5Q77OT_cjs.cn(
+            bleedX[section],
+            touchesTop && bleedTop[section],
+            touchesBottom && bleedBottom[section]
+          ) : (
+            // Direct child of the card: `!` because the padding it is undoing
+            // comes from the card's own `[&>*]` rule, which is equally
+            // specific. Same mechanism `Card.Media` uses.
+            chunkZU5Q77OT_cjs.cn(
+              "!px-0",
+              touchesTop && "!pt-0",
+              touchesBottom && "!pb-0"
+            )
+          ),
+          touchesTop && radiusTop[size],
+          touchesBottom && radiusBottom[size],
+          className
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+CardBleed.displayName = "CardBleed";
+var variantClasses = {
+  outlined: "border border-zinc-200 dark:border-zinc-700",
+  elevated: "shadow-md border border-zinc-100 dark:border-zinc-800",
+  flat: "bg-zinc-50 dark:bg-zinc-800/50",
+  // Tint steps between "no tint" and `flat`. They work the same way `flat`
+  // does: a later `bg-*` in the class string beats the base `bg-white`, because
+  // `cn` is tailwind-merge and resolves conflicting utilities last-wins. Class
+  // ORDER decides this, not CSS specificity — so these must stay after the base
+  // background in the `cn(...)` call below.
+  muted: "bg-zinc-100 dark:bg-zinc-800",
+  soft: "bg-zinc-50/70 dark:bg-zinc-800/40"
+};
+var CardRoot = react.forwardRef(
+  ({
+    variant = "outlined",
+    size = "md",
+    padding,
+    sections = "divided",
+    dividerInset = false,
+    highlight = false,
+    interactive = false,
+    className,
+    children,
+    ...props
+  }, ref) => {
+    const resolvedPadding = padding ?? sizePadding[size];
+    const context = react.useMemo(
+      () => ({ size, padding: resolvedPadding, sections, dividerInset }),
+      [size, resolvedPadding, sections, dividerInset]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(CardContext.Provider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        "data-react-fancy-card": "",
+        className: chunkZU5Q77OT_cjs.cn(
+          "bg-white dark:bg-zinc-900",
+          radiusClasses[size],
+          variantClasses[variant],
+          // A pseudo-element rather than an inset box-shadow: `shadow-*` and
+          // `shadow-[inset...]` are the same tailwind-merge group, so an
+          // inset shadow here would have SILENTLY DELETED `elevated`'s
+          // `shadow-md`. Highlight and elevation have to be able to coexist.
+          // `dark:` carries a REAL colour. It was `dark:before:bg-transparent`,
+          // which made `highlight` a no-op in the mode that needs it most:
+          // a dark surface has no border contrast of its own, and a 10% white
+          // top edge is the whole reason Flux turns this on by default.
+          highlight && "relative before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-white/70 dark:before:bg-white/10",
+          // `overflow-hidden` is part of `interactive` rather than always-on:
+          // clipping unconditionally would cut off popovers and dropdowns that
+          // legitimately overflow a static card.
+          interactive && "overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600",
+          paddingClasses[resolvedPadding],
+          className
+        ),
+        ...props,
+        children
+      }
+    ) });
+  }
+);
+CardRoot.displayName = "Card";
+var Card = Object.assign(CardRoot, {
+  Media: CardMedia,
+  Header: CardHeader,
+  Body: CardBody,
+  Footer: CardFooter,
+  Bleed: CardBleed
+});
+
+exports.Card = Card;
+exports.CardBleed = CardBleed;
+exports.CardBody = CardBody;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardMedia = CardMedia;
+//# sourceMappingURL=chunk-5F6V5HHT.cjs.map
+//# sourceMappingURL=chunk-5F6V5HHT.cjs.map

package/dist/chunk-5F6V5HHT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Card/Card.context.ts","../src/components/Card/Card.scales.ts","../src/components/Card/CardSection.tsx","../src/components/Card/CardHeader.tsx","../src/components/Card/CardBody.tsx","../src/components/Card/CardFooter.tsx","../src/components/Card/CardMedia.tsx","../src/components/Card/CardBleed.tsx","../src/components/Card/Card.tsx"],"names":["createContext","useContext","forwardRef","jsx","cn","jsxs","Fragment","Heading","Text","useMemo"],"mappings":";;;;;;;;AAaO,IAAM,WAAA,GAAcA,oBAAuC,IAAI,CAAA;AAE/D,SAAS,cAAA,GAA0C;AACxD,EAAA,OAAOC,iBAAW,WAAW,CAAA;AAC/B;AA0BO,IAAM,kBAAA,GAAqBD,oBAAkC,IAAI,CAAA;AAEjE,SAAS,qBAAA,GAA4C;AAC1D,EAAA,OAAOC,iBAAW,kBAAkB,CAAA;AACtC;;;ACvBO,IAAM,cAAA,GAA8C;AAAA,EACzD,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,uBAAA;AAAA,EACJ,EAAA,EAAI,uBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGO,IAAM,WAAA,GAA6C;AAAA,EACxD,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI,IAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,aAAA,GAA0C;AAAA,EACrD,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI,YAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGO,IAAM,SAAA,GAAsC;AAAA,EACjD,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,YAAA,GAAyC;AAAA,EACpD,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI,cAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAGO,IAAM,WAAA,GAA2C;AAAA,EACtD,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAaO,IAAM,iBAAA,GAAiD;AAAA,EAC5D,IAAA,EAAM,iBAAA;AAAA,EACN,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,kBAAA,GAAkD;AAAA,EAC7D,IAAA,EAAM,kBAAA;AAAA,EACN,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAQO,IAAM,MAAA,GAAsC;AAAA,EACjD,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,QAAA,GAAwC;AAAA,EACnD,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;AAEO,IAAM,WAAA,GAA2C;AAAA,EACtD,IAAA,EAAM,EAAA;AAAA,EACN,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI;AACN,CAAA;ACvGO,IAAM,WAAA,GAAcC,gBAAA;AAAA,EACzB,CACE;AAAA,IACE,IAAA;AAAA,IACA,MAAA;AAAA,IACA,OAAA;AAAA,IACA,YAAA,GAAe,IAAA;AAAA,IACf,WAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA,EAAM,QAAA;AAAA,IACN,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,OAAO,cAAA,EAAe;AAM5B,IAAA,MAAM,aAAa,IAAA,KAAS,IAAA;AAC5B,IAAA,MAAM,IAAA,GAAO,IAAA,EAAM,IAAA,IAAQ,QAAA,IAAY,IAAA;AACvC,IAAA,MAAM,QAAA,GAAW,MAAM,QAAA,IAAY,OAAA;AACnC,IAAA,MAAM,YAAA,GAAe,MAAM,YAAA,IAAgB,KAAA;AAM3C,IAAA,MAAM,OAAA,GAAU,IAAA,EAAM,OAAA,IAAW,WAAA,CAAY,IAAI,CAAA;AAEjD,IAAA,MAAM,QAAQ,QAAA,KAAa,SAAA;AAC3B,IAAA,MAAM,SAAS,QAAA,KAAa,QAAA;AAI5B,IAAA,MAAM,WAAW,QAAA,IAAY,IAAA;AAC7B,IAAA,MAAM,iBAAiB,QAAA,KAAa,IAAA,KAAS,WAAW,IAAA,IAAQ,WAAA,IAAe,QAAQ,OAAA,IAAW,IAAA,CAAA;AAElG,IAAA,uBACEC,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACC,GAAG,EAAE,CAAC,MAAM,GAAG,EAAA,EAAG;AAAA,QACnB,SAAA,EAAWC,oBAAA;AAAA,UACT,UAAA,IAAc,YAAY,OAAO,CAAA;AAAA,UACjC,MAAA,IAAU,gCAAA;AAAA,UACV,KAAA,IACE,CAAC,YAAA,KACA,IAAA,KAAS,WACN,+CAAA,GACA,+CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAKN,SACE,YAAA,IACAA,oBAAA;AAAA,YACE,UAAA;AAAA,YACA,IAAA,KAAS,WACL,mFAAA,GACA,qFAAA;AAAA,YACJ,SAAS,QAAA,GACL,iBAAA,CAAkB,OAAO,CAAA,GACzB,mBAAmB,OAAO;AAAA,WAChC;AAAA,UACF,cAAA,IAAkB,yBAAA;AAAA,UAClB,cAAA,KAAmB,OAAA,IAAW,IAAA,IAAQ,WAAA,IAAe,OAAO,iBAAA,GAAoB,aAAA,CAAA;AAAA,UAChF;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAOJ,yCAAC,kBAAA,CAAmB,QAAA,EAAnB,EAA4B,KAAA,EAAO,OAAA,EACjC,sCACCC,eAAA,CAAAC,mBAAA,EAAA,EACI,QAAA,EAAA;AAAA,UAAA,CAAA,OAAA,IAAW,QAAQ,WAAA,IAAe,IAAA,qBAClCD,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,SAAA,EACZ,QAAA,EAAA;AAAA,YAAA,OAAA,IAAW,IAAA,oBACVF,cAAA;AAAA,cAACI,yBAAA;AAAA,cAAA;AAAA,gBACC,EAAA,EAAI,YAAA;AAAA,gBACJ,IAAA,EAAK,IAAA;AAAA,gBACL,MAAA,EAAO,UAAA;AAAA,gBACP,+BAAA,EAA8B,EAAA;AAAA,gBAE7B,QAAA,EAAA;AAAA;AAAA,aACH;AAAA,YAED,eAAe,IAAA,oBACdJ,cAAA;AAAA,cAACK,sBAAA;AAAA,cAAA;AAAA,gBACC,IAAA,EAAK,IAAA;AAAA,gBACL,KAAA,EAAM,OAAA;AAAA,gBACN,mCAAA,EAAkC,EAAA;AAAA,gBAEjC,QAAA,EAAA;AAAA;AAAA;AACH,WAAA,EAEJ,CAAA;AAAA,UAED,WAAW,IAAA,oBACVL,cAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,+BAAA,EAA8B,EAAA;AAAA,cAC9B,SAAA,EAAU,kCAAA;AAAA,cAET,QAAA,EAAA;AAAA;AAAA;AACH,SAAA,EAEJ,CAAA,EAEJ;AAAA;AAAA,KACF;AAAA,EAEJ;AACF,CAAA;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA;ACxInB,IAAM,UAAA,GAAaD,gBAAAA;AAAA,EACxB,CAAC,KAAA,EAAO,GAAA,qBACNC,cAAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,QAAA;AAAA,MACL,MAAA,EAAO,8BAAA;AAAA,MACN,GAAG;AAAA;AAAA;AAGV;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACdlB,IAAM,QAAA,GAAWD,gBAAAA;AAAA,EACtB,CAAC,EAAE,SAAA,EAAW,UAAU,GAAG,KAAA,IAAS,GAAA,KAAQ;AAI1C,IAAA,MAAM,OAAA,GAAU,cAAA,EAAe,EAAG,OAAA,IAAW,MAAA;AAE7C,IAAA,uBACEC,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,4BAAA,EAA2B,EAAA;AAAA,QAC3B,SAAA,EAAWC,qBAAG,SAAS,CAAA;AAAA,QACtB,GAAG,KAAA;AAAA,QAQJ,0BAAAD,cAAAA,CAAC,kBAAA,CAAmB,UAAnB,EAA4B,KAAA,EAAO,SAAU,QAAA,EAAS;AAAA;AAAA,KACzD;AAAA,EAEJ;AACF;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA;ACtBhB,IAAM,UAAA,GAAaD,gBAAAA;AAAA,EACxB,CAAC,KAAA,EAAO,GAAA,qBACNC,cAAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAK,KAAA;AAAA,MACL,MAAA,EAAO,8BAAA;AAAA,MACN,GAAG;AAAA;AAAA;AAGV;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;ACElB,IAAM,SAAA,GAAYD,gBAAAA;AAAA,EACvB,CACE;AAAA,IACE,GAAA;AAAA,IACA,GAAA,GAAM,EAAA;AAAA,IACN,KAAA,GAAQ,MAAA;AAAA,IACR,MAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA,GAAiB,QAAA;AAAA,IACjB,OAAA,GAAU,MAAA;AAAA,IACV,OAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,QAAA,GAAW,cAAA,EAAe,EAAG,IAAA,IAAQ,IAAA;AAE3C,IAAA,uBACEG,eAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,6BAAA,EAA4B,EAAA;AAAA,QAC5B,SAAA,EAAWD,oBAAA;AAAA,UACT,0BAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAMA,UAAU,QAAQ,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAKlB,aAAA;AAAA,UACA;AAAA,SACF;AAAA,QACA,KAAA,EAAO;AAAA,UACL,GAAI,WAAW,MAAA,GAAY,EAAE,aAAa,KAAA,EAAM,GAAI,EAAE,MAAA,EAAO;AAAA,UAC7D,GAAI,UAAA,GAAa,EAAE,UAAA,EAAW,GAAI,IAAA;AAAA,UAClC,GAAG;AAAA,SACL;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,GAAA,mBACCD,cAAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA;AAAA,cACA,GAAA;AAAA,cACA,OAAA;AAAA,cACA,SAAA,EAAU,6CAAA;AAAA,cACV,KAAA,EAAO,EAAE,cAAA;AAAe;AAAA,WAC1B,GACE,IAAA;AAAA,UAEH,QAAA;AAAA,UAEA,0BAAUA,cAAAA,CAAC,UAAK,SAAA,EAAU,4BAAA,EAA8B,mBAAQ,CAAA,GAAU,IAAA;AAAA,UAC1E,2BAAWA,cAAAA,CAAC,UAAK,SAAA,EAAU,6BAAA,EAA+B,oBAAS,CAAA,GAAU,IAAA;AAAA,UAC7E,6BAAaA,cAAAA,CAAC,UAAK,SAAA,EAAU,+BAAA,EAAiC,sBAAW,CAAA,GAAU,IAAA;AAAA,UACnF,8BAAcA,cAAAA,CAAC,UAAK,SAAA,EAAU,gCAAA,EAAkC,uBAAY,CAAA,GAAU;AAAA;AAAA;AAAA,KACzF;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AClDjB,IAAM,SAAA,GAAYD,gBAAAA;AAAA,EACvB,CAAC,EAAE,KAAA,GAAQ,GAAA,EAAK,WAAW,QAAA,EAAU,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AACvD,IAAA,MAAM,OAAO,cAAA,EAAe;AAC5B,IAAA,MAAM,UAAU,qBAAA,EAAsB;AAGtC,IAAA,MAAM,IAAA,GAAO,MAAM,IAAA,IAAQ,IAAA;AAE3B,IAAA,MAAM,UAAA,GAAa,KAAA,KAAU,KAAA,IAAS,KAAA,KAAU,KAAA;AAChD,IAAA,MAAM,aAAA,GAAgB,KAAA,KAAU,QAAA,IAAY,KAAA,KAAU,KAAA;AAEtD,IAAA,uBACEC,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,6BAAA,EAA4B,EAAA;AAAA,QAC5B,SAAA,EAAWC,oBAAA;AAAA;AAAA;AAAA,UAGT,iBAAA;AAAA,UACA,YAAY,IAAA,GACRA,oBAAA;AAAA,YACE,OAAO,OAAO,CAAA;AAAA,YACd,UAAA,IAAc,SAAS,OAAO,CAAA;AAAA,YAC9B,aAAA,IAAiB,YAAY,OAAO;AAAA,WACtC;AAAA;AAAA;AAAA;AAAA,YAIAA,oBAAA;AAAA,cACE,OAAA;AAAA,cACA,UAAA,IAAc,OAAA;AAAA,cACd,aAAA,IAAiB;AAAA;AACnB,WAAA;AAAA,UACJ,UAAA,IAAc,UAAU,IAAI,CAAA;AAAA,UAC5B,aAAA,IAAiB,aAAa,IAAI,CAAA;AAAA,UAClC;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA;AC5ExB,IAAM,cAAA,GAAoE;AAAA,EACxE,QAAA,EAAU,6CAAA;AAAA,EACV,QAAA,EAAU,uDAAA;AAAA,EACV,IAAA,EAAM,gCAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMN,KAAA,EAAO,8BAAA;AAAA,EACP,IAAA,EAAM;AACR,CAAA;AAmBA,IAAM,QAAA,GAAWF,gBAAAA;AAAA,EACf,CACE;AAAA,IACE,OAAA,GAAU,UAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,OAAA;AAAA,IACA,QAAA,GAAW,SAAA;AAAA,IACX,YAAA,GAAe,KAAA;AAAA,IACf,SAAA,GAAY,KAAA;AAAA,IACZ,WAAA,GAAc,KAAA;AAAA,IACd,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AAIH,IAAA,MAAM,eAAA,GAAkB,OAAA,IAAW,WAAA,CAAY,IAAI,CAAA;AAKnD,IAAA,MAAM,OAAA,GAAUO,aAAA;AAAA,MACd,OAAO,EAAE,IAAA,EAAM,OAAA,EAAS,eAAA,EAAiB,UAAU,YAAA,EAAa,CAAA;AAAA,MAChE,CAAC,IAAA,EAAM,eAAA,EAAiB,QAAA,EAAU,YAAY;AAAA,KAChD;AAEA,IAAA,uBACEN,cAAAA,CAAC,WAAA,CAAY,UAAZ,EAAqB,KAAA,EAAO,SAC3B,QAAA,kBAAAA,cAAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,uBAAA,EAAsB,EAAA;AAAA,QACtB,SAAA,EAAWC,oBAAA;AAAA,UACT,2BAAA;AAAA,UACA,cAAc,IAAI,CAAA;AAAA,UAClB,eAAe,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAStB,SAAA,IACE,0IAAA;AAAA;AAAA;AAAA;AAAA,UAIF,WAAA,IACE,oHAAA;AAAA,UACF,eAAe,eAAe,CAAA;AAAA,UAC9B;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH,EACF,CAAA;AAAA,EAEJ;AACF,CAAA;AAEA,QAAA,CAAS,WAAA,GAAc,MAAA;AAEhB,IAAM,IAAA,GAAO,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU;AAAA,EAC1C,KAAA,EAAO,SAAA;AAAA,EACP,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,MAAA,EAAQ,UAAA;AAAA,EACR,KAAA,EAAO;AACT,CAAC","file":"chunk-5F6V5HHT.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { CardContextValue, CardPadding } from \"./Card.types\";\n\n/**\n * What a Card tells its parts.\n *\n * `null` is a SUPPORTED state, not an error — unlike `useAccordion`, which\n * throws. `Card.Header` and `Card.Footer` are usable on their own, as a section\n * heading above a card, and before this existed they rendered with a\n * `border-bottom` belonging to a card they were not inside. So the absence of a\n * card is information: it means \"style yourself standalone\", and it is why this\n * hook returns the value rather than asserting it.\n */\nexport const CardContext = createContext<CardContextValue | null>(null);\n\nexport function useCardContext(): CardContextValue | null {\n  return useContext(CardContext);\n}\n\n/**\n * The padding step of the section a child sits inside, or `null` when there is\n * no padded section above it.\n *\n * `Card.Bleed` needs it because escaping the padding is two different\n * operations depending on depth, and a component cannot see its own depth:\n *\n *   - Bleed inside a Header/Body/Footer is a GRANDchild of the card — the\n *     padding is on that section, and reaching the card's edge means a negative\n *     margin.\n *   - Bleed as a direct child of the card IS the padded element — the padding\n *     is on Bleed itself, and reaching the edge means zeroing it. A negative\n *     margin here would pull the content outside the card entirely.\n *\n * Both look like \"cancel the padding\" and neither works for the other case,\n * which is exactly the kind of thing that ships looking fine in one demo.\n *\n * It carries the STEP rather than a boolean because the step is the only thing\n * the bleed actually needs, and it is NOT always derivable from the card's\n * `size`: `<Card size=\"md\" padding=\"lg\">` pads its children by `lg`, and a\n * standalone `Card.Header` has a card-less step of its own. A boolean sent the\n * bleed back to `size` for the distance, which was wrong in both of those\n * cases — by a whole padding step, silently.\n */\nexport const CardSectionContext = createContext<CardPadding | null>(null);\n\nexport function useCardSectionPadding(): CardPadding | null {\n  return useContext(CardSectionContext);\n}\n","import type { CardPadding, CardSize } from \"./Card.types\";\n\n/**\n * One table per thing a `size` or a `padding` step scales.\n *\n * They live together, and apart from the components, because four of them have\n * to agree: the card's own radius, `Card.Media`'s top radius, the inset a\n * `dividerInset` rule stops at, and the negative margin a `Card.Bleed` uses to\n * escape. Those last three are all derived from the PADDING step — get one\n * wrong and the mismatch is a few pixels, which is the kind of defect that\n * survives review and then looks like a browser bug.\n *\n * Radius is keyed by `size`; everything that has to line up with the padding is\n * keyed by the padding step. Those are NOT the same key: `size` only picks the\n * DEFAULT padding, and an explicit `padding` prop overrides it. Keying the\n * inset and the bleed off `size` made `<Card size=\"md\" padding=\"lg\">` draw a\n * rule inset by 1rem over content inset by 1.5rem, and `padding=\"none\"` pull a\n * bleed clean outside the card.\n *\n * **`md` must stay byte-identical to what Card rendered before `size` existed**\n * (`rounded-lg`, `px-4`, `py-3`). `size` defaults to `md`, so that is what\n * makes this whole feature additive rather than a restyle of every consumer.\n */\n\nexport const paddingClasses: Record<CardPadding, string> = {\n  none: \"\",\n  xs: \"[&>*]:px-2 [&>*]:py-1.5\",\n  sm: \"[&>*]:px-3 [&>*]:py-2\",\n  md: \"[&>*]:px-4 [&>*]:py-3\",\n  lg: \"[&>*]:px-6 [&>*]:py-4\",\n};\n\n/** The padding step a `size` implies when `padding` is not given. */\nexport const sizePadding: Record<CardSize, CardPadding> = {\n  xs: \"xs\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n};\n\nexport const radiusClasses: Record<CardSize, string> = {\n  xs: \"rounded\",\n  sm: \"rounded-md\",\n  md: \"rounded-lg\",\n  lg: \"rounded-xl\",\n};\n\n/** `rounded-t-*` / `rounded-b-*` counterparts, for media and bleed. */\nexport const radiusTop: Record<CardSize, string> = {\n  xs: \"rounded-t\",\n  sm: \"rounded-t-md\",\n  md: \"rounded-t-lg\",\n  lg: \"rounded-t-xl\",\n};\n\nexport const radiusBottom: Record<CardSize, string> = {\n  xs: \"rounded-b\",\n  sm: \"rounded-b-md\",\n  md: \"rounded-b-lg\",\n  lg: \"rounded-b-xl\",\n};\n\n/** Padding a STANDALONE header/footer applies to itself, having no card. */\nexport const selfPadding: Record<CardPadding, string> = {\n  none: \"\",\n  xs: \"px-2 py-1.5\",\n  sm: \"px-3 py-2\",\n  md: \"px-4 py-3\",\n  lg: \"px-6 py-4\",\n};\n\n/**\n * Where an inset divider stops — matches the horizontal padding step.\n *\n * Written out per variant rather than composed as `` `after:${insetX[step]}` ``.\n * **Tailwind generates CSS by scanning source for LITERAL class names**, so a\n * template string produces a class that exists in the DOM and in no stylesheet:\n * the divider silently does not render, and nothing in the build complains. The\n * duplication is the price of the scanner being a text search, and\n * `tests/card-tailwind.test.ts` compiles every one of these through Tailwind so\n * a typo cannot pass either.\n */\nexport const dividerInsetAfter: Record<CardPadding, string> = {\n  none: \"after:inset-x-0\",\n  xs: \"after:inset-x-2\",\n  sm: \"after:inset-x-3\",\n  md: \"after:inset-x-4\",\n  lg: \"after:inset-x-6\",\n};\n\nexport const dividerInsetBefore: Record<CardPadding, string> = {\n  none: \"before:inset-x-0\",\n  xs: \"before:inset-x-2\",\n  sm: \"before:inset-x-3\",\n  md: \"before:inset-x-4\",\n  lg: \"before:inset-x-6\",\n};\n\n/**\n * Negative margins a nested `Card.Bleed` uses to reach the card's edges.\n *\n * `none` is empty on purpose: with no padding to escape, a negative margin\n * would drag the content OUT of the card rather than to its edge.\n */\nexport const bleedX: Record<CardPadding, string> = {\n  none: \"\",\n  xs: \"-mx-2\",\n  sm: \"-mx-3\",\n  md: \"-mx-4\",\n  lg: \"-mx-6\",\n};\n\nexport const bleedTop: Record<CardPadding, string> = {\n  none: \"\",\n  xs: \"-mt-1.5\",\n  sm: \"-mt-2\",\n  md: \"-mt-3\",\n  lg: \"-mt-4\",\n};\n\nexport const bleedBottom: Record<CardPadding, string> = {\n  none: \"\",\n  xs: \"-mb-1.5\",\n  sm: \"-mb-2\",\n  md: \"-mb-3\",\n  lg: \"-mb-4\",\n};\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Heading } from \"../Heading/Heading\";\nimport { Text } from \"../Text/Text\";\nimport { CardSectionContext, useCardContext } from \"./Card.context\";\nimport { dividerInsetAfter, dividerInsetBefore, selfPadding, sizePadding } from \"./Card.scales\";\nimport type { CardSectionProps } from \"./Card.types\";\n\n/**\n * The shared body of `Card.Header` and `Card.Footer`.\n *\n * They differ in exactly ONE way — which edge the rule sits on — so they are\n * one implementation with an `edge` argument rather than two files that have to\n * be kept in step. Composition, including where a lone `actions` block lands,\n * is identical in both. The previous pair had already drifted from\n * `ModalFooter`, which lays its actions out with `flex items-center\n * justify-end gap-3` while `Card.Footer` laid out nothing.\n */\nexport interface CardSectionInternalProps extends CardSectionProps {\n  edge: \"top\" | \"bottom\";\n  handle: string;\n}\n\nexport const CardSection = forwardRef<HTMLDivElement, CardSectionInternalProps>(\n  (\n    {\n      edge,\n      handle,\n      heading,\n      headingLevel = \"h3\",\n      description,\n      actions,\n      size: sizeProp,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const card = useCardContext();\n\n    // No card above us means this is a standalone section — a heading ABOVE a\n    // card, which Flux supports and we rendered wrongly: it kept the rule that\n    // belongs to a card it was not inside. Standalone also has to pad itself,\n    // because the padding normally comes from the card's `[&>*]` rule.\n    const standalone = card === null;\n    const size = card?.size ?? sizeProp ?? \"md\";\n    const sections = card?.sections ?? \"plain\";\n    const dividerInset = card?.dividerInset ?? false;\n\n    // The step the content is inset by, whoever applied it — the card's\n    // `[&>*]` rule, or this element's own padding when standalone. An inset\n    // rule has to stop exactly there, and a nested `Card.Bleed` has to travel\n    // exactly that far back out, so both read this one value.\n    const padding = card?.padding ?? sizePadding[size];\n\n    const ruled = sections === \"divided\";\n    const banded = sections === \"banded\";\n\n    // Children WIN. Rendering both would give anyone who passed each by mistake\n    // two titles, and silently ignoring children would be worse.\n    const composed = children ?? null;\n    const hasComposition = composed === null && (heading != null || description != null || actions != null);\n\n    return (\n      <div\n        ref={ref}\n        {...{ [handle]: \"\" }}\n        className={cn(\n          standalone && selfPadding[padding],\n          banded && \"bg-zinc-50 dark:bg-zinc-800/50\",\n          ruled &&\n            !dividerInset &&\n            (edge === \"bottom\"\n              ? \"border-b border-zinc-200 dark:border-zinc-700\"\n              : \"border-t border-zinc-200 dark:border-zinc-700\"),\n          // An inset rule cannot be a border: a border draws on the element's\n          // own edge, and the whole point is to stop short of it. So it is a\n          // one-pixel pseudo-element, inset by the same step the padding uses —\n          // which is why both come out of one table in Card.scales.\n          ruled &&\n            dividerInset &&\n            cn(\n              \"relative\",\n              edge === \"bottom\"\n                ? \"after:absolute after:bottom-0 after:h-px after:bg-zinc-200 dark:after:bg-zinc-700\"\n                : \"before:absolute before:top-0 before:h-px before:bg-zinc-200 dark:before:bg-zinc-700\",\n              edge === \"bottom\"\n                ? dividerInsetAfter[padding]\n                : dividerInsetBefore[padding],\n            ),\n          hasComposition && \"flex items-center gap-3\",\n          hasComposition && (heading != null || description != null ? \"justify-between\" : \"justify-end\"),\n          className,\n        )}\n        {...props}\n      >\n        {/* Padding is on THIS element either way -- from the card's `[&>*]`\n            rule, or from `selfPadding` when standalone. A nested `Card.Bleed`\n            escapes it with a negative margin in both cases, so the step goes\n            down unconditionally; it used to be suppressed when standalone,\n            which left a bleed inside a card-less header doing nothing. */}\n        <CardSectionContext.Provider value={padding}>\n          {composed ?? (\n            <>\n              {(heading != null || description != null) && (\n                <div className=\"min-w-0\">\n                  {heading != null && (\n                    <Heading\n                      as={headingLevel}\n                      size=\"sm\"\n                      weight=\"semibold\"\n                      data-react-fancy-card-heading=\"\"\n                    >\n                      {heading}\n                    </Heading>\n                  )}\n                  {description != null && (\n                    <Text\n                      size=\"sm\"\n                      color=\"muted\"\n                      data-react-fancy-card-description=\"\"\n                    >\n                      {description}\n                    </Text>\n                  )}\n                </div>\n              )}\n              {actions != null && (\n                <div\n                  data-react-fancy-card-actions=\"\"\n                  className=\"flex shrink-0 items-center gap-2\"\n                >\n                  {actions}\n                </div>\n              )}\n            </>\n          )}\n        </CardSectionContext.Provider>\n      </div>\n    );\n  },\n);\n\nCardSection.displayName = \"CardSection\";\n","import { forwardRef } from \"react\";\nimport { CardSection } from \"./CardSection\";\nimport type { CardHeaderProps } from \"./Card.types\";\n\n/**\n * A card's header. Also usable on its own, as a section heading above a card —\n * see `CardSection`, which decides that from the absence of a `CardContext`.\n */\nexport const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(\n  (props, ref) => (\n    <CardSection\n      ref={ref}\n      edge=\"bottom\"\n      handle=\"data-react-fancy-card-header\"\n      {...props}\n    />\n  ),\n);\n\nCardHeader.displayName = \"CardHeader\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardSectionContext, useCardContext } from \"./Card.context\";\nimport type { CardBodyProps } from \"./Card.types\";\n\nexport const CardBody = forwardRef<HTMLDivElement, CardBodyProps>(\n  ({ className, children, ...props }, ref) => {\n    // The step the CARD pads this element by. `\"none\"` with no card above,\n    // because then nothing pads it and there is nothing for a nested\n    // `Card.Bleed` to escape.\n    const padding = useCardContext()?.padding ?? \"none\";\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-body=\"\"\n        className={cn(className)}\n        {...props}\n      >\n        {/*\n          Body carries no classes of its own -- the card pads it through\n          `[&>*]`, and giving it padding here would double that. The context is\n          the only thing it adds: it tells a nested `Card.Bleed` that the\n          padding to escape is on THIS element, and how much of it there is.\n        */}\n        <CardSectionContext.Provider value={padding}>{children}</CardSectionContext.Provider>\n      </div>\n    );\n  },\n);\n\nCardBody.displayName = \"CardBody\";\n","import { forwardRef } from \"react\";\nimport { CardSection } from \"./CardSection\";\nimport type { CardFooterProps } from \"./Card.types\";\n\n/**\n * A card's footer. Its rule sits on the TOP edge, and a lone `actions` block\n * aligns to the end — matching `ModalFooter`, which has always done that while\n * this component laid out nothing.\n */\nexport const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(\n  (props, ref) => (\n    <CardSection\n      ref={ref}\n      edge=\"top\"\n      handle=\"data-react-fancy-card-footer\"\n      {...props}\n    />\n  ),\n);\n\nCardFooter.displayName = \"CardFooter\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useCardContext } from \"./Card.context\";\nimport { radiusTop } from \"./Card.scales\";\nimport type { CardMediaProps } from \"./Card.types\";\n\n/**\n * The fixed-ratio media region at the top of a card: a thumbnail, gradient or\n * solid swatch, with slots pinned to its corners.\n *\n * This is `Card.Media` rather than a separate `<MediaCard>` because the thing\n * being asked for was never a different card — it was a card with a picture in\n * it. Four surfaces had each rebuilt exactly this (a gallery index, a package\n * grid, a starter-kit grid and a showcase grid) and one of them was already\n * wrapping `Card` and hand-rolling only this region.\n *\n * ## The `background` is not decoration\n *\n * It shows through while the image loads and stays visible if the image never\n * arrives. The gallery relied on that: each style card is keyed to a swatch, so\n * a missing screenshot degrades to the right colour rather than to a hole.\n */\nexport const CardMedia = forwardRef<HTMLDivElement, CardMediaProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      ratio = \"16/9\",\n      height,\n      background,\n      objectPosition = \"center\",\n      loading = \"lazy\",\n      topLeft,\n      topRight,\n      bottomLeft,\n      bottomRight,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const cardSize = useCardContext()?.size ?? \"md\";\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-media=\"\"\n        className={cn(\n          \"relative overflow-hidden\",\n          // Follows the CARD's radius step rather than hardcoding `rounded-t-lg`.\n          // It was fixed, so a `size=\"lg\"` card put a `rounded-xl` frame around\n          // a `rounded-t-lg` image and left a visible sliver of card showing\n          // through each top corner. Defaults to `md` with no card above, which\n          // is the class it used to hardcode.\n          radiusTop[cardSize],\n          // Card's `padding` prop pads EVERY direct child\n          // (`[&>*]:px-4 …`), which would inset the media and break the\n          // flush-to-the-edge look every caller wants. `!` wins regardless of\n          // stylesheet order, which plain `p-0` would not.\n          \"!px-0 !py-0\",\n          className,\n        )}\n        style={{\n          ...(height === undefined ? { aspectRatio: ratio } : { height }),\n          ...(background ? { background } : null),\n          ...style,\n        }}\n        {...props}\n      >\n        {src ? (\n          <img\n            src={src}\n            alt={alt}\n            loading={loading}\n            className=\"absolute inset-0 h-full w-full object-cover\"\n            style={{ objectPosition }}\n          />\n        ) : null}\n\n        {children}\n\n        {topLeft ? <span className=\"absolute left-2 top-2 z-10\">{topLeft}</span> : null}\n        {topRight ? <span className=\"absolute right-2 top-2 z-10\">{topRight}</span> : null}\n        {bottomLeft ? <span className=\"absolute bottom-2 left-2 z-10\">{bottomLeft}</span> : null}\n        {bottomRight ? <span className=\"absolute bottom-2 right-2 z-10\">{bottomRight}</span> : null}\n      </div>\n    );\n  },\n);\n\nCardMedia.displayName = \"CardMedia\";\n","import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { useCardContext, useCardSectionPadding } from \"./Card.context\";\nimport { bleedBottom, bleedTop, bleedX, radiusBottom, radiusTop } from \"./Card.scales\";\nimport type { CardBleedProps } from \"./Card.types\";\n\n/**\n * Run content out to the card's edges — an image, a table, a chart strip.\n *\n * ## Why this is arithmetic and not a CSS-variable protocol\n *\n * Flux solves the same problem with a published set of custom properties\n * (`--flux-bleed-x`, `--flux-bleed-top`, …) that any child component may read.\n * It has to: its padding sits on the CARD, so a descendant has no way to know\n * how far it must reach. That is a public CSS API — a cross-package contract to\n * version forever.\n *\n * Ours does not need one, because padding sits on the card's direct CHILDREN.\n * The distance to the edge is therefore always one padding step, which the\n * padded section passes down in context. No variables, nothing for a consumer\n * to depend on, nothing to keep stable across releases.\n *\n * ## Two cases, and they are opposites\n *\n * - **Inside a `Card.Header` / `Card.Body` / `Card.Footer`** (the normal case):\n *   the padding is on that section, so reaching the edge is a NEGATIVE MARGIN.\n * - **As a direct child of `Card`**: the padding is on this element, so\n *   reaching the edge is ZEROING it. A negative margin here would pull the\n *   content clean outside the card.\n *\n * A component cannot see its own depth, so the sections publish their padding\n * step in context and its absence means \"you are the padded element\". Both\n * cases read as \"cancel the padding\", which is exactly why picking either one\n * alone ships looking correct in whichever demo the author happened to write.\n *\n * The distance comes from that context and NOT from the card's `size`, because\n * the two disagree whenever `padding` is passed explicitly — and disagree by a\n * whole step, which looks like a rendering bug rather than a prop conflict.\n *\n * Corners are rounded only where the content actually meets the card's edge, so\n * a mid-body strip stays square while one at the top follows the card's radius.\n */\nexport const CardBleed = forwardRef<HTMLDivElement, CardBleedProps>(\n  ({ edges = \"x\", className, children, ...props }, ref) => {\n    const card = useCardContext();\n    const section = useCardSectionPadding();\n    // Radius follows the CARD (that is whose corners are being met); the\n    // distance follows the PADDING.\n    const size = card?.size ?? \"md\";\n\n    const touchesTop = edges === \"top\" || edges === \"all\";\n    const touchesBottom = edges === \"bottom\" || edges === \"all\";\n\n    return (\n      <div\n        ref={ref}\n        data-react-fancy-card-bleed=\"\"\n        className={cn(\n          // Clip children to whatever corners we round, or an image's square\n          // edge sits over the card's curve.\n          \"overflow-hidden\",\n          section !== null\n            ? cn(\n                bleedX[section],\n                touchesTop && bleedTop[section],\n                touchesBottom && bleedBottom[section],\n              )\n            : // Direct child of the card: `!` because the padding it is undoing\n              // comes from the card's own `[&>*]` rule, which is equally\n              // specific. Same mechanism `Card.Media` uses.\n              cn(\n                \"!px-0\",\n                touchesTop && \"!pt-0\",\n                touchesBottom && \"!pb-0\",\n              ),\n          touchesTop && radiusTop[size],\n          touchesBottom && radiusBottom[size],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nCardBleed.displayName = \"CardBleed\";\n","import { forwardRef, useMemo } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { CardHeader } from \"./CardHeader\";\nimport { CardBody } from \"./CardBody\";\nimport { CardFooter } from \"./CardFooter\";\nimport { CardMedia } from \"./CardMedia\";\nimport { CardBleed } from \"./CardBleed\";\nimport { CardContext } from \"./Card.context\";\nimport { paddingClasses, radiusClasses, sizePadding } from \"./Card.scales\";\nimport type { CardContextValue, CardProps } from \"./Card.types\";\n\nconst variantClasses: Record<NonNullable<CardProps[\"variant\"]>, string> = {\n  outlined: \"border border-zinc-200 dark:border-zinc-700\",\n  elevated: \"shadow-md border border-zinc-100 dark:border-zinc-800\",\n  flat: \"bg-zinc-50 dark:bg-zinc-800/50\",\n  // Tint steps between \"no tint\" and `flat`. They work the same way `flat`\n  // does: a later `bg-*` in the class string beats the base `bg-white`, because\n  // `cn` is tailwind-merge and resolves conflicting utilities last-wins. Class\n  // ORDER decides this, not CSS specificity — so these must stay after the base\n  // background in the `cn(...)` call below.\n  muted: \"bg-zinc-100 dark:bg-zinc-800\",\n  soft: \"bg-zinc-50/70 dark:bg-zinc-800/40\",\n};\n\n/**\n * Padding is applied to the card's DIRECT CHILDREN rather than the card\n * itself, so a full-bleed child (`Card.Media`) can opt out with `!px-0`\n * without having to undo a padding that is already baked into the frame.\n *\n * The selector is `&>*`, not `&>div`. It was `&>div` until 5.24.0, which meant\n * the tag a caller happened to choose silently decided whether that child was\n * padded: `<Card><div>a</div><p>b</p></Card>` inset the div and left the\n * paragraph hard against the border. Nothing in the caller's code hinted at\n * the rule, and the result read as a bug in the card.\n *\n * It is also why there is no `gap` to scale with `size`, which looks like an\n * omission and is not: each direct child carries its own `py-*`, so two\n * adjacent parts already have twice that between their content. Adding a row\n * gap on the card would double a space that is already there.\n */\n\nconst CardRoot = forwardRef<HTMLDivElement, CardProps>(\n  (\n    {\n      variant = \"outlined\",\n      size = \"md\",\n      padding,\n      sections = \"divided\",\n      dividerInset = false,\n      highlight = false,\n      interactive = false,\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // `padding` stays authoritative over the step `size` implies. That order is\n    // what keeps `size` additive: a caller already passing `padding` sees no\n    // change, and `padding=\"none\"` still means none.\n    const resolvedPadding = padding ?? sizePadding[size];\n\n    // The RESOLVED step goes into the context, not `size`. A part that has to\n    // meet the content's edge — an inset divider, a `Card.Bleed` — needs the\n    // distance the card actually applied, and `size` is only the default.\n    const context = useMemo<CardContextValue>(\n      () => ({ size, padding: resolvedPadding, sections, dividerInset }),\n      [size, resolvedPadding, sections, dividerInset],\n    );\n\n    return (\n      <CardContext.Provider value={context}>\n        <div\n          ref={ref}\n          data-react-fancy-card=\"\"\n          className={cn(\n            \"bg-white dark:bg-zinc-900\",\n            radiusClasses[size],\n            variantClasses[variant],\n            // A pseudo-element rather than an inset box-shadow: `shadow-*` and\n            // `shadow-[inset...]` are the same tailwind-merge group, so an\n            // inset shadow here would have SILENTLY DELETED `elevated`'s\n            // `shadow-md`. Highlight and elevation have to be able to coexist.\n            // `dark:` carries a REAL colour. It was `dark:before:bg-transparent`,\n            // which made `highlight` a no-op in the mode that needs it most:\n            // a dark surface has no border contrast of its own, and a 10% white\n            // top edge is the whole reason Flux turns this on by default.\n            highlight &&\n              \"relative before:pointer-events-none before:absolute before:inset-x-0 before:top-0 before:h-px before:bg-white/70 dark:before:bg-white/10\",\n            // `overflow-hidden` is part of `interactive` rather than always-on:\n            // clipping unconditionally would cut off popovers and dropdowns that\n            // legitimately overflow a static card.\n            interactive &&\n              \"overflow-hidden transition hover:-translate-y-0.5 hover:shadow-lg hover:border-zinc-300 dark:hover:border-zinc-600\",\n            paddingClasses[resolvedPadding],\n            className,\n          )}\n          {...props}\n        >\n          {children}\n        </div>\n      </CardContext.Provider>\n    );\n  },\n);\n\nCardRoot.displayName = \"Card\";\n\nexport const Card = Object.assign(CardRoot, {\n  Media: CardMedia,\n  Header: CardHeader,\n  Body: CardBody,\n  Footer: CardFooter,\n  Bleed: CardBleed,\n});\n"]}

package/dist/{chunk-Y3T7WMT6.cjs → chunk-65HKNZFG.cjs}

@@ -61,5 +61,5 @@ var Heading = react.forwardRef(
 Heading.displayName = "Heading";
 
 exports.Heading = Heading;
-//# sourceMappingURL=chunk-Y3T7WMT6.cjs.map
-//# sourceMappingURL=chunk-Y3T7WMT6.cjs.map
+//# sourceMappingURL=chunk-65HKNZFG.cjs.map
+//# sourceMappingURL=chunk-65HKNZFG.cjs.map

package/dist/{chunk-Y3T7WMT6.cjs.map → chunk-65HKNZFG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Heading/Heading.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,IAAM,WAAA,GAAiE;AAAA,EACrE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EAEP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AASA,IAAM,eAAA,GAA8E;AAAA,EAClF,KAAA,EAAO,gBAAA;AAAA,EACP,KAAA,EAAO,gBAAA;AAAA,EACP,KAAA,EAAO,kBAAA;AAAA,EACP,KAAA,EAAO,kBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,aAAA,GAAqE;AAAA,EACzE,MAAA,EAAQ,aAAA;AAAA,EACR,MAAA,EAAQ,aAAA;AAAA,EACR,QAAA,EAAU,eAAA;AAAA,EACV,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,OAAA,GAAUA,gBAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,GAAA,GAAM,IAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,MAAA,GAAS,MAAA;AAAA,IACT,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACEC,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,0BAAA,EAAyB,EAAA;AAAA,QACzB,SAAA,EAAWC,oBAAA;AAAA,UACT,kCAAA;AAAA,UACA,YAAY,IAAI,CAAA;AAAA,UAChB,gBAAgB,IAAI,CAAA;AAAA,UACpB,cAAc,MAAM,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-Y3T7WMT6.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { HeadingProps } from \"./Heading.types\";\n\nconst sizeClasses: Record<NonNullable<HeadingProps[\"size\"]>, string> = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-2xl\",\n  \"2xl\": \"text-4xl\",\n  // Display steps. Each is the next Tailwind size up, continuing the ramp.\n  \"3xl\": \"text-5xl\",\n  \"4xl\": \"text-6xl\",\n  \"5xl\": \"text-7xl\",\n  \"6xl\": \"text-8xl\",\n  \"7xl\": \"text-9xl\",\n};\n\n/**\n * Tracking for the display steps only.\n *\n * Default letter-spacing is tuned for headings that sit near body text. At\n * display scale the same spacing reads loose — which is exactly why the big-type\n * gallery style hand-rolled its own `<h1>` rather than use this component.\n */\nconst trackingClasses: Partial<Record<NonNullable<HeadingProps[\"size\"]>, string>> = {\n  \"3xl\": \"tracking-tight\",\n  \"4xl\": \"tracking-tight\",\n  \"5xl\": \"tracking-tighter\",\n  \"6xl\": \"tracking-tighter\",\n  \"7xl\": \"tracking-tighter\",\n};\n\nconst weightClasses: Record<NonNullable<HeadingProps[\"weight\"]>, string> = {\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n};\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n  (\n    {\n      as: Tag = \"h2\",\n      size = \"lg\",\n      weight = \"bold\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Tag\n        ref={ref}\n        data-react-fancy-heading=\"\"\n        className={cn(\n          \"text-zinc-900 dark:text-zinc-100\",\n          sizeClasses[size],\n          trackingClasses[size],\n          weightClasses[weight],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n\nHeading.displayName = \"Heading\";\n"]}
+{"version":3,"sources":["../src/components/Heading/Heading.tsx"],"names":["forwardRef","jsx","cn"],"mappings":";;;;;;AAIA,IAAM,WAAA,GAAiE;AAAA,EACrE,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,UAAA;AAAA,EACJ,KAAA,EAAO,UAAA;AAAA;AAAA,EAEP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO,UAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AASA,IAAM,eAAA,GAA8E;AAAA,EAClF,KAAA,EAAO,gBAAA;AAAA,EACP,KAAA,EAAO,gBAAA;AAAA,EACP,KAAA,EAAO,kBAAA;AAAA,EACP,KAAA,EAAO,kBAAA;AAAA,EACP,KAAA,EAAO;AACT,CAAA;AAEA,IAAM,aAAA,GAAqE;AAAA,EACzE,MAAA,EAAQ,aAAA;AAAA,EACR,MAAA,EAAQ,aAAA;AAAA,EACR,QAAA,EAAU,eAAA;AAAA,EACV,IAAA,EAAM;AACR,CAAA;AAEO,IAAM,OAAA,GAAUA,gBAAA;AAAA,EACrB,CACE;AAAA,IACE,IAAI,GAAA,GAAM,IAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,MAAA,GAAS,MAAA;AAAA,IACT,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,uBACEC,cAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,0BAAA,EAAyB,EAAA;AAAA,QACzB,SAAA,EAAWC,oBAAA;AAAA,UACT,kCAAA;AAAA,UACA,YAAY,IAAI,CAAA;AAAA,UAChB,gBAAgB,IAAI,CAAA;AAAA,UACpB,cAAc,MAAM,CAAA;AAAA,UACpB;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,EAEJ;AACF;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-65HKNZFG.cjs","sourcesContent":["import { forwardRef } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { HeadingProps } from \"./Heading.types\";\n\nconst sizeClasses: Record<NonNullable<HeadingProps[\"size\"]>, string> = {\n  xs: \"text-xs\",\n  sm: \"text-sm\",\n  md: \"text-base\",\n  lg: \"text-lg\",\n  xl: \"text-2xl\",\n  \"2xl\": \"text-4xl\",\n  // Display steps. Each is the next Tailwind size up, continuing the ramp.\n  \"3xl\": \"text-5xl\",\n  \"4xl\": \"text-6xl\",\n  \"5xl\": \"text-7xl\",\n  \"6xl\": \"text-8xl\",\n  \"7xl\": \"text-9xl\",\n};\n\n/**\n * Tracking for the display steps only.\n *\n * Default letter-spacing is tuned for headings that sit near body text. At\n * display scale the same spacing reads loose — which is exactly why the big-type\n * gallery style hand-rolled its own `<h1>` rather than use this component.\n */\nconst trackingClasses: Partial<Record<NonNullable<HeadingProps[\"size\"]>, string>> = {\n  \"3xl\": \"tracking-tight\",\n  \"4xl\": \"tracking-tight\",\n  \"5xl\": \"tracking-tighter\",\n  \"6xl\": \"tracking-tighter\",\n  \"7xl\": \"tracking-tighter\",\n};\n\nconst weightClasses: Record<NonNullable<HeadingProps[\"weight\"]>, string> = {\n  normal: \"font-normal\",\n  medium: \"font-medium\",\n  semibold: \"font-semibold\",\n  bold: \"font-bold\",\n};\n\nexport const Heading = forwardRef<HTMLHeadingElement, HeadingProps>(\n  (\n    {\n      as: Tag = \"h2\",\n      size = \"lg\",\n      weight = \"bold\",\n      className,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    return (\n      <Tag\n        ref={ref}\n        data-react-fancy-heading=\"\"\n        className={cn(\n          \"text-zinc-900 dark:text-zinc-100\",\n          sizeClasses[size],\n          trackingClasses[size],\n          weightClasses[weight],\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n\nHeading.displayName = \"Heading\";\n"]}

package/dist/{chunk-2HGYDDIQ.js → chunk-ASCATIDJ.js}

@@ -2,7 +2,6 @@ import { Switch } from './chunk-6ZDXG5VC.js';
 import { DatePicker } from './chunk-L2FPIFMN.js';
 import { Input } from './chunk-L5KKMJ2Q.js';
 import { Select } from './chunk-ZH3SPBVB.js';
-import { Text } from './chunk-5RLP77KK.js';
 import { Textarea } from './chunk-DEFGT75G.js';
 import { DisplayValue } from './chunk-KKWNKBKR.js';
 import { resolveOption } from './chunk-GFYSELJF.js';
@@ -10,6 +9,7 @@ import { ColorPicker } from './chunk-6PF5ENWM.js';
 import { Badge } from './chunk-6FCQD2KQ.js';
 import { Button } from './chunk-G6VMNSCM.js';
 import { Callout } from './chunk-ZXZJYVWP.js';
+import { Text } from './chunk-5RLP77KK.js';
 import { useInlineEdit } from './chunk-OL53XYHF.js';
 import { cn } from './chunk-MMW2JGKZ.js';
 import { createContext, forwardRef, useId, useRef, useMemo, useState, useEffect, useCallback, useContext } from 'react';
@@ -1337,5 +1337,5 @@ function buildItems({
 }
 
 export { JSON_FIELD_TYPES, JsonEditor, applyJsonEdit, describeEdit, findJsonConflicts, getAtPath, inferType, parseKeyMap, parsePath, pathToString, resolveKeyRule, typeMatches };
-//# sourceMappingURL=chunk-2HGYDDIQ.js.map
-//# sourceMappingURL=chunk-2HGYDDIQ.js.map
+//# sourceMappingURL=chunk-ASCATIDJ.js.map
+//# sourceMappingURL=chunk-ASCATIDJ.js.map