@kaanolin/react 1.1.2

package/dist/Badge-BdwYClmA.js

@@ -0,0 +1,46 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as a from "react";
+import { c as d } from "./cx-CMoRfr5S.js";
+import { cva as i } from "class-variance-authority";
+const c = i(
+  [
+    "inline-flex",
+    "items-center",
+    "rounded-full",
+    "border",
+    "font-semibold",
+    "transition-colors",
+    "focus:outline-none",
+    "focus:ring-2",
+    "focus:ring-ring",
+    "focus:ring-offset-2"
+  ],
+  {
+    variants: {
+      intent: {
+        default: ["bg-primary", "text-primary-foreground", "border-transparent"],
+        secondary: ["bg-secondary", "text-secondary-foreground", "border-transparent"],
+        destructive: ["bg-destructive", "text-destructive-foreground", "border-transparent"],
+        outline: ["bg-transparent", "text-foreground", "border-border"],
+        success: ["bg-success", "text-success-foreground", "border-transparent"],
+        warning: ["bg-warning", "text-warning-foreground", "border-transparent"]
+      },
+      size: {
+        small: ["text-xs", "px-2", "py-0.5"],
+        medium: ["text-xs", "px-2.5", "py-0.5"],
+        large: ["text-sm", "px-3", "py-1"]
+      }
+    },
+    defaultVariants: {
+      intent: "default",
+      size: "medium"
+    }
+  }
+), u = a.forwardRef(
+  ({ className: r, intent: e, size: t, ...n }, s) => /* @__PURE__ */ o("span", { ref: s, className: d(c({ intent: e, size: t }), r), ...n })
+);
+u.displayName = "Badge";
+export {
+  u as B,
+  c as b
+};

package/dist/Badge-D-fw1KUp.cjs

