@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/composed/page-skeletons.js

@@ -1,128 +1,144 @@
-import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import * as n from "react";
-import { Skeleton as d } from "../ui/skeleton.js";
 import { cn as e } from "../ui/lib/utils.js";
-const l = "bg-surface-raised-hover", t = n.forwardRef(
-  function({ className: m, ...o }, i) {
-    return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex flex-col gap-ds-06", m), children: [
-      /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-4", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b",
-          children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(d, { className: e("h-[12px] w-[80px]", l) }),
-              /* @__PURE__ */ s(d, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", l) })
-            ] }),
-            /* @__PURE__ */ s(d, { className: e("h-ds-xs-plus w-[64px]", l) }),
-            /* @__PURE__ */ s(d, { className: e("h-ds-03 w-[112px]", l) })
-          ]
-        },
-        `stat-${r}`
-      )) }),
-      /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-06", children: [
-        /* @__PURE__ */ a("div", { className: "mb-ds-06 flex items-center justify-between", children: [
-          /* @__PURE__ */ s(d, { className: e("h-[20px] w-[128px]", l) }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ s(d, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", l) }),
-            /* @__PURE__ */ s(d, { className: e("h-[16px] w-[112px]", l) }),
-            /* @__PURE__ */ s(d, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", l) })
-          ] })
-        ] }),
-        /* @__PURE__ */ s("div", { className: "mb-ds-03 grid grid-cols-7 gap-ds-03", children: Array.from({ length: 7 }).map((c, r) => /* @__PURE__ */ s(d, { className: e("mx-auto h-[12px] w-[32px]", l) }, `wh-${r}`)) }),
-        /* @__PURE__ */ s("div", { className: "grid grid-cols-7 gap-ds-03", children: Array.from({ length: 35 }).map((c, r) => /* @__PURE__ */ s(
-          d,
-          {
-            className: e("mx-auto h-ds-md w-ds-md rounded-ds-full", l)
-          },
-          `cal-${r}`
-        )) })
-      ] })
-    ] });
-  }
-);
-t.displayName = "DashboardSkeleton";
-const f = n.forwardRef(
-  function({ className: m, ...o }, i) {
-    return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex flex-col gap-ds-06", m), children: [
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-05 sm:flex-row sm:items-center sm:justify-between", children: [
-        /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-          /* @__PURE__ */ s(d, { className: e("h-[24px] w-[112px]", l) }),
-          /* @__PURE__ */ s(d, { className: e("h-ds-04 w-[160px]", l) })
-        ] }),
-        /* @__PURE__ */ s(d, { className: e("h-ds-sm-plus w-[128px] rounded-ds-lg", l) })
-      ] }),
-      /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-04 sm:flex-row sm:items-center", children: [
-        /* @__PURE__ */ s(d, { className: e("h-ds-sm-plus flex-1 rounded-ds-lg", l) }),
-        /* @__PURE__ */ s("div", { className: "flex gap-ds-02b", children: Array.from({ length: 4 }).map((c, r) => /* @__PURE__ */ s(d, { className: e("h-ds-sm w-[64px] rounded-ds-lg", l) }, `f-${r}`)) })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((c, r) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b",
-          children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(d, { className: e("h-[20px] w-[64px] rounded-ds-full", l) }),
-              /* @__PURE__ */ s(d, { className: e("h-[16px] w-[80px] rounded-ds-md", l) })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
-              /* @__PURE__ */ s(d, { className: e("h-[16px] w-3/4", l) }),
-              /* @__PURE__ */ s(d, { className: e("h-[12px] w-full", l) }),
-              /* @__PURE__ */ s(d, { className: e("h-[12px] w-2/3", l) })
-            ] }),
-            /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-ds-02", children: [
-              /* @__PURE__ */ s("div", { className: "flex -space-x-ds-03", children: Array.from({ length: 3 }).map((N, x) => /* @__PURE__ */ s(
-                d,
-                {
-                  className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", l)
-                },
-                `av-${r}-${x}`
-              )) }),
-              /* @__PURE__ */ s(d, { className: e("h-ds-04 w-ds-md", l) })
-            ] })
-          ]
-        },
-        `proj-${r}`
-      )) })
-    ] });
-  }
-);
-f.displayName = "ProjectListSkeleton";
-const h = n.forwardRef(
-  function({ className: m, ...o }, i) {
-    return /* @__PURE__ */ a("div", { ref: i, ...o, className: e("flex h-full flex-col gap-0 rounded-ds-xl border border-surface-border-strong bg-surface-raised", m), children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05b py-ds-05", children: [
-        /* @__PURE__ */ s(d, { className: e("h-[20px] w-[192px]", l) }),
-        /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-          /* @__PURE__ */ s(d, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", l) }),
-          /* @__PURE__ */ s(d, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", l) })
-        ] })
-      ] }),
-      /* @__PURE__ */ s("div", { className: "flex flex-col gap-0 border-b border-surface-border-strong px-ds-05b py-ds-05", children: Array.from({ length: 5 }).map((c, r) => /* @__PURE__ */ a(
-        "div",
-        {
-          className: "flex items-center gap-ds-05 py-ds-03",
-          children: [
-            /* @__PURE__ */ s(d, { className: e("h-[12px] w-[96px] shrink-0", l) }),
-            /* @__PURE__ */ s(d, { className: e("h-[24px] w-[128px] rounded-ds-md", l) })
-          ]
-        },
-        `prop-${r}`
-      )) }),
-      /* @__PURE__ */ s("div", { className: "border-b border-surface-border-strong px-ds-05b", children: /* @__PURE__ */ s("div", { className: "flex gap-ds-05 py-ds-04", children: Array.from({ length: 3 }).map((c, r) => /* @__PURE__ */ s(d, { className: e("h-[16px] w-[64px]", l) }, `tab-${r}`)) }) }),
-      /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-ds-04 px-ds-05b py-ds-05", children: [
-        /* @__PURE__ */ s(d, { className: e("h-[12px] w-full", l) }),
-        /* @__PURE__ */ s(d, { className: e("h-[12px] w-4/5", l) }),
-        /* @__PURE__ */ s(d, { className: e("h-[12px] w-3/5", l) }),
-        /* @__PURE__ */ s(d, { className: e("mt-ds-03 h-[12px] w-full", l) }),
-        /* @__PURE__ */ s(d, { className: e("h-[12px] w-2/3", l) })
-      ] })
-    ] });
-  }
-);
-h.displayName = "TaskDetailSkeleton";
-export {
-  t as DashboardSkeleton,
-  f as ProjectListSkeleton,
-  h as TaskDetailSkeleton
-};
+import { Skeleton as t } from "../ui/skeleton.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/composed/page-skeletons.tsx
+var a = "bg-surface-raised-hover", o = n.forwardRef(function({ className: n, ...o }, s) {
+	return /* @__PURE__ */ i("div", {
+		ref: s,
+		...o,
+		className: e("flex flex-col gap-ds-06", n),
+		children: [/* @__PURE__ */ r("div", {
+			className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-4",
+			children: Array.from({ length: 4 }).map((n, o) => /* @__PURE__ */ i("div", {
+				className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b",
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ r(t, { className: e("h-[12px] w-[80px]", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", a) })]
+					}),
+					/* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-[64px]", a) }),
+					/* @__PURE__ */ r(t, { className: e("h-ds-03 w-[112px]", a) })
+				]
+			}, `stat-${o}`))
+		}), /* @__PURE__ */ i("div", {
+			className: "rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-06",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "mb-ds-06 flex items-center justify-between",
+					children: [/* @__PURE__ */ r(t, { className: e("h-[20px] w-[128px]", a) }), /* @__PURE__ */ i("div", {
+						className: "flex items-center gap-ds-03",
+						children: [
+							/* @__PURE__ */ r(t, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", a) }),
+							/* @__PURE__ */ r(t, { className: e("h-[16px] w-[112px]", a) }),
+							/* @__PURE__ */ r(t, { className: e("h-ds-sm w-ds-sm rounded-ds-lg", a) })
+						]
+					})]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "mb-ds-03 grid grid-cols-7 gap-ds-03",
+					children: Array.from({ length: 7 }).map((n, i) => /* @__PURE__ */ r(t, { className: e("mx-auto h-[12px] w-[32px]", a) }, `wh-${i}`))
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "grid grid-cols-7 gap-ds-03",
+					children: Array.from({ length: 35 }).map((n, i) => /* @__PURE__ */ r(t, { className: e("mx-auto h-ds-md w-ds-md rounded-ds-full", a) }, `cal-${i}`))
+				})
+			]
+		})]
+	});
+});
+o.displayName = "DashboardSkeleton";
+var s = n.forwardRef(function({ className: n, ...o }, s) {
+	return /* @__PURE__ */ i("div", {
+		ref: s,
+		...o,
+		className: e("flex flex-col gap-ds-06", n),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-col gap-ds-05 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-ds-03",
+					children: [/* @__PURE__ */ r(t, { className: e("h-[24px] w-[112px]", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-04 w-[160px]", a) })]
+				}), /* @__PURE__ */ r(t, { className: e("h-ds-sm-plus w-[128px] rounded-ds-lg", a) })]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-col gap-ds-04 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ r(t, { className: e("h-ds-sm-plus flex-1 rounded-ds-lg", a) }), /* @__PURE__ */ r("div", {
+					className: "flex gap-ds-02b",
+					children: Array.from({ length: 4 }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-ds-sm w-[64px] rounded-ds-lg", a) }, `f-${i}`))
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-3",
+				children: Array.from({ length: 6 }).map((n, o) => /* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ r(t, { className: e("h-[20px] w-[64px] rounded-ds-full", a) }), /* @__PURE__ */ r(t, { className: e("h-[16px] w-[80px] rounded-ds-md", a) })]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex flex-col gap-ds-03",
+							children: [
+								/* @__PURE__ */ r(t, { className: e("h-[16px] w-3/4", a) }),
+								/* @__PURE__ */ r(t, { className: e("h-[12px] w-full", a) }),
+								/* @__PURE__ */ r(t, { className: e("h-[12px] w-2/3", a) })
+							]
+						}),
+						/* @__PURE__ */ i("div", {
+							className: "flex items-center justify-between pt-ds-02",
+							children: [/* @__PURE__ */ r("div", {
+								className: "flex -space-x-ds-03",
+								children: Array.from({ length: 3 }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", a) }, `av-${o}-${i}`))
+							}), /* @__PURE__ */ r(t, { className: e("h-ds-04 w-ds-md", a) })]
+						})
+					]
+				}, `proj-${o}`))
+			})
+		]
+	});
+});
+s.displayName = "ProjectListSkeleton";
+var c = n.forwardRef(function({ className: n, ...o }, s) {
+	return /* @__PURE__ */ i("div", {
+		ref: s,
+		...o,
+		className: e("flex h-full flex-col gap-0 rounded-ds-xl border border-surface-border-strong bg-surface-raised", n),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between border-b border-surface-border-strong px-ds-05b py-ds-05",
+				children: [/* @__PURE__ */ r(t, { className: e("h-[20px] w-[192px]", a) }), /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-03",
+					children: [/* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", a) })]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "flex flex-col gap-0 border-b border-surface-border-strong px-ds-05b py-ds-05",
+				children: Array.from({ length: 5 }).map((n, o) => /* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-05 py-ds-03",
+					children: [/* @__PURE__ */ r(t, { className: e("h-[12px] w-[96px] shrink-0", a) }), /* @__PURE__ */ r(t, { className: e("h-[24px] w-[128px] rounded-ds-md", a) })]
+				}, `prop-${o}`))
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "border-b border-surface-border-strong px-ds-05b",
+				children: /* @__PURE__ */ r("div", {
+					className: "flex gap-ds-05 py-ds-04",
+					children: Array.from({ length: 3 }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-[16px] w-[64px]", a) }, `tab-${i}`))
+				})
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex flex-1 flex-col gap-ds-04 px-ds-05b py-ds-05",
+				children: [
+					/* @__PURE__ */ r(t, { className: e("h-[12px] w-full", a) }),
+					/* @__PURE__ */ r(t, { className: e("h-[12px] w-4/5", a) }),
+					/* @__PURE__ */ r(t, { className: e("h-[12px] w-3/5", a) }),
+					/* @__PURE__ */ r(t, { className: e("mt-ds-03 h-[12px] w-full", a) }),
+					/* @__PURE__ */ r(t, { className: e("h-[12px] w-2/3", a) })
+				]
+			})
+		]
+	});
+});
+c.displayName = "TaskDetailSkeleton";
+//#endregion
+export { o as DashboardSkeleton, s as ProjectListSkeleton, c as TaskDetailSkeleton };

