@devalok/shilp-sutra 0.33.2 → 0.34.1

package/dist/ui/card.js

@@ -1,162 +1,156 @@
 "use client";
-import { jsx as a, jsxs as w } from "react/jsx-runtime";
-import * as s from "react";
-import { a as C } from "../_chunks/vendor-utils.js";
-import { tweens as y, springs as N, motionProps as z } from "./lib/motion.js";
-import { cn as d } from "./lib/utils.js";
-import { m as u } from "../_chunks/framer.js";
-const n = s.createContext("md"), R = C(
-  "rounded-ds-lg text-surface-fg transition-shadow duration-fast-02 ease-productive-standard",
-  {
-    variants: {
-      variant: {
-        default: "bg-surface-raised border border-surface-border shadow-raised",
-        elevated: "bg-surface-raised border border-surface-border shadow-raised-hover",
-        outline: "bg-transparent border border-surface-border-strong shadow-none",
-        flat: "bg-surface-raised border-none shadow-none"
-      },
-      color: {
-        default: "",
-        accent: "border-accent-7",
-        error: "border-error-7",
-        success: "border-success-7",
-        warning: "border-warning-7",
-        info: "border-info-7",
-        neutral: ""
-      },
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    defaultVariants: { variant: "default", color: "default", size: "md" }
-  }
-), S = {
-  default: "var(--color-accent-9)",
-  secondary: "var(--color-secondary-9)",
-  error: "var(--color-error-9)",
-  success: "var(--color-success-9)",
-  warning: "var(--color-warning-9)",
-  info: "var(--color-info-9)"
-}, P = {
-  left: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
-  top: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" },
-  right: { 2: "w-[2px]", 3: "w-[3px]", 4: "w-[4px]", 6: "w-[6px]" },
-  bottom: { 2: "h-[2px]", 3: "h-[3px]", 4: "h-[4px]", 6: "h-[6px]" }
-}, H = {
-  left: "left-0 top-0 bottom-0 rounded-l-ds-lg",
-  top: "top-0 left-0 right-0 rounded-t-ds-lg",
-  right: "right-0 top-0 bottom-0 rounded-r-ds-lg",
-  bottom: "bottom-0 left-0 right-0 rounded-b-ds-lg"
+import { a as e } from "../_chunks/framer.js";
+import { motionProps as t, springs as n, tweens as r } from "./lib/motion.js";
+import { t as i } from "../_chunks/vendor-utils.js";
+import { cn as a } from "./lib/utils.js";
+import * as o from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/ui/card.tsx
+var l = o.createContext("md"), u = i("rounded-ds-lg text-surface-fg transition-shadow duration-fast-02 ease-productive-standard", {
+	variants: {
+		variant: {
+			default: "bg-surface-raised border border-surface-border shadow-raised",
+			elevated: "bg-surface-raised border border-surface-border shadow-raised-hover",
+			outline: "bg-transparent border border-surface-border-strong shadow-none",
+			flat: "bg-surface-raised border-none shadow-none"
+		},
+		color: {
+			default: "",
+			accent: "border-accent-7",
+			error: "border-error-7",
+			success: "border-success-7",
+			warning: "border-warning-7",
+			info: "border-info-7",
+			neutral: ""
+		},
+		size: {
+			sm: "",
+			md: "",
+			lg: ""
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		color: "default",
+		size: "md"
+	}
+}), d = {
+	default: "var(--color-accent-9)",
+	secondary: "var(--color-secondary-9)",
+	error: "var(--color-error-9)",
+	success: "var(--color-success-9)",
+	warning: "var(--color-warning-9)",
+	info: "var(--color-info-9)"
+}, f = {
+	left: {
+		2: "w-[2px]",
+		3: "w-[3px]",
+		4: "w-[4px]",
+		6: "w-[6px]"
+	},
+	top: {
+		2: "h-[2px]",
+		3: "h-[3px]",
+		4: "h-[4px]",
+		6: "h-[6px]"
+	},
+	right: {
+		2: "w-[2px]",
+		3: "w-[3px]",
+		4: "w-[4px]",
+		6: "w-[6px]"
+	},
+	bottom: {
+		2: "h-[2px]",
+		3: "h-[3px]",
+		4: "h-[4px]",
+		6: "h-[6px]"
+	}
+}, p = {
+	left: "left-0 top-0 bottom-0 rounded-l-ds-lg",
+	top: "top-0 left-0 right-0 rounded-t-ds-lg",
+	right: "right-0 top-0 bottom-0 rounded-r-ds-lg",
+	bottom: "bottom-0 left-0 right-0 rounded-b-ds-lg"
 };
-function T(e, r) {
-  return `${H[e] ?? ""} ${P[e]?.[r] ?? ""}`;
+function m(e, t) {
+	return `${p[e] ?? ""} ${f[e]?.[t] ?? ""}`;
 }
-function j(e) {
-  return S[e] ?? e;
+function h(e) {
+	return d[e] ?? e;
 }
-const A = s.forwardRef(
-  ({ className: e, variant: r, color: o, size: t, interactive: i, accent: c, accentColor: g = "default", accentWidth: b = 3, children: h, ...l }, p) => {
-    const v = t ?? "md", f = d(
-      R({ variant: r, color: o, size: t }),
-      c && "relative overflow-hidden",
-      i && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard",
-      e
-    ), x = c ? /* @__PURE__ */ a(
-      u.span,
-      {
-        "aria-hidden": "true",
-        initial: { opacity: 0 },
-        animate: { opacity: 1 },
-        transition: y.fade,
-        className: d("absolute pointer-events-none bg-[var(--card-accent-bg)]", T(c, b)),
-        style: { "--card-accent-bg": j(g) }
-      }
-    ) : null, m = /* @__PURE__ */ w(n.Provider, { value: v, children: [
-      x,
-      h
-    ] });
-    return i ? /* @__PURE__ */ a(
-      u.div,
-      {
-        ref: p,
-        whileHover: { y: -3 },
-        whileTap: { scale: 0.98 },
-        transition: N.snappy,
-        className: f,
-        ...z(l),
-        children: m
-      }
-    ) : /* @__PURE__ */ a("div", { ref: p, className: f, ...l, children: m });
-  }
-);
-A.displayName = "Card";
-const D = {
-  sm: "p-ds-05",
-  md: "p-ds-06",
-  lg: "p-ds-07"
-}, F = s.forwardRef(({ className: e, ...r }, o) => {
-  const t = s.useContext(n);
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: o,
-      className: d("flex flex-col space-y-ds-02b", D[t], e),
-      ...r
-    }
-  );
+var g = o.forwardRef(({ className: i, variant: o, color: d, size: f, interactive: p, accent: g, accentColor: _ = "default", accentWidth: v = 3, children: y, ...b }, x) => {
+	let S = f ?? "md", C = a(u({
+		variant: o,
+		color: d,
+		size: f
+	}), g && "relative overflow-hidden", p && "hover:shadow-raised-hover hover:border-surface-border-strong cursor-pointer transition-shadow duration-fast-02 ease-productive-standard", i), w = g ? /* @__PURE__ */ s(e.span, {
+		"aria-hidden": "true",
+		initial: { opacity: 0 },
+		animate: { opacity: 1 },
+		transition: r.fade,
+		className: a("absolute pointer-events-none bg-[var(--card-accent-bg)]", m(g, v)),
+		style: { "--card-accent-bg": h(_) }
+	}) : null, T = /* @__PURE__ */ c(l.Provider, {
+		value: S,
+		children: [w, y]
+	});
+	return p ? /* @__PURE__ */ s(e.div, {
+		ref: x,
+		whileHover: { y: -3 },
+		whileTap: { scale: .98 },
+		transition: n.snappy,
+		className: C,
+		...t(b),
+		children: T
+	}) : /* @__PURE__ */ s("div", {
+		ref: x,
+		className: C,
+		...b,
+		children: T
+	});
 });
-F.displayName = "CardHeader";
-const V = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: o,
-    className: d("font-sans font-semibold leading-ds-none tracking-normal text-surface-fg", e),
-    ...r
-  }
-));
-V.displayName = "CardTitle";
-const $ = s.forwardRef(({ className: e, ...r }, o) => /* @__PURE__ */ a(
-  "div",
-  {
-    ref: o,
-    className: d("text-ds-md text-surface-fg-muted", e),
-    ...r
-  }
-));
-$.displayName = "CardDescription";
-const k = {
-  sm: "p-ds-05 pt-0",
-  md: "p-ds-06 pt-0",
-  lg: "p-ds-07 pt-0"
-}, E = s.forwardRef(({ className: e, ...r }, o) => {
-  const t = s.useContext(n);
-  return /* @__PURE__ */ a("div", { ref: o, className: d(k[t], e), ...r });
-});
-E.displayName = "CardContent";
-const M = {
-  sm: "p-ds-05 pt-0",
-  md: "p-ds-06 pt-0",
-  lg: "p-ds-07 pt-0"
-}, q = s.forwardRef(({ className: e, ...r }, o) => {
-  const t = s.useContext(n);
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: o,
-      className: d("flex items-center", M[t], e),
-      ...r
-    }
-  );
-});
-q.displayName = "CardFooter";
-export {
-  A as Card,
-  E as CardContent,
-  $ as CardDescription,
-  q as CardFooter,
-  F as CardHeader,
-  V as CardTitle,
-  R as cardVariants
-};
+g.displayName = "Card";
+var _ = {
+	sm: "p-ds-05",
+	md: "p-ds-06",
+	lg: "p-ds-07"
+}, v = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s("div", {
+	ref: n,
+	className: a("flex flex-col space-y-ds-02b", _[o.useContext(l)], e),
+	...t
+}));
+v.displayName = "CardHeader";
+var y = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s("div", {
+	ref: n,
+	className: a("font-sans font-semibold leading-ds-none tracking-normal text-surface-fg", e),
+	...t
+}));
+y.displayName = "CardTitle";
+var b = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s("div", {
+	ref: n,
+	className: a("text-ds-md text-surface-fg-muted", e),
+	...t
+}));
+b.displayName = "CardDescription";
+var x = {
+	sm: "p-ds-05 pt-0",
+	md: "p-ds-06 pt-0",
+	lg: "p-ds-07 pt-0"
+}, S = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s("div", {
+	ref: n,
+	className: a(x[o.useContext(l)], e),
+	...t
+}));
+S.displayName = "CardContent";
+var C = {
+	sm: "p-ds-05 pt-0",
+	md: "p-ds-06 pt-0",
+	lg: "p-ds-07 pt-0"
+}, w = o.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ s("div", {
+	ref: n,
+	className: a("flex items-center", C[o.useContext(l)], e),
+	...t
+}));
+w.displayName = "CardFooter";
+//#endregion
+export { g as Card, S as CardContent, b as CardDescription, w as CardFooter, v as CardHeader, y as CardTitle, u as cardVariants };