@devalok/shilp-sutra 0.34.0 → 0.36.0

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/page-skeletons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-skeletons.js","names":[],"sources":["../../src/composed/page-skeletons.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\nimport { Skeleton } from '../ui/skeleton'\nimport { cn } from '../ui/lib/utils'\n\nconst shimmer = 'bg-surface-raised-hover'\n\n// --- Dashboard Skeleton ---\n\nexport interface DashboardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst DashboardSkeleton = React.forwardRef<HTMLDivElement, DashboardSkeletonProps>(\n  function DashboardSkeleton({ className, ...props }, ref) {\n  return (\n    <div ref={ref} {...props} className={cn(\"flex flex-col gap-ds-06\", className)}>\n      {/* Stat cards grid */}\n      <div className=\"grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-4\">\n        {Array.from({ length: 4 }).map((_, i) => (\n          <div\n            key={`stat-${i}`}\n            className=\"flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b\"\n          >\n            <div className=\"flex items-center justify-between\">\n              <Skeleton className={cn('h-[12px] w-[80px]', shimmer)} />\n              <Skeleton className={cn('h-ds-sm w-ds-sm rounded-ds-lg', shimmer)} />\n            </div>\n            <Skeleton className={cn('h-ds-xs-plus w-[64px]', shimmer)} />\n            <Skeleton className={cn('h-ds-03 w-[112px]', shimmer)} />\n          </div>\n        ))}\n      </div>\n\n      {/* Attendance calendar placeholder */}\n      <div className=\"rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-06\">\n        <div className=\"mb-ds-06 flex items-center justify-between\">\n          <Skeleton className={cn('h-[20px] w-[128px]', shimmer)} />\n          <div className=\"flex items-center gap-ds-03\">\n            <Skeleton className={cn('h-ds-sm w-ds-sm rounded-ds-lg', shimmer)} />\n            <Skeleton className={cn('h-[16px] w-[112px]', shimmer)} />\n            <Skeleton className={cn('h-ds-sm w-ds-sm rounded-ds-lg', shimmer)} />\n          </div>\n        </div>\n        {/* Weekday headers */}\n        <div className=\"mb-ds-03 grid grid-cols-7 gap-ds-03\">\n          {Array.from({ length: 7 }).map((_, i) => (\n            <Skeleton key={`wh-${i}`} className={cn('mx-auto h-[12px] w-[32px]', shimmer)} />\n          ))}\n        </div>\n        {/* Calendar grid */}\n        <div className=\"grid grid-cols-7 gap-ds-03\">\n          {Array.from({ length: 35 }).map((_, i) => (\n            <Skeleton\n              key={`cal-${i}`}\n              className={cn('mx-auto h-ds-md w-ds-md rounded-ds-full', shimmer)}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n},\n)\n\nDashboardSkeleton.displayName = 'DashboardSkeleton'\n\n// --- Project List Skeleton ---\n\nexport interface ProjectListSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst ProjectListSkeleton = React.forwardRef<HTMLDivElement, ProjectListSkeletonProps>(\n  function ProjectListSkeleton({ className, ...props }, ref) {\n  return (\n    <div ref={ref} {...props} className={cn(\"flex flex-col gap-ds-06\", className)}>\n      {/* Header */}\n      <div className=\"flex flex-col gap-ds-05 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex flex-col gap-ds-03\">\n          <Skeleton className={cn('h-[24px] w-[112px]', shimmer)} />\n          <Skeleton className={cn('h-ds-04 w-[160px]', shimmer)} />\n        </div>\n        <Skeleton className={cn('h-ds-sm-plus w-[128px] rounded-ds-lg', shimmer)} />\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-ds-04 sm:flex-row sm:items-center\">\n        <Skeleton className={cn('h-ds-sm-plus flex-1 rounded-ds-lg', shimmer)} />\n        <div className=\"flex gap-ds-02b\">\n          {Array.from({ length: 4 }).map((_, i) => (\n            <Skeleton key={`f-${i}`} className={cn('h-ds-sm w-[64px] rounded-ds-lg', shimmer)} />\n          ))}\n        </div>\n      </div>\n\n      {/* Project cards grid */}\n      <div className=\"grid grid-cols-1 gap-ds-05 sm:grid-cols-2 lg:grid-cols-3\">\n        {Array.from({ length: 6 }).map((_, i) => (\n          <div\n            key={`proj-${i}`}\n            className=\"flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-raised p-ds-05b\"\n          >\n            {/* Top row: status + org */}\n            <div className=\"flex items-center justify-between\">\n              <Skeleton className={cn('h-[20px] w-[64px] rounded-ds-full', shimmer)} />\n              <Skeleton className={cn('h-[16px] w-[80px] rounded-ds-md', shimmer)} />\n            </div>\n            {/* Title + description */}\n            <div className=\"flex flex-col gap-ds-03\">\n              <Skeleton className={cn('h-[16px] w-3/4', shimmer)} />\n              <Skeleton className={cn('h-[12px] w-full', shimmer)} />\n              <Skeleton className={cn('h-[12px] w-2/3', shimmer)} />\n            </div>\n            {/* Bottom row: members + count */}\n            <div className=\"flex items-center justify-between pt-ds-02\">\n              <div className=\"flex -space-x-ds-03\">\n                {Array.from({ length: 3 }).map((_, j) => (\n                  <Skeleton\n                    key={`av-${i}-${j}`}\n                    className={cn('h-ds-xs-plus w-ds-xs-plus rounded-ds-full', shimmer)}\n                  />\n                ))}\n              </div>\n              <Skeleton className={cn('h-ds-04 w-ds-md', shimmer)} />\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  )\n},\n)\n\nProjectListSkeleton.displayName = 'ProjectListSkeleton'\n\n// --- Task Detail Skeleton ---\n\nexport interface TaskDetailSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {}\n\nconst TaskDetailSkeleton = React.forwardRef<HTMLDivElement, TaskDetailSkeletonProps>(\n  function TaskDetailSkeleton({ className, ...props }, ref) {\n  return (\n    <div ref={ref} {...props} className={cn(\"flex h-full flex-col gap-0 rounded-ds-xl border border-surface-border-strong bg-surface-raised\", className)}>\n      {/* Header */}\n      <div className=\"flex items-center justify-between border-b border-surface-border-strong px-ds-05b py-ds-05\">\n        <Skeleton className={cn('h-[20px] w-[192px]', shimmer)} />\n        <div className=\"flex items-center gap-ds-03\">\n          <Skeleton className={cn('h-ds-xs-plus w-ds-xs-plus rounded-ds-lg', shimmer)} />\n          <Skeleton className={cn('h-ds-xs-plus w-ds-xs-plus rounded-ds-lg', shimmer)} />\n        </div>\n      </div>\n\n      {/* Property rows */}\n      <div className=\"flex flex-col gap-0 border-b border-surface-border-strong px-ds-05b py-ds-05\">\n        {Array.from({ length: 5 }).map((_, i) => (\n          <div\n            key={`prop-${i}`}\n            className=\"flex items-center gap-ds-05 py-ds-03\"\n          >\n            <Skeleton className={cn('h-[12px] w-[96px] shrink-0', shimmer)} />\n            <Skeleton className={cn('h-[24px] w-[128px] rounded-ds-md', shimmer)} />\n          </div>\n        ))}\n      </div>\n\n      {/* Tabs */}\n      <div className=\"border-b border-surface-border-strong px-ds-05b\">\n        <div className=\"flex gap-ds-05 py-ds-04\">\n          {Array.from({ length: 3 }).map((_, i) => (\n            <Skeleton key={`tab-${i}`} className={cn('h-[16px] w-[64px]', shimmer)} />\n          ))}\n        </div>\n      </div>\n\n      {/* Tab content */}\n      <div className=\"flex flex-1 flex-col gap-ds-04 px-ds-05b py-ds-05\">\n        <Skeleton className={cn('h-[12px] w-full', shimmer)} />\n        <Skeleton className={cn('h-[12px] w-4/5', shimmer)} />\n        <Skeleton className={cn('h-[12px] w-3/5', shimmer)} />\n        <Skeleton className={cn('mt-ds-03 h-[12px] w-full', shimmer)} />\n        <Skeleton className={cn('h-[12px] w-2/3', shimmer)} />\n      </div>\n    </div>\n  )\n},\n)\n\nTaskDetailSkeleton.displayName = 'TaskDetailSkeleton'\n\nexport {\n  DashboardSkeleton,\n  ProjectListSkeleton,\n  TaskDetailSkeleton,\n}\n"],"mappings":"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"}

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/priority-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"priority-indicator.js","names":[],"sources":["../../src/composed/priority-indicator.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport { cn } from '../ui/lib/utils'\nimport {\n  IconArrowDown,\n  IconMinus,\n  IconArrowUp,\n  IconAlertTriangle,\n} from '@tabler/icons-react'\nimport type { Icon as TablerIcon } from '@tabler/icons-react'\nimport { Icon, type IconProps } from '../ui/icon'\n\nexport type Priority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT' | 'low' | 'medium' | 'high' | 'urgent'\n\nconst priorityConfig: Record<\n  Uppercase<Priority>,\n  { icon: TablerIcon; color: string; bgColor: string; label: string }\n> = {\n  LOW: {\n    icon: IconArrowDown,\n    color: 'text-category-slate-11',\n    bgColor: 'bg-category-slate-3',\n    label: 'Low',\n  },\n  MEDIUM: {\n    icon: IconMinus,\n    color: 'text-warning-11',\n    bgColor: 'bg-warning-3',\n    label: 'Medium',\n  },\n  HIGH: {\n    icon: IconArrowUp,\n    color: 'text-error-11',\n    bgColor: 'bg-error-3',\n    label: 'High',\n  },\n  URGENT: {\n    icon: IconAlertTriangle,\n    color: 'text-error-11',\n    bgColor: 'bg-error-3',\n    label: 'Urgent',\n  },\n}\n\nconst priorityVariants = cva(\n  'inline-flex items-center gap-ds-02b font-body',\n  {\n    variants: {\n      display: {\n        compact: '',\n        full: '',\n      },\n    },\n    defaultVariants: {\n      display: 'full',\n    },\n  },\n)\n\nexport interface PriorityIndicatorProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>,\n    VariantProps<typeof priorityVariants> {\n  priority: Priority\n}\n\nconst PriorityIndicator = React.forwardRef<HTMLDivElement, PriorityIndicatorProps>(\n  ({ priority, display, className, ...props }, ref) => {\n    const normalizedPriority = priority.toUpperCase() as 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT'\n    const config = priorityConfig[normalizedPriority]\n    const PriorityIcon = config.icon as IconProps['icon']\n\n    const isUrgent = normalizedPriority === 'URGENT'\n\n    if (display === 'compact') {\n      const iconWrapper = (\n        <div\n          ref={ref}\n          className={cn(\n            'inline-flex items-center justify-center rounded-ds-md p-ds-02',\n            config.bgColor,\n            className,\n          )}\n          title={config.label}\n          {...props}\n        >\n          <Icon icon={PriorityIcon} size=\"sm\" className={config.color} />\n        </div>\n      )\n\n      if (isUrgent) {\n        return (\n          <motion.div\n            animate={{ scale: [1, 1.1, 1] }}\n            transition={{ repeat: Infinity, duration: 2, ease: 'easeInOut' }}\n            className=\"inline-flex\"\n          >\n            {iconWrapper}\n          </motion.div>\n        )\n      }\n\n      return iconWrapper\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={cn(priorityVariants({ display }), className)}\n        {...props}\n      >\n        {isUrgent ? (\n          <motion.div\n            animate={{ scale: [1, 1.1, 1] }}\n            transition={{ repeat: Infinity, duration: 2, ease: 'easeInOut' }}\n            className={cn(\n              'inline-flex items-center justify-center rounded-ds-md p-ds-01',\n              config.bgColor,\n            )}\n          >\n            <Icon icon={PriorityIcon} size=\"sm\" className={config.color} />\n          </motion.div>\n        ) : (\n          <div\n            className={cn(\n              'inline-flex items-center justify-center rounded-ds-md p-ds-01',\n              config.bgColor,\n            )}\n          >\n            <Icon icon={PriorityIcon} size=\"sm\" className={config.color} />\n          </div>\n        )}\n        <span className=\"text-ds-sm text-surface-fg-muted\">\n          {config.label}\n        </span>\n      </div>\n    )\n  },\n)\nPriorityIndicator.displayName = 'PriorityIndicator'\n\nexport { PriorityIndicator }\n"],"mappings":";;;;;;;;;AAiBA,IAAM,IAGF;CACF,KAAK;EACH,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACR;CACD,QAAQ;EACN,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACR;CACD,MAAM;EACJ,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACR;CACD,QAAQ;EACN,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACR;CACF,EAEK,IAAmB,EACvB,iDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;EACP,EACF;CACD,iBAAiB,EACf,SAAS,QACV;CACF,CACF,EAQK,IAAoB,EAAM,YAC7B,EAAE,aAAU,YAAS,cAAW,GAAG,KAAS,MAAQ;CACnD,IAAM,IAAqB,EAAS,aAAa,EAC3C,IAAS,EAAe,IACxB,IAAe,EAAO,MAEtB,IAAW,MAAuB;AAExC,KAAI,MAAY,WAAW;EACzB,IAAM,IACJ,kBAAC,OAAD;GACO;GACL,WAAW,EACT,iEACA,EAAO,SACP,EACD;GACD,OAAO,EAAO;GACd,GAAI;aAEJ,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;IAAS,CAAA;GAC3D,CAAA;AAeR,SAZI,IAEA,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,OAAO;IAAC;IAAG;IAAK;IAAE,EAAE;GAC/B,YAAY;IAAE,QAAQ;IAAU,UAAU;IAAG,MAAM;IAAa;GAChE,WAAU;aAET;GACU,CAAA,GAIV;;AAGT,QACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,EAAiB,EAAE,YAAS,CAAC,EAAE,EAAU;EACvD,GAAI;YAHN,CAKG,IACC,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,OAAO;IAAC;IAAG;IAAK;IAAE,EAAE;GAC/B,YAAY;IAAE,QAAQ;IAAU,UAAU;IAAG,MAAM;IAAa;GAChE,WAAW,EACT,iEACA,EAAO,QACR;aAED,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;IAAS,CAAA;GACpD,CAAA,GAEb,kBAAC,OAAD;GACE,WAAW,EACT,iEACA,EAAO,QACR;aAED,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;IAAS,CAAA;GAC3D,CAAA,EAER,kBAAC,QAAD;GAAM,WAAU;aACb,EAAO;GACH,CAAA,CACH;;EAGX;AACD,EAAkB,cAAc"}