package/dist/composed/priority-indicator.js

@@ -1,112 +1,106 @@
 "use client";
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import * as u from "react";
-import { a as b } from "../_chunks/vendor-utils.js";
-import { cn as o } from "../ui/lib/utils.js";
-import { IconAlertTriangle as y, IconArrowUp as x, IconMinus as I, IconArrowDown as N } from "@tabler/icons-react";
-import { Icon as n } from "../ui/icon.js";
-import { m as f } from "../_chunks/framer.js";
-const C = {
-  LOW: {
-    icon: N,
-    color: "text-category-slate-11",
-    bgColor: "bg-category-slate-3",
-    label: "Low"
-  },
-  MEDIUM: {
-    icon: I,
-    color: "text-warning-11",
-    bgColor: "bg-warning-3",
-    label: "Medium"
-  },
-  HIGH: {
-    icon: x,
-    color: "text-error-11",
-    bgColor: "bg-error-3",
-    label: "High"
-  },
-  URGENT: {
-    icon: y,
-    color: "text-error-11",
-    bgColor: "bg-error-3",
-    label: "Urgent"
-  }
-}, h = b(
-  "inline-flex items-center gap-ds-02b font-body",
-  {
-    variants: {
-      display: {
-        compact: "",
-        full: ""
-      }
-    },
-    defaultVariants: {
-      display: "full"
-    }
-  }
-), v = u.forwardRef(
-  ({ priority: p, display: t, className: a, ...s }, c) => {
-    const l = p.toUpperCase(), e = C[l], i = e.icon, m = l === "URGENT";
-    if (t === "compact") {
-      const d = /* @__PURE__ */ r(
-        "div",
-        {
-          ref: c,
-          className: o(
-            "inline-flex items-center justify-center rounded-ds-md p-ds-02",
-            e.bgColor,
-            a
-          ),
-          title: e.label,
-          ...s,
-          children: /* @__PURE__ */ r(n, { icon: i, size: "sm", className: e.color })
-        }
-      );
-      return m ? /* @__PURE__ */ r(
-        f.div,
-        {
-          animate: { scale: [1, 1.1, 1] },
-          transition: { repeat: 1 / 0, duration: 2, ease: "easeInOut" },
-          className: "inline-flex",
-          children: d
-        }
-      ) : d;
-    }
-    return /* @__PURE__ */ g(
-      "div",
-      {
-        ref: c,
-        className: o(h({ display: t }), a),
-        ...s,
-        children: [
-          m ? /* @__PURE__ */ r(
-            f.div,
-            {
-              animate: { scale: [1, 1.1, 1] },
-              transition: { repeat: 1 / 0, duration: 2, ease: "easeInOut" },
-              className: o(
-                "inline-flex items-center justify-center rounded-ds-md p-ds-01",
-                e.bgColor
-              ),
-              children: /* @__PURE__ */ r(n, { icon: i, size: "sm", className: e.color })
-            }
-          ) : /* @__PURE__ */ r(
-            "div",
-            {
-              className: o(
-                "inline-flex items-center justify-center rounded-ds-md p-ds-01",
-                e.bgColor
-              ),
-              children: /* @__PURE__ */ r(n, { icon: i, size: "sm", className: e.color })
-            }
-          ),
-          /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: e.label })
-        ]
-      }
-    );
-  }
-);
-v.displayName = "PriorityIndicator";
-export {
-  v as PriorityIndicator
-};
+import { a as e } from "../_chunks/framer.js";
+import { t } from "../_chunks/vendor-utils.js";
+import { cn as n } from "../ui/lib/utils.js";
+import { Icon as r } from "../ui/icon.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { IconAlertTriangle as s, IconArrowDown as c, IconArrowUp as l, IconMinus as u } from "@tabler/icons-react";
+//#region src/composed/priority-indicator.tsx
+var d = {
+	LOW: {
+		icon: c,
+		color: "text-category-slate-11",
+		bgColor: "bg-category-slate-3",
+		label: "Low"
+	},
+	MEDIUM: {
+		icon: u,
+		color: "text-warning-11",
+		bgColor: "bg-warning-3",
+		label: "Medium"
+	},
+	HIGH: {
+		icon: l,
+		color: "text-error-11",
+		bgColor: "bg-error-3",
+		label: "High"
+	},
+	URGENT: {
+		icon: s,
+		color: "text-error-11",
+		bgColor: "bg-error-3",
+		label: "Urgent"
+	}
+}, f = t("inline-flex items-center gap-ds-02b font-body", {
+	variants: { display: {
+		compact: "",
+		full: ""
+	} },
+	defaultVariants: { display: "full" }
+}), p = i.forwardRef(({ priority: t, display: i, className: s, ...c }, l) => {
+	let u = t.toUpperCase(), p = d[u], m = p.icon, h = u === "URGENT";
+	if (i === "compact") {
+		let t = /* @__PURE__ */ a("div", {
+			ref: l,
+			className: n("inline-flex items-center justify-center rounded-ds-md p-ds-02", p.bgColor, s),
+			title: p.label,
+			...c,
+			children: /* @__PURE__ */ a(r, {
+				icon: m,
+				size: "sm",
+				className: p.color
+			})
+		});
+		return h ? /* @__PURE__ */ a(e.div, {
+			animate: { scale: [
+				1,
+				1.1,
+				1
+			] },
+			transition: {
+				repeat: Infinity,
+				duration: 2,
+				ease: "easeInOut"
+			},
+			className: "inline-flex",
+			children: t
+		}) : t;
+	}
+	return /* @__PURE__ */ o("div", {
+		ref: l,
+		className: n(f({ display: i }), s),
+		...c,
+		children: [h ? /* @__PURE__ */ a(e.div, {
+			animate: { scale: [
+				1,
+				1.1,
+				1
+			] },
+			transition: {
+				repeat: Infinity,
+				duration: 2,
+				ease: "easeInOut"
+			},
+			className: n("inline-flex items-center justify-center rounded-ds-md p-ds-01", p.bgColor),
+			children: /* @__PURE__ */ a(r, {
+				icon: m,
+				size: "sm",
+				className: p.color
+			})
+		}) : /* @__PURE__ */ a("div", {
+			className: n("inline-flex items-center justify-center rounded-ds-md p-ds-01", p.bgColor),
+			children: /* @__PURE__ */ a(r, {
+				icon: m,
+				size: "sm",
+				className: p.color
+			})
+		}), /* @__PURE__ */ a("span", {
+			className: "text-ds-sm text-surface-fg-muted",
+			children: p.label
+		})]
+	});
+});
+p.displayName = "PriorityIndicator";
+//#endregion
+export { p as PriorityIndicator };

