@spark-ui/components 13.1.2 → 13.1.4

package/dist/card/index.mjs

@@ -1,9 +1,12 @@
-import { jsx as l } from "react/jsx-runtime";
-import { makeVariants as g, tw as e } from "@spark-ui/internal-utils";
-import { c as p } from "../index-BmAFn37q.mjs";
-import { a as h } from "../Slot-C98rL4yy.mjs";
-import { createContext as B, useContext as E, Children as x, isValidElement as C } from "react";
-const M = p(
+import {
+  Slot
+} from "../chunk-6QCEPQ3U.mjs";
+
+// src/card/Backdrop.tsx
+import { makeVariants } from "@spark-ui/internal-utils";
+import { cva } from "class-variance-authority";
+import { jsx } from "react/jsx-runtime";
+var backdropStyles = cva(
   [
     "default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0",
     "h-sz-16",
@@ -16,7 +19,7 @@ const M = p(
         none: "",
         pulse: "animate-standalone-backdrop-pulse"
       },
-      intent: g({
+      intent: makeVariants({
         main: ["default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4"],
         support: ["default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4"],
         accent: ["default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4"],
@@ -37,9 +40,16 @@ const M = p(
       animation: "none"
     }
   }
-), f = ({ intent: r = "main", animation: n = "none", ...o }) => /* @__PURE__ */ l("div", { className: M({ intent: r, animation: n }), ...o });
-f.displayName = "Card.Backdrop";
-const N = p(
+);
+var Backdrop = ({ intent = "main", animation = "none", ...props }) => {
+  return /* @__PURE__ */ jsx("div", { className: backdropStyles({ intent, animation }), ...props });
+};
+Backdrop.displayName = "Card.Backdrop";
+
+// src/card/Card.styles.tsx
+import { makeVariants as makeVariants2, tw } from "@spark-ui/internal-utils";
+import { cva as cva2 } from "class-variance-authority";
+var cardStyles = cva2(
   [
     "group relative bg-clip-padding default:rounded-lg focus-visible:u-outline",
     "disabled:opacity-dim-3 disabled:cursor-not-allowed"
@@ -57,7 +67,7 @@ const N = p(
       /**
        * Color scheme of the button.
        */
-      intent: g({
+      intent: makeVariants2({
         main: [],
         support: [],
         accent: [],
@@ -73,28 +83,38 @@ const N = p(
     },
     compoundVariants: [
       // OUTLINED
-      { intent: "main", design: "outlined", class: e(["border-main"]) },
-      { intent: "support", design: "outlined", class: e(["border-support"]) },
-      { intent: "accent", design: "outlined", class: e(["border-accent"]) },
-      { intent: "basic", design: "outlined", class: e(["border-basic"]) },
-      { intent: "success", design: "outlined", class: e(["border-success"]) },
-      { intent: "alert", design: "outlined", class: e(["border-alert"]) },
-      { intent: "danger", design: "outlined", class: e(["border-error"]) },
-      { intent: "info", design: "outlined", class: e(["border-info"]) },
-      { intent: "neutral", design: "outlined", class: e(["border-neutral"]) },
-      { intent: "surface", design: "outlined", class: e(["border-outline"]) }
+      { intent: "main", design: "outlined", class: tw(["border-main"]) },
+      { intent: "support", design: "outlined", class: tw(["border-support"]) },
+      { intent: "accent", design: "outlined", class: tw(["border-accent"]) },
+      { intent: "basic", design: "outlined", class: tw(["border-basic"]) },
+      { intent: "success", design: "outlined", class: tw(["border-success"]) },
+      { intent: "alert", design: "outlined", class: tw(["border-alert"]) },
+      { intent: "danger", design: "outlined", class: tw(["border-error"]) },
+      { intent: "info", design: "outlined", class: tw(["border-info"]) },
+      { intent: "neutral", design: "outlined", class: tw(["border-neutral"]) },
+      { intent: "surface", design: "outlined", class: tw(["border-outline"]) }
     ],
     defaultVariants: {
       design: "filled",
       intent: "surface"
     }
   }
-), k = B(void 0), V = () => {
-  const r = E(k);
-  if (!r)
+);
+
+// src/card/context.tsx
+import { createContext, useContext } from "react";
+var CardContext = createContext(void 0);
+var useCardContext = () => {
+  const context = useContext(CardContext);
+  if (!context) {
     throw new Error("useCardContext must be used within a Card component");
-  return r;
-}, m = [
+  }
+  return context;
+};
+
+// src/card/utils.ts
+import { Children, isValidElement } from "react";
+var MOUSE_EVENTS = [
   "onClick",
   "onMouseDown",
   "onMouseUp",
@@ -105,78 +125,104 @@ const N = p(
   "onMouseOut",
   "onDoubleClick",
   "onContextMenu"
-], w = (r) => {
-  let n = !1;
-  const o = (s) => {
-    n || x.forEach(s, (t) => {
-      if (!n && C(t)) {
-        if (typeof t.type == "function" && t.type.displayName === "Card.Backdrop") {
-          n = !0;
+];
+var hasBackdrop = (children) => {
+  let backdropFound = false;
+  const searchForBackdrop = (node) => {
+    if (backdropFound) return;
+    Children.forEach(node, (child) => {
+      if (backdropFound) return;
+      if (isValidElement(child)) {
+        const isBackdropComponent = typeof child.type === "function" && child.type.displayName === "Card.Backdrop";
+        if (isBackdropComponent) {
+          backdropFound = true;
           return;
         }
-        if (t.props && typeof t.props == "object" && "children" in t.props) {
-          const a = t.props.children;
-          a != null && o(a);
+        const hasChildren = child.props && typeof child.props === "object" && "children" in child.props;
+        if (hasChildren) {
+          const childChildren = child.props.children;
+          if (childChildren !== void 0 && childChildren !== null) {
+            searchForBackdrop(childChildren);
+          }
         }
       }
     });
   };
-  return o(r), n;
-}, I = (r, n, o) => {
-  if (m.some((i) => i in o))
-    return !0;
-  if (!n)
-    return !1;
-  const t = x.only(r);
-  if (!C(t))
-    return !1;
-  const d = ["a", "button"];
-  if (typeof t.type == "string" && d.includes(t.type))
-    return !0;
-  const a = t.props;
-  return m.some((i) => i in a);
-}, y = ({
-  children: r,
-  design: n = "filled",
-  intent: o = "surface",
-  inset: s = !1,
-  asChild: t,
-  className: d,
-  ref: u,
-  ...a
+  searchForBackdrop(children);
+  return backdropFound;
+};
+var isInteractive = (children, asChild, props) => {
+  const hasMouseEventHandlers = MOUSE_EVENTS.some((event) => event in props);
+  if (hasMouseEventHandlers) {
+    return true;
+  }
+  if (!asChild) {
+    return false;
+  }
+  const child = Children.only(children);
+  if (!isValidElement(child)) {
+    return false;
+  }
+  const interactiveElements = ["a", "button"];
+  const isInteractiveElement = typeof child.type === "string" && interactiveElements.includes(child.type);
+  if (isInteractiveElement) {
+    return true;
+  }
+  const childProps = child.props;
+  const hasChildEventHandlers = MOUSE_EVENTS.some((event) => event in childProps);
+  return hasChildEventHandlers;
+};
+
+// src/card/Card.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Card = ({
+  children,
+  design = "filled",
+  intent = "surface",
+  inset = false,
+  asChild,
+  className,
+  ref,
+  ...props
 }) => {
-  const c = t ? h : "div", i = w(r), v = I(r, t, a);
-  return /* @__PURE__ */ l(
-    k.Provider,
+  const Component = asChild ? Slot : "div";
+  const backdropDetected = hasBackdrop(children);
+  const interactiveDetected = isInteractive(children, asChild, props);
+  return /* @__PURE__ */ jsx2(
+    CardContext.Provider,
     {
       value: {
-        design: n,
-        intent: o,
-        hasBackdrop: i,
-        inset: s,
-        isInteractive: v
+        design,
+        intent,
+        hasBackdrop: backdropDetected,
+        inset,
+        isInteractive: interactiveDetected
       },
-      children: /* @__PURE__ */ l(
-        c,
+      children: /* @__PURE__ */ jsx2(
+        Component,
         {
           "data-spark-component": "card",
-          "data-interactive": v,
-          ref: u,
-          className: N({
-            className: d,
-            design: n,
-            intent: o,
-            hasBackdrop: i
+          "data-interactive": interactiveDetected,
+          ref,
+          className: cardStyles({
+            className,
+            design,
+            intent,
+            hasBackdrop: backdropDetected
           }),
-          ...a,
-          children: r
+          ...props,
+          children
         }
       )
     }
   );
 };
-y.displayName = "Card";
-const S = p(
+Card.displayName = "Card";
+
+// src/card/Content.styles.tsx
+import { makeVariants as makeVariants3, tw as tw2 } from "@spark-ui/internal-utils";
+import { cva as cva3 } from "class-variance-authority";
+var contentStyles = cva3(
   [
     "relative h-full default:rounded-lg w-full focus-visible:u-outline",
     "default:transition-colors default:duration-200 ease-linear"
@@ -196,7 +242,7 @@ const S = p(
       hasBackdrop: {
         true: ["rounded-t-[16px_8px] "]
       },
-      intent: g({
+      intent: makeVariants3({
         main: [],
         support: [],
         accent: [],
@@ -215,7 +261,7 @@ const S = p(
       {
         intent: "main",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-main text-on-main group-focus:bg-main-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered"
         ])
@@ -223,7 +269,7 @@ const S = p(
       {
         intent: "support",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-support text-on-support group-focus:bg-support-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered"
         ])
@@ -231,7 +277,7 @@ const S = p(
       {
         intent: "accent",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-accent text-on-accent group-focus:bg-accent-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered"
         ])
@@ -239,7 +285,7 @@ const S = p(
       {
         intent: "basic",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-basic text-on-basic group-focus:bg-basic-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered"
         ])
@@ -247,7 +293,7 @@ const S = p(
       {
         intent: "success",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-success text-on-success group-focus:bg-success-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered"
         ])
@@ -255,7 +301,7 @@ const S = p(
       {
         intent: "alert",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-alert text-on-alert group-focus:bg-alert-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered"
         ])
@@ -263,7 +309,7 @@ const S = p(
       {
         intent: "danger",
         design: "filled",
-        class: e([
+        class: tw2([
           "text-on-error bg-error group-focus:bg-error-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered"
         ])
@@ -271,7 +317,7 @@ const S = p(
       {
         intent: "info",
         design: "filled",
-        class: e([
+        class: tw2([
           "text-on-error bg-info group-focus:bg-info-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered"
         ])
@@ -279,7 +325,7 @@ const S = p(
       {
         intent: "neutral",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-neutral text-on-neutral group-focus:bg-neutral-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered"
         ])
@@ -287,7 +333,7 @@ const S = p(
       {
         intent: "surface",
         design: "filled",
-        class: e([
+        class: tw2([
           "bg-surface text-on-surface group-focus:bg-surface-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"
         ])
@@ -300,7 +346,7 @@ const S = p(
       {
         intent: "main",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-main-container text-on-main-container group-focus:bg-main-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered"
         ])
@@ -308,7 +354,7 @@ const S = p(
       {
         intent: "support",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-support-container text-on-support-container group-focus:bg-support-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered"
         ])
@@ -316,7 +362,7 @@ const S = p(
       {
         intent: "accent",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered"
         ])
@@ -324,14 +370,14 @@ const S = p(
       {
         intent: "basic",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered"
         ])
       },
       {
         intent: "success",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-success-container text-on-success-container group-focus:bg-success-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered"
         ])
@@ -339,7 +385,7 @@ const S = p(
       {
         intent: "alert",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered"
         ])
@@ -347,7 +393,7 @@ const S = p(
       {
         intent: "danger",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-error-container text-on-error-container group-focus:bg-error-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered"
         ])
@@ -355,7 +401,7 @@ const S = p(
       {
         intent: "info",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-info-container text-on-info-container group-focus:bg-info-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered"
         ])
@@ -363,7 +409,7 @@ const S = p(
       {
         intent: "neutral",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered"
         ])
@@ -371,7 +417,7 @@ const S = p(
       {
         intent: "surface",
         design: "tinted",
-        class: e([
+        class: tw2([
           "bg-surface text-on-surface group-focus:bg-surface-hovered",
           "group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered"
         ])
@@ -380,38 +426,45 @@ const S = p(
     defaultVariants: {
       design: "filled",
       intent: "surface",
-      inset: !1,
-      hasBackdrop: !0
+      inset: false,
+      hasBackdrop: true
     }
   }
-), b = ({ children: r, inset: n, asChild: o, className: s, ref: t, ...d }) => {
-  const u = o ? h : "div", { design: a, intent: c, hasBackdrop: i } = V();
-  return /* @__PURE__ */ l(
-    u,
+);
+
+// src/card/Content.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Content = ({ children, inset, asChild, className, ref, ...props }) => {
+  const Component = asChild ? Slot : "div";
+  const { design, intent, hasBackdrop: hasBackdrop2 } = useCardContext();
+  return /* @__PURE__ */ jsx3(
+    Component,
     {
       "data-spark-component": "card-content",
-      ref: t,
-      className: S({
-        className: s,
-        design: a,
-        intent: c,
-        inset: n,
-        hasBackdrop: i
+      ref,
+      className: contentStyles({
+        className,
+        design,
+        intent,
+        inset,
+        hasBackdrop: hasBackdrop2
       }),
-      ...d,
-      children: r
+      ...props,
+      children
     }
   );
 };
-b.displayName = "Content";
-const D = Object.assign(y, {
-  Content: b,
-  Backdrop: f
+Content.displayName = "Content";
+
+// src/card/index.ts
+var Card2 = Object.assign(Card, {
+  Content,
+  Backdrop
 });
-D.displayName = "Card";
-b.displayName = "Card.Content";
-f.displayName = "Card.Backdrop";
+Card2.displayName = "Card";
+Content.displayName = "Card.Content";
+Backdrop.displayName = "Card.Backdrop";
 export {
-  D as Card
+  Card2 as Card
 };
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/card/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/card/Backdrop.tsx","../../src/card/Card.styles.tsx","../../src/card/context.tsx","../../src/card/utils.ts","../../src/card/Card.tsx","../../src/card/Content.styles.tsx","../../src/card/Content.tsx","../../src/card/index.ts"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const backdropStyles = cva(\n  [\n    'default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0',\n    'h-sz-16',\n    'default:rounded-t-lg',\n    'bg-[length:200%_100%] bg-position-[0%_0%]',\n  ],\n  {\n    variants: {\n      animation: {\n        none: '',\n        pulse: 'animate-standalone-backdrop-pulse',\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: ['default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4'],\n        support: ['default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4'],\n        accent: ['default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4'],\n        basic: ['default:from-basic/dim-4 default:via-basic/dim-2 default:to-basic/dim-4'],\n        success: ['default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4'],\n        alert: ['default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4'],\n        danger: ['default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4'],\n        info: ['default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4'],\n        neutral: ['default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4'],\n        surface: ['default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4'],\n        surfaceInverse: [\n          'default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'main',\n      animation: 'none',\n    },\n  }\n)\n\nexport type BackdropStylesProps = VariantProps<typeof backdropStyles>\n\ninterface BackdropProps extends BackdropStylesProps {\n  className?: string\n}\n\nexport const Backdrop = ({ intent = 'main', animation = 'none', ...props }: BackdropProps) => {\n  return <div className={backdropStyles({ intent, animation })} {...props} />\n}\n\nBackdrop.displayName = 'Card.Backdrop'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const cardStyles = cva(\n  [\n    'group relative bg-clip-padding default:rounded-lg focus-visible:u-outline',\n    'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      design: {\n        filled: [],\n        outlined: ['border-sm'],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['pt-md'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // OUTLINED\n      { intent: 'main', design: 'outlined', class: tw(['border-main']) },\n      { intent: 'support', design: 'outlined', class: tw(['border-support']) },\n      { intent: 'accent', design: 'outlined', class: tw(['border-accent']) },\n      { intent: 'basic', design: 'outlined', class: tw(['border-basic']) },\n      { intent: 'success', design: 'outlined', class: tw(['border-success']) },\n      { intent: 'alert', design: 'outlined', class: tw(['border-alert']) },\n      { intent: 'danger', design: 'outlined', class: tw(['border-error']) },\n      { intent: 'info', design: 'outlined', class: tw(['border-info']) },\n      { intent: 'neutral', design: 'outlined', class: tw(['border-neutral']) },\n      { intent: 'surface', design: 'outlined', class: tw(['border-outline']) },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n    },\n  }\n)\n\nexport type CardStylesProps = VariantProps<typeof cardStyles>\n","import { createContext, useContext } from 'react'\n\nimport type { CardStylesProps } from './Card.styles'\n\nexport interface CardContextValue {\n  design: CardStylesProps['design']\n  intent: CardStylesProps['intent']\n  hasBackdrop: boolean\n  inset: boolean\n  isInteractive: boolean\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined)\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext)\n  if (!context) {\n    throw new Error('useCardContext must be used within a Card component')\n  }\n\n  return context\n}\n\nexport { CardContext }\n","import { Children, isValidElement, ReactNode } from 'react'\n\nconst MOUSE_EVENTS = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseMove',\n  'onMouseOver',\n  'onMouseOut',\n  'onDoubleClick',\n  'onContextMenu',\n] as const\n\nexport const hasBackdrop = (children: ReactNode): boolean => {\n  let backdropFound = false\n\n  const searchForBackdrop = (node: ReactNode): void => {\n    if (backdropFound) return\n\n    Children.forEach(node, child => {\n      if (backdropFound) return\n\n      if (isValidElement(child)) {\n        const isBackdropComponent =\n          typeof child.type === 'function' &&\n          (child.type as { displayName?: string }).displayName === 'Card.Backdrop'\n\n        if (isBackdropComponent) {\n          backdropFound = true\n\n          return\n        }\n\n        const hasChildren =\n          child.props && typeof child.props === 'object' && 'children' in child.props\n\n        if (hasChildren) {\n          const childChildren = (child.props as { children: ReactNode }).children\n          if (childChildren !== undefined && childChildren !== null) {\n            searchForBackdrop(childChildren)\n          }\n        }\n      }\n    })\n  }\n\n  searchForBackdrop(children)\n\n  return backdropFound\n}\n\nexport const isInteractive = (\n  children: ReactNode,\n  asChild: boolean | undefined,\n  props: Record<string, any>\n): boolean => {\n  const hasMouseEventHandlers = MOUSE_EVENTS.some(event => event in props)\n\n  if (hasMouseEventHandlers) {\n    return true\n  }\n\n  if (!asChild) {\n    return false\n  }\n\n  const child = Children.only(children)\n\n  if (!isValidElement(child)) {\n    return false\n  }\n\n  const interactiveElements = ['a', 'button']\n  const isInteractiveElement =\n    typeof child.type === 'string' && interactiveElements.includes(child.type)\n\n  if (isInteractiveElement) {\n    return true\n  }\n\n  const childProps = child.props as Record<string, any>\n  const hasChildEventHandlers = MOUSE_EVENTS.some(event => event in childProps)\n\n  return hasChildEventHandlers\n}\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { cardStyles, type CardStylesProps } from './Card.styles'\nimport { CardContext } from './context'\nimport { hasBackdrop, isInteractive } from './utils'\n\nexport interface CardProps extends ComponentProps<'div'>, CardStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Card = ({\n  children,\n  design = 'filled',\n  intent = 'surface',\n  inset = false,\n  asChild,\n  className,\n  ref,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div'\n  const backdropDetected = hasBackdrop(children)\n  const interactiveDetected = isInteractive(children, asChild, props)\n\n  return (\n    <CardContext.Provider\n      value={{\n        design,\n        intent,\n        hasBackdrop: backdropDetected,\n        inset,\n        isInteractive: interactiveDetected,\n      }}\n    >\n      <Component\n        data-spark-component=\"card\"\n        data-interactive={interactiveDetected}\n        ref={ref}\n        className={cardStyles({\n          className,\n          design,\n          intent,\n          hasBackdrop: backdropDetected,\n        })}\n        {...props}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  )\n}\n\nCard.displayName = 'Card'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const contentStyles = cva(\n  [\n    'relative h-full default:rounded-lg w-full focus-visible:u-outline',\n    'default:transition-colors default:duration-200 ease-linear',\n  ],\n  {\n    variants: {\n      inset: {\n        false: ['default:p-lg'],\n      },\n      design: {\n        filled: [],\n        outlined: [\n          'default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['rounded-t-[16px_8px] '],\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // FILLED\n      {\n        intent: 'main',\n        design: 'filled',\n        class: tw([\n          'bg-main text-on-main group-focus:bg-main-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'filled',\n        class: tw([\n          'bg-support text-on-support group-focus:bg-support-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'filled',\n        class: tw([\n          'bg-accent text-on-accent group-focus:bg-accent-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered',\n        ]),\n      },\n      {\n        intent: 'basic',\n        design: 'filled',\n        class: tw([\n          'bg-basic text-on-basic group-focus:bg-basic-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'filled',\n        class: tw([\n          'bg-success text-on-success group-focus:bg-success-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'filled',\n        class: tw([\n          'bg-alert text-on-alert group-focus:bg-alert-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-error group-focus:bg-error-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-info group-focus:bg-info-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'filled',\n        class: tw([\n          'bg-neutral text-on-neutral group-focus:bg-neutral-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'filled',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n      // OUTLINED\n      /**\n       * Outlined styles are handled by the Card component (parent)\n       */\n      // TINTED\n      {\n        intent: 'main',\n        design: 'tinted',\n        class: tw([\n          'bg-main-container text-on-main-container group-focus:bg-main-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'tinted',\n        class: tw([\n          'bg-support-container text-on-support-container group-focus:bg-support-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'tinted',\n        class: tw([\n          'bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered',\n        ]),\n      },\n      {\n        intent: 'basic',\n        design: 'tinted',\n        class: tw([\n          'bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'tinted',\n        class: tw([\n          'bg-success-container text-on-success-container group-focus:bg-success-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'tinted',\n        class: tw([\n          'bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'tinted',\n        class: tw([\n          'bg-error-container text-on-error-container group-focus:bg-error-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'tinted',\n        class: tw([\n          'bg-info-container text-on-info-container group-focus:bg-info-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'tinted',\n        class: tw([\n          'bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'tinted',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n      inset: false,\n      hasBackdrop: true,\n    },\n  }\n)\n\nexport type ContentStylesProps = VariantProps<typeof contentStyles>\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { contentStyles } from './Content.styles'\nimport { useCardContext } from './context'\n\nexport interface ContentProps extends ComponentProps<'div'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Content = ({ children, inset, asChild, className, ref, ...props }: ContentProps) => {\n  const Component = asChild ? Slot : 'div'\n  const { design, intent, hasBackdrop } = useCardContext()\n\n  return (\n    <Component\n      data-spark-component=\"card-content\"\n      ref={ref}\n      className={contentStyles({\n        className,\n        design,\n        intent,\n        inset,\n        hasBackdrop,\n      })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n\nContent.displayName = 'Content'\n","import { Backdrop } from './Backdrop'\nimport { Card as Root } from './Card'\nimport { Content } from './Content'\n\nexport const Card: typeof Root & {\n  Content: typeof Content\n  Backdrop: typeof Backdrop\n} = Object.assign(Root, {\n  Content,\n  Backdrop,\n})\n\nCard.displayName = 'Card'\nContent.displayName = 'Card.Content'\nBackdrop.displayName = 'Card.Backdrop'\n\nexport { type CardProps } from './Card'\n"],"names":["backdropStyles","cva","makeVariants","Backdrop","intent","animation","props","jsx","cardStyles","tw","CardContext","createContext","useCardContext","context","useContext","MOUSE_EVENTS","hasBackdrop","children","backdropFound","searchForBackdrop","node","Children","child","isValidElement","childChildren","isInteractive","asChild","event","interactiveElements","childProps","Card","design","inset","className","ref","Component","Slot","backdropDetected","interactiveDetected","contentStyles","Content","Root"],"mappings":"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"}
+{"version":3,"sources":["../../src/card/Backdrop.tsx","../../src/card/Card.styles.tsx","../../src/card/context.tsx","../../src/card/utils.ts","../../src/card/Card.tsx","../../src/card/Content.styles.tsx","../../src/card/Content.tsx","../../src/card/index.ts"],"sourcesContent":["import { makeVariants } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const backdropStyles = cva(\n  [\n    'default:bg-surface default:bg-gradient-to-r absolute inset-x-0 top-0',\n    'h-sz-16',\n    'default:rounded-t-lg',\n    'bg-[length:200%_100%] bg-position-[0%_0%]',\n  ],\n  {\n    variants: {\n      animation: {\n        none: '',\n        pulse: 'animate-standalone-backdrop-pulse',\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: ['default:from-main/dim-4 default:via-main/dim-2 default:to-main/dim-4'],\n        support: ['default:from-support/dim-4 default:via-support/dim-2 default:to-support/dim-4'],\n        accent: ['default:from-accent/dim-4 default:via-accent/dim-2 default:to-accent/dim-4'],\n        basic: ['default:from-basic/dim-4 default:via-basic/dim-2 default:to-basic/dim-4'],\n        success: ['default:from-success/dim-4 default:via-success/dim-2 default:to-success/dim-4'],\n        alert: ['default:from-alert/dim-4 default:via-alert/dim-2 default:to-alert/dim-4'],\n        danger: ['default:from-error/dim-4 default:via-error/dim-2 default:to-error/dim-4'],\n        info: ['default:from-info/dim-4 default:via-info/dim-2 default:to-info/dim-4'],\n        neutral: ['default:from-neutral/dim-4 default:via-neutral/dim-2 default:to-neutral/dim-4'],\n        surface: ['default:from-outline/dim-4 default:via-outline/dim-2 default:to-outline/dim-4'],\n        surfaceInverse: [\n          'default:from-surface/dim-4 default:via-surface/dim-2 default:to-surface/dim-4',\n        ],\n      }),\n    },\n    defaultVariants: {\n      intent: 'main',\n      animation: 'none',\n    },\n  }\n)\n\nexport type BackdropStylesProps = VariantProps<typeof backdropStyles>\n\ninterface BackdropProps extends BackdropStylesProps {\n  className?: string\n}\n\nexport const Backdrop = ({ intent = 'main', animation = 'none', ...props }: BackdropProps) => {\n  return <div className={backdropStyles({ intent, animation })} {...props} />\n}\n\nBackdrop.displayName = 'Card.Backdrop'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const cardStyles = cva(\n  [\n    'group relative bg-clip-padding default:rounded-lg focus-visible:u-outline',\n    'disabled:opacity-dim-3 disabled:cursor-not-allowed',\n  ],\n  {\n    variants: {\n      design: {\n        filled: [],\n        outlined: ['border-sm'],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['pt-md'],\n      },\n      /**\n       * Color scheme of the button.\n       */\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // OUTLINED\n      { intent: 'main', design: 'outlined', class: tw(['border-main']) },\n      { intent: 'support', design: 'outlined', class: tw(['border-support']) },\n      { intent: 'accent', design: 'outlined', class: tw(['border-accent']) },\n      { intent: 'basic', design: 'outlined', class: tw(['border-basic']) },\n      { intent: 'success', design: 'outlined', class: tw(['border-success']) },\n      { intent: 'alert', design: 'outlined', class: tw(['border-alert']) },\n      { intent: 'danger', design: 'outlined', class: tw(['border-error']) },\n      { intent: 'info', design: 'outlined', class: tw(['border-info']) },\n      { intent: 'neutral', design: 'outlined', class: tw(['border-neutral']) },\n      { intent: 'surface', design: 'outlined', class: tw(['border-outline']) },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n    },\n  }\n)\n\nexport type CardStylesProps = VariantProps<typeof cardStyles>\n","import { createContext, useContext } from 'react'\n\nimport type { CardStylesProps } from './Card.styles'\n\nexport interface CardContextValue {\n  design: CardStylesProps['design']\n  intent: CardStylesProps['intent']\n  hasBackdrop: boolean\n  inset: boolean\n  isInteractive: boolean\n}\n\nconst CardContext = createContext<CardContextValue | undefined>(undefined)\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext)\n  if (!context) {\n    throw new Error('useCardContext must be used within a Card component')\n  }\n\n  return context\n}\n\nexport { CardContext }\n","import { Children, isValidElement, ReactNode } from 'react'\n\nconst MOUSE_EVENTS = [\n  'onClick',\n  'onMouseDown',\n  'onMouseUp',\n  'onMouseEnter',\n  'onMouseLeave',\n  'onMouseMove',\n  'onMouseOver',\n  'onMouseOut',\n  'onDoubleClick',\n  'onContextMenu',\n] as const\n\nexport const hasBackdrop = (children: ReactNode): boolean => {\n  let backdropFound = false\n\n  const searchForBackdrop = (node: ReactNode): void => {\n    if (backdropFound) return\n\n    Children.forEach(node, child => {\n      if (backdropFound) return\n\n      if (isValidElement(child)) {\n        const isBackdropComponent =\n          typeof child.type === 'function' &&\n          (child.type as { displayName?: string }).displayName === 'Card.Backdrop'\n\n        if (isBackdropComponent) {\n          backdropFound = true\n\n          return\n        }\n\n        const hasChildren =\n          child.props && typeof child.props === 'object' && 'children' in child.props\n\n        if (hasChildren) {\n          const childChildren = (child.props as { children: ReactNode }).children\n          if (childChildren !== undefined && childChildren !== null) {\n            searchForBackdrop(childChildren)\n          }\n        }\n      }\n    })\n  }\n\n  searchForBackdrop(children)\n\n  return backdropFound\n}\n\nexport const isInteractive = (\n  children: ReactNode,\n  asChild: boolean | undefined,\n  props: Record<string, any>\n): boolean => {\n  const hasMouseEventHandlers = MOUSE_EVENTS.some(event => event in props)\n\n  if (hasMouseEventHandlers) {\n    return true\n  }\n\n  if (!asChild) {\n    return false\n  }\n\n  const child = Children.only(children)\n\n  if (!isValidElement(child)) {\n    return false\n  }\n\n  const interactiveElements = ['a', 'button']\n  const isInteractiveElement =\n    typeof child.type === 'string' && interactiveElements.includes(child.type)\n\n  if (isInteractiveElement) {\n    return true\n  }\n\n  const childProps = child.props as Record<string, any>\n  const hasChildEventHandlers = MOUSE_EVENTS.some(event => event in childProps)\n\n  return hasChildEventHandlers\n}\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { cardStyles, type CardStylesProps } from './Card.styles'\nimport { CardContext } from './context'\nimport { hasBackdrop, isInteractive } from './utils'\n\nexport interface CardProps extends ComponentProps<'div'>, CardStylesProps {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Card = ({\n  children,\n  design = 'filled',\n  intent = 'surface',\n  inset = false,\n  asChild,\n  className,\n  ref,\n  ...props\n}: CardProps) => {\n  const Component = asChild ? Slot : 'div'\n  const backdropDetected = hasBackdrop(children)\n  const interactiveDetected = isInteractive(children, asChild, props)\n\n  return (\n    <CardContext.Provider\n      value={{\n        design,\n        intent,\n        hasBackdrop: backdropDetected,\n        inset,\n        isInteractive: interactiveDetected,\n      }}\n    >\n      <Component\n        data-spark-component=\"card\"\n        data-interactive={interactiveDetected}\n        ref={ref}\n        className={cardStyles({\n          className,\n          design,\n          intent,\n          hasBackdrop: backdropDetected,\n        })}\n        {...props}\n      >\n        {children}\n      </Component>\n    </CardContext.Provider>\n  )\n}\n\nCard.displayName = 'Card'\n","import { makeVariants, tw } from '@spark-ui/internal-utils'\nimport { cva, VariantProps } from 'class-variance-authority'\n\nexport const contentStyles = cva(\n  [\n    'relative h-full default:rounded-lg w-full focus-visible:u-outline',\n    'default:transition-colors default:duration-200 ease-linear',\n  ],\n  {\n    variants: {\n      inset: {\n        false: ['default:p-lg'],\n      },\n      design: {\n        filled: [],\n        outlined: [\n          'default:bg-surface group-focus:bg-surface-hovered group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ],\n        tinted: [],\n      },\n      hasBackdrop: {\n        true: ['rounded-t-[16px_8px] '],\n      },\n      intent: makeVariants<\n        'intent',\n        [\n          'main',\n          'support',\n          'accent',\n          'basic',\n          'success',\n          'alert',\n          'danger',\n          'info',\n          'neutral',\n          'surface',\n          'surfaceInverse',\n        ]\n      >({\n        main: [],\n        support: [],\n        accent: [],\n        basic: [],\n        success: [],\n        alert: [],\n        danger: [],\n        info: [],\n        neutral: [],\n        surface: [],\n        surfaceInverse: [],\n      }),\n    },\n    compoundVariants: [\n      // FILLED\n      {\n        intent: 'main',\n        design: 'filled',\n        class: tw([\n          'bg-main text-on-main group-focus:bg-main-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'filled',\n        class: tw([\n          'bg-support text-on-support group-focus:bg-support-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'filled',\n        class: tw([\n          'bg-accent text-on-accent group-focus:bg-accent-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-hovered',\n        ]),\n      },\n      {\n        intent: 'basic',\n        design: 'filled',\n        class: tw([\n          'bg-basic text-on-basic group-focus:bg-basic-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-basic-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'filled',\n        class: tw([\n          'bg-success text-on-success group-focus:bg-success-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'filled',\n        class: tw([\n          'bg-alert text-on-alert group-focus:bg-alert-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-error group-focus:bg-error-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'filled',\n        class: tw([\n          'text-on-error bg-info group-focus:bg-info-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'filled',\n        class: tw([\n          'bg-neutral text-on-neutral group-focus:bg-neutral-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'filled',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n      // OUTLINED\n      /**\n       * Outlined styles are handled by the Card component (parent)\n       */\n      // TINTED\n      {\n        intent: 'main',\n        design: 'tinted',\n        class: tw([\n          'bg-main-container text-on-main-container group-focus:bg-main-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-main-container-hovered',\n        ]),\n      },\n      {\n        intent: 'support',\n        design: 'tinted',\n        class: tw([\n          'bg-support-container text-on-support-container group-focus:bg-support-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-support-container-hovered',\n        ]),\n      },\n      {\n        intent: 'accent',\n        design: 'tinted',\n        class: tw([\n          'bg-accent-container text-on-accent-container group-focus:bg-accent-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-accent-container-hovered',\n        ]),\n      },\n      {\n        intent: 'basic',\n        design: 'tinted',\n        class: tw([\n          'bg-basic-container text-on-basic-container group-focus:bg-basic-container-hovered',\n        ]),\n      },\n      {\n        intent: 'success',\n        design: 'tinted',\n        class: tw([\n          'bg-success-container text-on-success-container group-focus:bg-success-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-success-container-hovered',\n        ]),\n      },\n      {\n        intent: 'alert',\n        design: 'tinted',\n        class: tw([\n          'bg-alert-container text-on-alert-container group-focus:bg-alert-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-alert-container-hovered',\n        ]),\n      },\n      {\n        intent: 'danger',\n        design: 'tinted',\n        class: tw([\n          'bg-error-container text-on-error-container group-focus:bg-error-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-error-container-hovered',\n        ]),\n      },\n      {\n        intent: 'info',\n        design: 'tinted',\n        class: tw([\n          'bg-info-container text-on-info-container group-focus:bg-info-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-info-container-hovered',\n        ]),\n      },\n      {\n        intent: 'neutral',\n        design: 'tinted',\n        class: tw([\n          'bg-neutral-container text-on-neutral-container group-focus:bg-neutral-container-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-neutral-container-hovered',\n        ]),\n      },\n      {\n        intent: 'surface',\n        design: 'tinted',\n        class: tw([\n          'bg-surface text-on-surface group-focus:bg-surface-hovered',\n          'group-not-disabled:group-data-[interactive=true]:group-hover:bg-surface-hovered',\n        ]),\n      },\n    ],\n    defaultVariants: {\n      design: 'filled',\n      intent: 'surface',\n      inset: false,\n      hasBackdrop: true,\n    },\n  }\n)\n\nexport type ContentStylesProps = VariantProps<typeof contentStyles>\n","import { ComponentProps } from 'react'\n\nimport { Slot } from '../slot'\nimport { contentStyles } from './Content.styles'\nimport { useCardContext } from './context'\n\nexport interface ContentProps extends ComponentProps<'div'> {\n  /**\n   * Change the component to the HTML tag or custom component of the only child.\n   */\n  asChild?: boolean\n  /**\n   * Whether the card should have an inset padding.\n   */\n  inset?: boolean\n}\n\nexport const Content = ({ children, inset, asChild, className, ref, ...props }: ContentProps) => {\n  const Component = asChild ? Slot : 'div'\n  const { design, intent, hasBackdrop } = useCardContext()\n\n  return (\n    <Component\n      data-spark-component=\"card-content\"\n      ref={ref}\n      className={contentStyles({\n        className,\n        design,\n        intent,\n        inset,\n        hasBackdrop,\n      })}\n      {...props}\n    >\n      {children}\n    </Component>\n  )\n}\n\nContent.displayName = 'Content'\n","import { Backdrop } from './Backdrop'\nimport { Card as Root } from './Card'\nimport { Content } from './Content'\n\nexport const Card: typeof Root & {\n  Content: typeof Content\n  Backdrop: typeof Backdrop\n} = Object.assign(Root, {\n  Content,\n  Backdrop,\n})\n\nCard.displayName = 'Card'\nContent.displayName = 'Card.Content'\nBackdrop.displayName = 'Card.Backdrop'\n\nexport { type CardProps } from './Card'\n"],"mappings":"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","names":["makeVariants","cva","jsx","makeVariants","tw","cva","jsx","hasBackdrop","Card"]}