@@ -0,0 +1 @@
+"use strict";const c=require("react/jsx-runtime"),i=require("react"),u=require("./cx-C5SviAs-.cjs"),d=require("class-variance-authority");function g(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const f=g(i),s=d.cva(["inline-flex","items-center","rounded-full","border","font-semibold","transition-colors","focus:outline-none","focus:ring-2","focus:ring-ring","focus:ring-offset-2"],{variants:{intent:{default:["bg-primary","text-primary-foreground","border-transparent"],secondary:["bg-secondary","text-secondary-foreground","border-transparent"],destructive:["bg-destructive","text-destructive-foreground","border-transparent"],outline:["bg-transparent","text-foreground","border-border"],success:["bg-success","text-success-foreground","border-transparent"],warning:["bg-warning","text-warning-foreground","border-transparent"]},size:{small:["text-xs","px-2","py-0.5"],medium:["text-xs","px-2.5","py-0.5"],large:["text-sm","px-3","py-1"]}},defaultVariants:{intent:"default",size:"medium"}}),a=f.forwardRef(({className:e,intent:t,size:r,...n},o)=>c.jsx("span",{ref:o,className:u.cx(s({intent:t,size:r}),e),...n}));a.displayName="Badge";exports.Badge=a;exports.badgeStyles=s;

package/dist/Button-DeGRO_vB.cjs

@@ -0,0 +1 @@
+"use strict";const t=require("react/jsx-runtime"),C=require("react"),i=require("./cx-C5SviAs-.cjs"),n=require("class-variance-authority");function S(r){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const o=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(s,e,o.get?o:{enumerable:!0,get:()=>r[e]})}}return s.default=r,Object.freeze(s)}const y=S(C),g=n.cva(["inline-flex","items-center","justify-center","whitespace-nowrap","font-semibold","rounded-lg","border","transition-colors","outline-none","cursor-pointer","focus-visible:ring-4"],{variants:{variant:{primary:["bg-brand-600","text-white","border-brand-600","shadow-xs","hover:bg-brand-700","hover:border-brand-700","focus-visible:ring-brand-500/24"],secondaryGray:["bg-bg-primary","text-fg-secondary","border-border-primary","shadow-xs","hover:bg-bg-primary_hover","hover:text-fg-secondary","focus-visible:ring-gray-100/80"],secondaryColor:["bg-bg-primary","text-brand-700","border-brand-300","shadow-xs","hover:bg-brand-50","hover:text-brand-800","focus-visible:ring-brand-500/24"],tertiaryGray:["bg-transparent","text-fg-tertiary","border-transparent","hover:bg-bg-primary_hover","hover:text-fg-secondary","focus-visible:ring-gray-100/80"],tertiaryColor:["bg-transparent","text-brand-700","border-transparent","hover:bg-brand-50","hover:text-brand-800","focus-visible:ring-brand-500/24"],linkGray:["bg-transparent","text-fg-tertiary","border-transparent","hover:text-fg-secondary","focus-visible:ring-gray-100/80"],linkColor:["bg-transparent","text-brand-700","border-transparent","hover:text-brand-800","focus-visible:ring-brand-500/24"]},size:{sm:["text-sm","py-2","px-3","gap-1","h-9"],md:["text-sm","py-2.5","px-4","gap-1.5","h-10"],lg:["text-md","py-2.5","px-[18px]","gap-1.5","h-11"],xl:["text-md","py-3","px-5","gap-1.5","h-12"],"2xl":["text-lg","py-4","px-7","gap-2.5","h-[60px]"]},destructive:{false:null,true:null},iconOnly:{false:null,true:["p-0"]},disabled:{false:null,true:["pointer-events-none","cursor-not-allowed"]}},compoundVariants:[{variant:"primary",destructive:!0,class:["bg-error-600","text-white","border-error-600","hover:bg-error-700","hover:border-error-700","focus-visible:ring-error-500/24"]},{variant:"secondaryGray",destructive:!0,class:["text-error-700","hover:bg-error-50","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"secondaryColor",destructive:!0,class:["text-error-700","border-error-300","hover:bg-error-50","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"tertiaryGray",destructive:!0,class:["text-error-700","hover:bg-error-50","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"tertiaryColor",destructive:!0,class:["text-error-700","hover:bg-error-50","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"linkGray",destructive:!0,class:["text-error-700","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"linkColor",destructive:!0,class:["text-error-700","hover:text-error-800","focus-visible:ring-error-500/24"]},{variant:"primary",disabled:!0,class:"bg-bg-disabled border-border-disabled text-fg-disabled shadow-none"},{variant:"secondaryGray",disabled:!0,class:"border-border-disabled text-fg-disabled shadow-none"},{variant:"secondaryColor",disabled:!0,class:"border-border-disabled text-fg-disabled shadow-none"},{variant:"tertiaryGray",disabled:!0,class:"text-fg-disabled"},{variant:"tertiaryColor",disabled:!0,class:"text-fg-disabled"},{variant:"linkGray",disabled:!0,class:"text-fg-disabled"},{variant:"linkColor",disabled:!0,class:"text-fg-disabled"},{destructive:!0,disabled:!0,class:"bg-bg-disabled border-border-disabled text-fg-disabled shadow-none"},{iconOnly:!0,size:"sm",class:"w-9 h-9 px-0 py-0"},{iconOnly:!0,size:"md",class:"w-10 h-10 px-0 py-0"},{iconOnly:!0,size:"lg",class:"w-11 h-11 px-0 py-0"},{iconOnly:!0,size:"xl",class:"w-12 h-12 px-0 py-0"},{iconOnly:!0,size:"2xl",class:"w-14 h-14 px-0 py-0"}],defaultVariants:{variant:"primary",size:"md",destructive:!1,iconOnly:!1,disabled:!1}}),u=n.cva(["shrink-0"],{variants:{size:{sm:["size-5"],md:["size-5"],lg:["size-5"],xl:["size-5"],"2xl":["size-6"]}},defaultVariants:{size:"md"}}),p=n.cva(["animate-spin","shrink-0"],{variants:{size:{sm:["size-5"],md:["size-5"],lg:["size-5"],xl:["size-5"],"2xl":["size-6"]}},defaultVariants:{size:"md"}}),f=n.cva(["inline-flex","items-center","justify-center","rounded-lg","border","border-transparent","bg-transparent","text-fg-quaternary","transition-colors","outline-none","cursor-pointer","hover:bg-bg-primary_hover","hover:text-fg-secondary","focus-visible:ring-4","focus-visible:ring-gray-100/80"],{variants:{size:{sm:["size-9","p-2"],md:["size-10","p-2.5"],lg:["size-11","p-3"]},disabled:{false:null,true:["pointer-events-none","cursor-not-allowed","text-fg-disabled"]}},defaultVariants:{size:"md",disabled:!1}}),h=n.cva(["shrink-0"],{variants:{size:{sm:["size-5"],md:["size-5"],lg:["size-5"]}},defaultVariants:{size:"md"}}),m=y.forwardRef(({className:r,variant:s,size:e,destructive:o,disabled:l=!1,loading:a=!1,loadingText:v,children:d,leadingIcon:c,trailingIcon:b,...w},j)=>{const x=!!l||a,k=!d&&!v&&(!!c||!!b);return t.jsxs("button",{className:i.cx(g({variant:s,size:e,destructive:!!o,iconOnly:k,disabled:x}),r),ref:j,disabled:x,"aria-busy":a||void 0,...w,children:[a&&t.jsx(O,{className:i.cx(p({size:e})),"aria-hidden":"true"}),!a&&c&&t.jsx(c,{"aria-hidden":"true",className:i.cx(u({size:e}))}),a&&v||d,!a&&b&&t.jsx(b,{"aria-hidden":"true",className:i.cx(u({size:e}))})]})});m.displayName="Button";const z=y.forwardRef(({className:r,size:s,disabled:e=!1,"aria-label":o="Close",...l},a)=>t.jsx("button",{className:i.cx(f({size:s,disabled:!!e}),r),ref:a,disabled:!!e,"aria-label":o,...l,children:t.jsx(B,{className:i.cx(h({size:s})),"aria-hidden":"true"})}));z.displayName="CloseButton";const O=r=>t.jsxs("svg",{viewBox:"0 0 20 20",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",...r,children:[t.jsx("path",{d:"M10 2a8 8 0 0 1 8 8",opacity:"1"}),t.jsx("path",{d:"M10 2a8 8 0 1 0 8 8",opacity:"0.25"})]}),B=r=>t.jsxs("svg",{viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",...r,children:[t.jsx("path",{d:"M18 6 6 18"}),t.jsx("path",{d:"m6 6 12 12"})]});exports.Button=m;exports.CloseButton=z;exports.buttonIconStyles=u;exports.buttonSpinnerStyles=p;exports.buttonStyles=g;exports.closeButtonIconStyles=h;exports.closeButtonStyles=f;

package/dist/Button-DqS-IYl4.js

@@ -0,0 +1,412 @@
+import { jsxs as u, jsx as r } from "react/jsx-runtime";
+import * as y from "react";
+import { c as a } from "./cx-CMoRfr5S.js";
+import { cva as i } from "class-variance-authority";
+const h = i(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "whitespace-nowrap",
+    "font-semibold",
+    "rounded-lg",
+    "border",
+    "transition-colors",
+    "outline-none",
+    "cursor-pointer",
+    "focus-visible:ring-4"
+  ],
+  {
+    variants: {
+      variant: {
+        primary: [
+          "bg-brand-600",
+          "text-white",
+          "border-brand-600",
+          "shadow-xs",
+          "hover:bg-brand-700",
+          "hover:border-brand-700",
+          "focus-visible:ring-brand-500/24"
+        ],
+        secondaryGray: [
+          "bg-bg-primary",
+          "text-fg-secondary",
+          "border-border-primary",
+          "shadow-xs",
+          "hover:bg-bg-primary_hover",
+          "hover:text-fg-secondary",
+          "focus-visible:ring-gray-100/80"
+        ],
+        secondaryColor: [
+          "bg-bg-primary",
+          "text-brand-700",
+          "border-brand-300",
+          "shadow-xs",
+          "hover:bg-brand-50",
+          "hover:text-brand-800",
+          "focus-visible:ring-brand-500/24"
+        ],
+        tertiaryGray: [
+          "bg-transparent",
+          "text-fg-tertiary",
+          "border-transparent",
+          "hover:bg-bg-primary_hover",
+          "hover:text-fg-secondary",
+          "focus-visible:ring-gray-100/80"
+        ],
+        tertiaryColor: [
+          "bg-transparent",
+          "text-brand-700",
+          "border-transparent",
+          "hover:bg-brand-50",
+          "hover:text-brand-800",
+          "focus-visible:ring-brand-500/24"
+        ],
+        linkGray: [
+          "bg-transparent",
+          "text-fg-tertiary",
+          "border-transparent",
+          "hover:text-fg-secondary",
+          "focus-visible:ring-gray-100/80"
+        ],
+        linkColor: [
+          "bg-transparent",
+          "text-brand-700",
+          "border-transparent",
+          "hover:text-brand-800",
+          "focus-visible:ring-brand-500/24"
+        ]
+      },
+      size: {
+        sm: ["text-sm", "py-2", "px-3", "gap-1", "h-9"],
+        md: ["text-sm", "py-2.5", "px-4", "gap-1.5", "h-10"],
+        lg: ["text-md", "py-2.5", "px-[18px]", "gap-1.5", "h-11"],
+        xl: ["text-md", "py-3", "px-5", "gap-1.5", "h-12"],
+        "2xl": ["text-lg", "py-4", "px-7", "gap-2.5", "h-[60px]"]
+      },
+      destructive: {
+        false: null,
+        true: null
+      },
+      iconOnly: {
+        false: null,
+        true: ["p-0"]
+      },
+      disabled: {
+        false: null,
+        true: ["pointer-events-none", "cursor-not-allowed"]
+      }
+    },
+    compoundVariants: [
+      /* ---- Destructive overrides ---- */
+      {
+        variant: "primary",
+        destructive: !0,
+        class: [
+          "bg-error-600",
+          "text-white",
+          "border-error-600",
+          "hover:bg-error-700",
+          "hover:border-error-700",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "secondaryGray",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "hover:bg-error-50",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "secondaryColor",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "border-error-300",
+          "hover:bg-error-50",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "tertiaryGray",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "hover:bg-error-50",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "tertiaryColor",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "hover:bg-error-50",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "linkGray",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      {
+        variant: "linkColor",
+        destructive: !0,
+        class: [
+          "text-error-700",
+          "hover:text-error-800",
+          "focus-visible:ring-error-500/24"
+        ]
+      },
+      /* ---- Disabled overrides ---- */
+      {
+        variant: "primary",
+        disabled: !0,
+        class: "bg-bg-disabled border-border-disabled text-fg-disabled shadow-none"
+      },
+      {
+        variant: "secondaryGray",
+        disabled: !0,
+        class: "border-border-disabled text-fg-disabled shadow-none"
+      },
+      {
+        variant: "secondaryColor",
+        disabled: !0,
+        class: "border-border-disabled text-fg-disabled shadow-none"
+      },
+      {
+        variant: "tertiaryGray",
+        disabled: !0,
+        class: "text-fg-disabled"
+      },
+      {
+        variant: "tertiaryColor",
+        disabled: !0,
+        class: "text-fg-disabled"
+      },
+      {
+        variant: "linkGray",
+        disabled: !0,
+        class: "text-fg-disabled"
+      },
+      {
+        variant: "linkColor",
+        disabled: !0,
+        class: "text-fg-disabled"
+      },
+      /* ---- Destructive + disabled overrides ---- */
+      {
+        destructive: !0,
+        disabled: !0,
+        class: "bg-bg-disabled border-border-disabled text-fg-disabled shadow-none"
+      },
+      /* ---- Icon-only size overrides ---- */
+      { iconOnly: !0, size: "sm", class: "w-9 h-9 px-0 py-0" },
+      { iconOnly: !0, size: "md", class: "w-10 h-10 px-0 py-0" },
+      { iconOnly: !0, size: "lg", class: "w-11 h-11 px-0 py-0" },
+      { iconOnly: !0, size: "xl", class: "w-12 h-12 px-0 py-0" },
+      { iconOnly: !0, size: "2xl", class: "w-14 h-14 px-0 py-0" }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "md",
+      destructive: !1,
+      iconOnly: !1,
+      disabled: !1
+    }
+  }
+), p = i(["shrink-0"], {
+  variants: {
+    size: {
+      sm: ["size-5"],
+      md: ["size-5"],
+      lg: ["size-5"],
+      xl: ["size-5"],
+      "2xl": ["size-6"]
+    }
+  },
+  defaultVariants: { size: "md" }
+}), m = i(
+  ["animate-spin", "shrink-0"],
+  {
+    variants: {
+      size: {
+        sm: ["size-5"],
+        md: ["size-5"],
+        lg: ["size-5"],
+        xl: ["size-5"],
+        "2xl": ["size-6"]
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), z = i(
+  [
+    "inline-flex",
+    "items-center",
+    "justify-center",
+    "rounded-lg",
+    "border",
+    "border-transparent",
+    "bg-transparent",
+    "text-fg-quaternary",
+    "transition-colors",
+    "outline-none",
+    "cursor-pointer",
+    "hover:bg-bg-primary_hover",
+    "hover:text-fg-secondary",
+    "focus-visible:ring-4",
+    "focus-visible:ring-gray-100/80"
+  ],
+  {
+    variants: {
+      size: {
+        sm: ["size-9", "p-2"],
+        md: ["size-10", "p-2.5"],
+        lg: ["size-11", "p-3"]
+      },
+      disabled: {
+        false: null,
+        true: ["pointer-events-none", "cursor-not-allowed", "text-fg-disabled"]
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      disabled: !1
+    }
+  }
+), w = i(["shrink-0"], {
+  variants: {
+    size: {
+      sm: ["size-5"],
+      md: ["size-5"],
+      lg: ["size-5"]
+    }
+  },
+  defaultVariants: { size: "md" }
+}), k = y.forwardRef(
+  ({
+    className: t,
+    variant: o,
+    size: s,
+    destructive: n,
+    disabled: d = !1,
+    loading: e = !1,
+    loadingText: v,
+    children: l,
+    leadingIcon: b,
+    trailingIcon: c,
+    ...x
+  }, f) => {
+    const g = !!d || e;
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        className: a(
+          h({
+            variant: o,
+            size: s,
+            destructive: !!n,
+            iconOnly: !l && !v && (!!b || !!c),
+            disabled: g
+          }),
+          t
+        ),
+        ref: f,
+        disabled: g,
+        "aria-busy": e || void 0,
+        ...x,
+        children: [
+          e && /* @__PURE__ */ r(
+            B,
+            {
+              className: a(m({ size: s })),
+              "aria-hidden": "true"
+            }
+          ),
+          !e && b && /* @__PURE__ */ r(
+            b,
+            {
+              "aria-hidden": "true",
+              className: a(p({ size: s }))
+            }
+          ),
+          e && v || l,
+          !e && c && /* @__PURE__ */ r(
+            c,
+            {
+              "aria-hidden": "true",
+              className: a(p({ size: s }))
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+k.displayName = "Button";
+const C = y.forwardRef(
+  ({ className: t, size: o, disabled: s = !1, "aria-label": n = "Close", ...d }, e) => /* @__PURE__ */ r(
+    "button",
+    {
+      className: a(z({ size: o, disabled: !!s }), t),
+      ref: e,
+      disabled: !!s,
+      "aria-label": n,
+      ...d,
+      children: /* @__PURE__ */ r(G, { className: a(w({ size: o })), "aria-hidden": "true" })
+    }
+  )
+);
+C.displayName = "CloseButton";
+const B = (t) => /* @__PURE__ */ u(
+  "svg",
+  {
+    viewBox: "0 0 20 20",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ r("path", { d: "M10 2a8 8 0 0 1 8 8", opacity: "1" }),
+      /* @__PURE__ */ r("path", { d: "M10 2a8 8 0 1 0 8 8", opacity: "0.25" })
+    ]
+  }
+), G = (t) => /* @__PURE__ */ u(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...t,
+    children: [
+      /* @__PURE__ */ r("path", { d: "M18 6 6 18" }),
+      /* @__PURE__ */ r("path", { d: "m6 6 12 12" })
+    ]
+  }
+);
+export {
+  k as B,
+  C,
+  m as a,
+  p as b,
+  h as c,
+  w as d,
+  z as e
+};

package/dist/Card-D4IOT1yc.js

@@ -0,0 +1,218 @@
+import { jsx as o, jsxs as f } from "react/jsx-runtime";
+import * as r from "react";
+import { c as d } from "./cx-CMoRfr5S.js";
+import { cva as i } from "class-variance-authority";
+const m = i(
+  [
+    "rounded-xl",
+    "bg-bg-primary",
+    "text-text-primary",
+    "transition-shadow",
+    "outline-none",
+    "overflow-hidden"
+  ],
+  {
+    variants: {
+      variant: {
+        default: ["border", "border-border-secondary", "shadow-xs"],
+        elevated: ["border", "border-border-secondary", "shadow-md"],
+        outline: ["border", "border-border-primary", "shadow-none"],
+        ghost: ["border-transparent", "shadow-none"]
+      },
+      size: {
+        default: [],
+        sm: []
+      },
+      interactive: {
+        false: null,
+        true: [
+          "cursor-pointer",
+          "hover:shadow-md",
+          "focus-visible:ring-4",
+          "focus-visible:ring-focus-ring/24"
+        ]
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "elevated",
+        interactive: !0,
+        class: "hover:shadow-lg"
+      }
+    ],
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      interactive: !1
+    }
+  }
+), u = i(["w-full", "object-cover"], {
+  variants: {
+    position: {
+      top: [],
+      bottom: []
+    },
+    height: {
+      sm: ["h-32"],
+      md: ["h-48"],
+      lg: ["h-64"],
+      auto: ["h-auto"]
+    }
+  },
+  defaultVariants: {
+    position: "top",
+    height: "md"
+  }
+}), p = i(
+  ["flex", "flex-col", "gap-1"],
+  {
+    variants: {
+      size: {
+        default: ["px-6", "pt-6"],
+        sm: ["px-4", "pt-4"]
+      },
+      hasAction: {
+        false: null,
+        true: ["flex-row", "items-start", "justify-between"]
+      }
+    },
+    defaultVariants: { size: "default", hasAction: !1 }
+  }
+), x = i(["ml-auto", "shrink-0"]), v = i(
+  ["font-semibold", "leading-tight", "text-text-primary"],
+  {
+    variants: {
+      size: {
+        default: ["text-lg"],
+        sm: ["text-md"]
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+), h = i(
+  ["text-text-tertiary"],
+  {
+    variants: {
+      size: {
+        default: ["text-sm"],
+        sm: ["text-xs"]
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+), y = i([], {
+  variants: {
+    size: {
+      default: ["px-6", "py-5"],
+      sm: ["px-4", "py-3"]
+    }
+  },
+  defaultVariants: { size: "default" }
+}), C = i(
+  ["flex", "items-center", "gap-3"],
+  {
+    variants: {
+      size: {
+        default: ["px-6", "pb-6"],
+        sm: ["px-4", "pb-4"]
+      }
+    },
+    defaultVariants: { size: "default" }
+  }
+), b = i([
+  "border-t",
+  "border-border-secondary",
+  "w-full"
+]), l = r.createContext("default"), g = r.forwardRef(
+  ({ className: t, variant: e, size: a = "default", interactive: s, ...n }, c) => /* @__PURE__ */ o(l.Provider, { value: a ?? "default", children: /* @__PURE__ */ o(
+    "div",
+    {
+      ref: c,
+      className: d(m({ variant: e, size: a, interactive: !!s }), t),
+      tabIndex: s ? 0 : void 0,
+      ...n
+    }
+  ) })
+);
+g.displayName = "Card";
+const w = r.forwardRef(
+  ({ className: t, position: e, height: a, alt: s = "", ...n }, c) => /* @__PURE__ */ o(
+    "img",
+    {
+      ref: c,
+      className: d(u({ position: e, height: a }), t),
+      alt: s,
+      ...n
+    }
+  )
+);
+w.displayName = "CardImage";
+const N = r.forwardRef(
+  ({ className: t, action: e, children: a, ...s }, n) => {
+    const c = r.useContext(l);
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: n,
+        className: d(p({ size: c, hasAction: !!e }), t),
+        ...s,
+        children: [
+          e ? /* @__PURE__ */ o("div", { className: "flex flex-col gap-1", children: a }) : a,
+          e && /* @__PURE__ */ o("div", { className: d(x()), children: e })
+        ]
+      }
+    );
+  }
+);
+N.displayName = "CardHeader";
+const z = r.forwardRef(
+  ({ className: t, children: e, ...a }, s) => {
+    const n = r.useContext(l);
+    return /* @__PURE__ */ o("h3", { ref: s, className: d(v({ size: n }), t), ...a, children: e });
+  }
+);
+z.displayName = "CardTitle";
+const S = r.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const s = r.useContext(l);
+    return /* @__PURE__ */ o("p", { ref: a, className: d(h({ size: s }), t), ...e });
+  }
+);
+S.displayName = "CardDescription";
+const R = r.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const s = r.useContext(l);
+    return /* @__PURE__ */ o("div", { ref: a, className: d(y({ size: s }), t), ...e });
+  }
+);
+R.displayName = "CardContent";
+const V = r.forwardRef(
+  ({ className: t, ...e }, a) => {
+    const s = r.useContext(l);
+    return /* @__PURE__ */ o("div", { ref: a, className: d(C({ size: s }), t), ...e });
+  }
+);
+V.displayName = "CardFooter";
+const D = r.forwardRef(
+  ({ className: t, ...e }, a) => /* @__PURE__ */ o("hr", { ref: a, className: d(b(), t), ...e })
+);
+D.displayName = "CardDivider";
+export {
+  g as C,
+  R as a,
+  S as b,
+  D as c,
+  V as d,
+  N as e,
+  w as f,
+  z as g,
+  x as h,
+  y as i,
+  h as j,
+  b as k,
+  C as l,
+  p as m,
+  u as n,
+  m as o,
+  v as p
+};