package/dist/composed/responsive-overlay.js

@@ -1,45 +1,40 @@
 "use client";
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-import * as h from "react";
-import { Dialog as c, DialogContent as d, DialogHeader as m, DialogTitle as f, DialogDescription as u } from "../ui/dialog.js";
-import { Sheet as D, SheetContent as b, SheetHeader as g, SheetTitle as v, SheetDescription as x } from "../ui/sheet.js";
-const M = {
-  sm: "640px",
-  md: "768px"
+import { Dialog as e, DialogContent as t, DialogDescription as n, DialogHeader as r, DialogTitle as i } from "../ui/dialog.js";
+import { Sheet as a, SheetContent as o, SheetDescription as s, SheetHeader as c, SheetTitle as l } from "../ui/sheet.js";
+import * as u from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/composed/responsive-overlay.tsx
+var p = {
+	sm: "640px",
+	md: "768px"
 };
-function S(t) {
-  const [i, r] = h.useState(!1);
-  return h.useEffect(() => {
-    if (typeof window > "u") return;
-    const e = window.matchMedia(`(max-width: ${M[t]})`);
-    r(e.matches);
-    const o = (s) => r(s.matches);
-    return e.addEventListener("change", o), () => e.removeEventListener("change", o);
-  }, [t]), i;
+function m(e) {
+	let [t, n] = u.useState(!1);
+	return u.useEffect(() => {
+		if (typeof window > "u") return;
+		let t = window.matchMedia(`(max-width: ${p[e]})`);
+		n(t.matches);
+		let r = (e) => n(e.matches);
+		return t.addEventListener("change", r), () => t.removeEventListener("change", r);
+	}, [e]), t;
 }
-function j({
-  open: t,
-  onOpenChange: i,
-  title: r,
-  description: e,
-  breakpoint: o = "md",
-  children: s,
-  className: a
-}) {
-  return S(o) ? /* @__PURE__ */ n(D, { open: t, onOpenChange: i, children: /* @__PURE__ */ l(b, { side: "bottom", className: a, children: [
-    (r || e) && /* @__PURE__ */ l(g, { children: [
-      r && /* @__PURE__ */ n(v, { children: r }),
-      e && /* @__PURE__ */ n(x, { children: e })
-    ] }),
-    s
-  ] }) }) : /* @__PURE__ */ n(c, { open: t, onOpenChange: i, children: /* @__PURE__ */ l(d, { className: a, children: [
-    (r || e) && /* @__PURE__ */ l(m, { children: [
-      r && /* @__PURE__ */ n(f, { children: r }),
-      e && /* @__PURE__ */ n(u, { children: e })
-    ] }),
-    s
-  ] }) });
+function h({ open: u, onOpenChange: p, title: h, description: g, breakpoint: _ = "md", children: v, className: y }) {
+	return m(_) ? /* @__PURE__ */ d(a, {
+		open: u,
+		onOpenChange: p,
+		children: /* @__PURE__ */ f(o, {
+			side: "bottom",
+			className: y,
+			children: [(h || g) && /* @__PURE__ */ f(c, { children: [h && /* @__PURE__ */ d(l, { children: h }), g && /* @__PURE__ */ d(s, { children: g })] }), v]
+		})
+	}) : /* @__PURE__ */ d(e, {
+		open: u,
+		onOpenChange: p,
+		children: /* @__PURE__ */ f(t, {
+			className: y,
+			children: [(h || g) && /* @__PURE__ */ f(r, { children: [h && /* @__PURE__ */ d(i, { children: h }), g && /* @__PURE__ */ d(n, { children: g })] }), v]
+		})
+	});
 }
-export {
-  j as ResponsiveOverlay
-};
+//#endregion
+export { h as ResponsiveOverlay };