@devalok/shilp-sutra 0.52.0 → 0.54.0

package/dist/composed/page-skeletons.js

@@ -3,142 +3,164 @@ 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) {
+function a(e) {
+	return {
+		role: "status",
+		"aria-busy": !0,
+		"aria-label": e ?? "Loading"
+	};
+}
+function o({ label: e }) {
+	return /* @__PURE__ */ i("span", {
+		className: "sr-only",
+		children: [e ?? "Loading", "…"]
+	});
+}
+var s = n.forwardRef(function({ className: n, label: s, ...c }, l) {
 	return /* @__PURE__ */ i("div", {
-		ref: s,
-		...o,
+		ref: l,
+		...a(s),
+		...c,
 		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-overlay-lg border border-card-strong bg-surface-raised p-ds-05b",
+		children: [
+			/* @__PURE__ */ r(o, { label: s }),
+			/* @__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((e, n) => /* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-ds-04 rounded-surface border border-card bg-surface-raised p-ds-05b",
+					children: [
+						/* @__PURE__ */ i("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ r(t, { className: "h-ds-04 w-ds-11" }), /* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-sm rounded-surface" })]
+						}),
+						/* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-ds-10" }),
+						/* @__PURE__ */ r(t, { className: "h-ds-03 w-[112px]" })
+					]
+				}, `stat-${n}`))
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "rounded-surface border border-card bg-surface-raised p-ds-06",
 				children: [
 					/* @__PURE__ */ i("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ r(t, { className: e("h-ds-04 w-ds-11", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-sm w-ds-sm rounded-surface", a) })]
+						className: "mb-ds-06 flex items-center justify-between",
+						children: [/* @__PURE__ */ r(t, { className: "h-ds-05b w-[128px]" }), /* @__PURE__ */ i("div", {
+							className: "flex items-center gap-ds-03",
+							children: [
+								/* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-sm rounded-surface" }),
+								/* @__PURE__ */ r(t, { className: "h-ds-05 w-[112px]" }),
+								/* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-sm rounded-surface" })
+							]
+						})]
 					}),
-					/* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-ds-10", a) }),
-					/* @__PURE__ */ r(t, { className: e("h-ds-03 w-[112px]", a) })
+					/* @__PURE__ */ r("div", {
+						className: "mb-ds-03 grid grid-cols-7 gap-ds-03",
+						children: Array.from({ length: 7 }).map((e, n) => /* @__PURE__ */ r(t, { className: "mx-auto h-ds-04 w-ds-07" }, `wh-${n}`))
+					}),
+					/* @__PURE__ */ r("div", {
+						className: "grid grid-cols-7 gap-ds-03",
+						children: Array.from({ length: 35 }).map((e, n) => /* @__PURE__ */ r(t, { className: "mx-auto h-ds-md w-ds-md rounded-pill" }, `cal-${n}`))
+					})
 				]
-			}, `stat-${o}`))
-		}), /* @__PURE__ */ i("div", {
-			className: "rounded-overlay-lg border border-card-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-ds-05b 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-surface", a) }),
-							/* @__PURE__ */ r(t, { className: e("h-ds-05 w-[112px]", a) }),
-							/* @__PURE__ */ r(t, { className: e("h-ds-sm w-ds-sm rounded-surface", 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-ds-04 w-ds-07", 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-pill", a) }, `cal-${i}`))
-				})
-			]
-		})]
+			})
+		]
 	});
 });
-o.displayName = "DashboardSkeleton";
-var s = n.forwardRef(function({ className: n, ...o }, s) {
+s.displayName = "DashboardSkeleton";
+var c = n.forwardRef(function({ className: n, label: s, ...c }, l) {
 	return /* @__PURE__ */ i("div", {
-		ref: s,
-		...o,
+		ref: l,
+		...a(s),
+		...c,
 		className: e("flex flex-col gap-ds-06", n),
 		children: [
+			/* @__PURE__ */ r(o, { label: s }),
 			/* @__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-ds-06 w-[112px]", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-04 w-ds-13", a) })]
-				}), /* @__PURE__ */ r(t, { className: e("h-ds-sm-plus w-[128px] rounded-surface", a) })]
+					children: [/* @__PURE__ */ r(t, { className: "h-ds-06 w-[112px]" }), /* @__PURE__ */ r(t, { className: "h-ds-04 w-ds-13" })]
+				}), /* @__PURE__ */ r(t, { className: "h-ds-sm-plus w-[128px] rounded-surface" })]
 			}),
 			/* @__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-surface", a) }), /* @__PURE__ */ r("div", {
+				children: [/* @__PURE__ */ r(t, { className: "h-ds-sm-plus flex-1 rounded-surface" }), /* @__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-ds-10 rounded-surface", a) }, `f-${i}`))
+					children: Array.from({ length: 4 }).map((e, n) => /* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-10 rounded-surface" }, `f-${n}`))
 				})]
 			}),
 			/* @__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-overlay-lg border border-card-strong bg-surface-raised p-ds-05b",
+				children: Array.from({ length: 6 }).map((e, n) => /* @__PURE__ */ i("div", {
+					className: "flex flex-col gap-ds-05 rounded-surface border border-card bg-surface-raised p-ds-05b",
 					children: [
 						/* @__PURE__ */ i("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ r(t, { className: e("h-ds-05b w-ds-10 rounded-pill", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-05 w-ds-11 rounded-control", a) })]
+							children: [/* @__PURE__ */ r(t, { className: "h-ds-05b w-ds-10 rounded-pill" }), /* @__PURE__ */ r(t, { className: "h-ds-05 w-ds-11 rounded-control" })]
 						}),
 						/* @__PURE__ */ i("div", {
 							className: "flex flex-col gap-ds-03",
 							children: [
-								/* @__PURE__ */ r(t, { className: e("h-ds-05 w-3/4", a) }),
-								/* @__PURE__ */ r(t, { className: e("h-ds-04 w-full", a) }),
-								/* @__PURE__ */ r(t, { className: e("h-ds-04 w-2/3", a) })
+								/* @__PURE__ */ r(t, { className: "h-ds-05 w-3/4" }),
+								/* @__PURE__ */ r(t, { className: "h-ds-04 w-full" }),
+								/* @__PURE__ */ r(t, { className: "h-ds-04 w-2/3" })
 							]
 						}),
 						/* @__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-pill", a) }, `av-${o}-${i}`))
-							}), /* @__PURE__ */ r(t, { className: e("h-ds-04 w-ds-md", a) })]
+								children: Array.from({ length: 3 }).map((e, i) => /* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-ds-xs-plus rounded-pill" }, `av-${n}-${i}`))
+							}), /* @__PURE__ */ r(t, { className: "h-ds-04 w-ds-md" })]
 						})
 					]
-				}, `proj-${o}`))
+				}, `proj-${n}`))
 			})
 		]
 	});
 });
-s.displayName = "ProjectListSkeleton";
-var c = n.forwardRef(function({ className: n, ...o }, s) {
+c.displayName = "ProjectListSkeleton";
+var l = n.forwardRef(function({ className: n, label: s, ...c }, l) {
 	return /* @__PURE__ */ i("div", {
-		ref: s,
-		...o,
-		className: e("flex h-full flex-col gap-0 rounded-overlay-lg border border-card-strong bg-surface-raised", n),
+		ref: l,
+		...a(s),
+		...c,
+		className: e("flex h-full flex-col gap-0 rounded-surface border border-card bg-surface-raised", n),
 		children: [
+			/* @__PURE__ */ r(o, { label: s }),
 			/* @__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-ds-05b w-[192px]", a) }), /* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ r(t, { className: "h-ds-05b w-[192px]" }), /* @__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-surface", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-xs-plus w-ds-xs-plus rounded-surface", a) })]
+					children: [/* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-ds-xs-plus rounded-surface" }), /* @__PURE__ */ r(t, { className: "h-ds-xs-plus w-ds-xs-plus rounded-surface" })]
 				})]
 			}),
 			/* @__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", {
+				children: Array.from({ length: 5 }).map((e, n) => /* @__PURE__ */ i("div", {
 					className: "flex items-center gap-ds-05 py-ds-03",
-					children: [/* @__PURE__ */ r(t, { className: e("h-ds-04 w-ds-12 shrink-0", a) }), /* @__PURE__ */ r(t, { className: e("h-ds-06 w-[128px] rounded-control", a) })]
-				}, `prop-${o}`))
+					children: [/* @__PURE__ */ r(t, { className: "h-ds-04 w-ds-12 shrink-0" }), /* @__PURE__ */ r(t, { className: "h-ds-06 w-[128px] rounded-control" })]
+				}, `prop-${n}`))
 			}),
 			/* @__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-ds-05 w-ds-10", a) }, `tab-${i}`))
+					children: Array.from({ length: 3 }).map((e, n) => /* @__PURE__ */ r(t, { className: "h-ds-05 w-ds-10" }, `tab-${n}`))
 				})
 			}),
 			/* @__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-ds-04 w-full", a) }),
-					/* @__PURE__ */ r(t, { className: e("h-ds-04 w-4/5", a) }),
-					/* @__PURE__ */ r(t, { className: e("h-ds-04 w-3/5", a) }),
-					/* @__PURE__ */ r(t, { className: e("mt-ds-03 h-ds-04 w-full", a) }),
-					/* @__PURE__ */ r(t, { className: e("h-ds-04 w-2/3", a) })
+					/* @__PURE__ */ r(t, { className: "h-ds-04 w-full" }),
+					/* @__PURE__ */ r(t, { className: "h-ds-04 w-4/5" }),
+					/* @__PURE__ */ r(t, { className: "h-ds-04 w-3/5" }),
+					/* @__PURE__ */ r(t, { className: "mt-ds-03 h-ds-04 w-full" }),
+					/* @__PURE__ */ r(t, { className: "h-ds-04 w-2/3" })
 				]
 			})
 		]
 	});
 });
-c.displayName = "TaskDetailSkeleton";
+l.displayName = "TaskDetailSkeleton";
 //#endregion
-export { o as DashboardSkeleton, s as ProjectListSkeleton, c as TaskDetailSkeleton };
+export { s as DashboardSkeleton, c as ProjectListSkeleton, l as TaskDetailSkeleton };

package/dist/composed/page-skeletons.js.map

@@ -1 +1 @@
-{"version":3,"file":"page-skeletons.js","names":[],"sources":["../../src/composed/page-skeletons.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\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-overlay-lg border border-card-strong bg-surface-raised p-ds-05b\"\n          >\n            <div className=\"flex items-center justify-between\">\n              <Skeleton className={cn('h-ds-04 w-ds-11', shimmer)} />\n              <Skeleton className={cn('h-ds-sm w-ds-sm rounded-surface', shimmer)} />\n            </div>\n            <Skeleton className={cn('h-ds-xs-plus w-ds-10', 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-overlay-lg border border-card-strong bg-surface-raised p-ds-06\">\n        <div className=\"mb-ds-06 flex items-center justify-between\">\n          <Skeleton className={cn('h-ds-05b w-[128px]', shimmer)} />\n          <div className=\"flex items-center gap-ds-03\">\n            <Skeleton className={cn('h-ds-sm w-ds-sm rounded-surface', shimmer)} />\n            <Skeleton className={cn('h-ds-05 w-[112px]', shimmer)} />\n            <Skeleton className={cn('h-ds-sm w-ds-sm rounded-surface', 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-ds-04 w-ds-07', 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-pill', 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-ds-06 w-[112px]', shimmer)} />\n          <Skeleton className={cn('h-ds-04 w-ds-13', shimmer)} />\n        </div>\n        <Skeleton className={cn('h-ds-sm-plus w-[128px] rounded-surface', 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-surface', 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-ds-10 rounded-surface', 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-overlay-lg border border-card-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-ds-05b w-ds-10 rounded-pill', shimmer)} />\n              <Skeleton className={cn('h-ds-05 w-ds-11 rounded-control', shimmer)} />\n            </div>\n            {/* Title + description */}\n            <div className=\"flex flex-col gap-ds-03\">\n              <Skeleton className={cn('h-ds-05 w-3/4', shimmer)} />\n              <Skeleton className={cn('h-ds-04 w-full', shimmer)} />\n              <Skeleton className={cn('h-ds-04 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-pill', 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-overlay-lg border border-card-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-ds-05b 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-surface', shimmer)} />\n          <Skeleton className={cn('h-ds-xs-plus w-ds-xs-plus rounded-surface', 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-ds-04 w-ds-12 shrink-0', shimmer)} />\n            <Skeleton className={cn('h-ds-06 w-[128px] rounded-control', 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-ds-05 w-ds-10', 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-ds-04 w-full', shimmer)} />\n        <Skeleton className={cn('h-ds-04 w-4/5', shimmer)} />\n        <Skeleton className={cn('h-ds-04 w-3/5', shimmer)} />\n        <Skeleton className={cn('mt-ds-03 h-ds-04 w-full', shimmer)} />\n        <Skeleton className={cn('h-ds-04 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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"}
+{"version":3,"file":"page-skeletons.js","names":[],"sources":["../../src/composed/page-skeletons.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\n\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\n// role=status + aria-busy so AT announces the loading region (child Skeletons are\n// aria-hidden). The sr-only label carries the announcement text.\nfunction statusProps(label?: string) {\n  return { role: 'status' as const, 'aria-busy': true, 'aria-label': label ?? 'Loading' }\n}\nfunction SrLabel({ label }: { label?: string }) {\n  return <span className=\"sr-only\">{label ?? 'Loading'}…</span>\n}\n\n// --- Dashboard Skeleton ---\n\nexport interface DashboardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {\n  /** Accessible label for the loading region. @default 'Loading' */\n  label?: string\n}\n\nconst DashboardSkeleton = React.forwardRef<HTMLDivElement, DashboardSkeletonProps>(\n  function DashboardSkeleton({ className, label, ...props }, ref) {\n  return (\n    <div ref={ref} {...statusProps(label)} {...props} className={cn(\"flex flex-col gap-ds-06\", className)}>\n      <SrLabel label={label} />\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-surface border border-card bg-surface-raised p-ds-05b\"\n          >\n            <div className=\"flex items-center justify-between\">\n              <Skeleton className={'h-ds-04 w-ds-11'} />\n              <Skeleton className={'h-ds-sm w-ds-sm rounded-surface'} />\n            </div>\n            <Skeleton className={'h-ds-xs-plus w-ds-10'} />\n            <Skeleton className={'h-ds-03 w-[112px]'} />\n          </div>\n        ))}\n      </div>\n\n      {/* Attendance calendar placeholder */}\n      <div className=\"rounded-surface border border-card bg-surface-raised p-ds-06\">\n        <div className=\"mb-ds-06 flex items-center justify-between\">\n          <Skeleton className={'h-ds-05b w-[128px]'} />\n          <div className=\"flex items-center gap-ds-03\">\n            <Skeleton className={'h-ds-sm w-ds-sm rounded-surface'} />\n            <Skeleton className={'h-ds-05 w-[112px]'} />\n            <Skeleton className={'h-ds-sm w-ds-sm rounded-surface'} />\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={'mx-auto h-ds-04 w-ds-07'} />\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={'mx-auto h-ds-md w-ds-md rounded-pill'}\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  /** Accessible label for the loading region. @default 'Loading' */\n  label?: string\n}\n\nconst ProjectListSkeleton = React.forwardRef<HTMLDivElement, ProjectListSkeletonProps>(\n  function ProjectListSkeleton({ className, label, ...props }, ref) {\n  return (\n    <div ref={ref} {...statusProps(label)} {...props} className={cn(\"flex flex-col gap-ds-06\", className)}>\n      <SrLabel label={label} />\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={'h-ds-06 w-[112px]'} />\n          <Skeleton className={'h-ds-04 w-ds-13'} />\n        </div>\n        <Skeleton className={'h-ds-sm-plus w-[128px] rounded-surface'} />\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-ds-04 sm:flex-row sm:items-center\">\n        <Skeleton className={'h-ds-sm-plus flex-1 rounded-surface'} />\n        <div className=\"flex gap-ds-02b\">\n          {Array.from({ length: 4 }).map((_, i) => (\n            <Skeleton key={`f-${i}`} className={'h-ds-sm w-ds-10 rounded-surface'} />\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-surface border border-card bg-surface-raised p-ds-05b\"\n          >\n            {/* Top row: status + org */}\n            <div className=\"flex items-center justify-between\">\n              <Skeleton className={'h-ds-05b w-ds-10 rounded-pill'} />\n              <Skeleton className={'h-ds-05 w-ds-11 rounded-control'} />\n            </div>\n            {/* Title + description */}\n            <div className=\"flex flex-col gap-ds-03\">\n              <Skeleton className={'h-ds-05 w-3/4'} />\n              <Skeleton className={'h-ds-04 w-full'} />\n              <Skeleton className={'h-ds-04 w-2/3'} />\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={'h-ds-xs-plus w-ds-xs-plus rounded-pill'}\n                  />\n                ))}\n              </div>\n              <Skeleton className={'h-ds-04 w-ds-md'} />\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  /** Accessible label for the loading region. @default 'Loading' */\n  label?: string\n}\n\nconst TaskDetailSkeleton = React.forwardRef<HTMLDivElement, TaskDetailSkeletonProps>(\n  function TaskDetailSkeleton({ className, label, ...props }, ref) {\n  return (\n    <div ref={ref} {...statusProps(label)} {...props} className={cn(\"flex h-full flex-col gap-0 rounded-surface border border-card bg-surface-raised\", className)}>\n      <SrLabel label={label} />\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={'h-ds-05b w-[192px]'} />\n        <div className=\"flex items-center gap-ds-03\">\n          <Skeleton className={'h-ds-xs-plus w-ds-xs-plus rounded-surface'} />\n          <Skeleton className={'h-ds-xs-plus w-ds-xs-plus rounded-surface'} />\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={'h-ds-04 w-ds-12 shrink-0'} />\n            <Skeleton className={'h-ds-06 w-[128px] rounded-control'} />\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={'h-ds-05 w-ds-10'} />\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={'h-ds-04 w-full'} />\n        <Skeleton className={'h-ds-04 w-4/5'} />\n        <Skeleton className={'h-ds-04 w-3/5'} />\n        <Skeleton className={'mt-ds-03 h-ds-04 w-full'} />\n        <Skeleton className={'h-ds-04 w-2/3'} />\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.d.ts

@@ -1,13 +1,22 @@
 "use client";
-import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 export type Priority = 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT' | 'low' | 'medium' | 'high' | 'urgent';
-declare const priorityVariants: (props?: ({
-    display?: "compact" | "full" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface PriorityIndicatorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof priorityVariants> {
+export interface PriorityIndicatorProps extends React.HTMLAttributes<HTMLElement> {
     priority: Priority;
+    /** Render an icon-only chip (no visible text). Set an accessible name is handled automatically. */
+    iconOnly?: boolean;
+    /**
+     * @deprecated Use `iconOnly`. `'compact'` → icon-only, `'full'` → labeled.
+     * Accepted for back-compat; maps to `iconOnly`.
+     */
+    display?: 'compact' | 'full';
+    /** Override the label text (i18n / custom copy). Defaults to the priority name. */
+    children?: React.ReactNode;
 }
-declare const PriorityIndicator: React.ForwardRefExoticComponent<PriorityIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Presentational priority chip — composes `Badge` so radius, color semantics,
+ * a11y labeling, and reduced-motion handling come from one place.
+ */
+declare const PriorityIndicator: React.ForwardRefExoticComponent<PriorityIndicatorProps & React.RefAttributes<HTMLElement>>;
 export { PriorityIndicator };
 //# sourceMappingURL=priority-indicator.d.ts.map

package/dist/composed/priority-indicator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"priority-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/priority-indicator.tsx"],"names":[],"mappings":"AASA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAgClG,QAAA,MAAM,gBAAgB;;8EAarB,CAAA;AAED,MAAM,WAAW,sBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAC5D,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,QAAQ,EAAE,QAAQ,CAAA;CACnB;AAED,QAAA,MAAM,iBAAiB,+FAwEtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"priority-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/priority-indicator.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,MAAM,QAAQ,GAChB,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,QAAQ,GACR,MAAM,GACN,QAAQ,CAAA;AAiBZ,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/E,QAAQ,EAAE,QAAQ,CAAA;IAClB,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC5B,mFAAmF;IACnF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED;;;GAGG;AACH,QAAA,MAAM,iBAAiB,4FAqCtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/composed/priority-indicator.js

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

package/dist/composed/priority-indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"priority-indicator.js","names":[],"sources":["../../src/composed/priority-indicator.tsx"],"sourcesContent":["'use client'\n\nimport type { Icon as TablerIcon } from '@tabler/icons-react'\nimport {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconArrowUp,\n  IconMinus,\n} from '@tabler/icons-react'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { motion } from 'framer-motion'\nimport * as React from 'react'\n\nimport { Icon, type IconProps } from '../ui/icon'\nimport { cn } from '../ui/lib/utils'\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-control 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-control 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-control p-ds-01',\n              config.bgColor,\n            )}\n          >\n            <Icon icon={PriorityIcon} size=\"sm\" className={config.color} />\n          </div>\n        )}\n        <span className=\"text-body-sm text-surface-fg-muted\">\n          {config.label}\n        </span>\n      </div>\n    )\n  },\n)\nPriorityIndicator.displayName = 'PriorityIndicator'\n\nexport { PriorityIndicator }\n"],"mappings":";;;;;;;;;AAkBA,IAAM,IAGF;CACF,KAAK;EACH,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;CACT;CACA,QAAQ;EACN,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;CACT;CACA,MAAM;EACJ,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;CACT;CACA,QAAQ;EACN,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;CACT;AACF,GAEM,IAAmB,EACvB,iDACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,OACX;AACF,CACF,GAQM,IAAoB,EAAM,YAC7B,EAAE,aAAU,YAAS,cAAW,GAAG,KAAS,MAAQ;CACnD,IAAM,IAAqB,EAAS,YAAY,GAC1C,IAAS,EAAe,IACxB,IAAe,EAAO,MAEtB,IAAW,MAAuB;CAExC,IAAI,MAAY,WAAW;EACzB,IAAM,IACJ,kBAAC,OAAD;GACO;GACL,WAAW,EACT,mEACA,EAAO,SACP,CACF;GACA,OAAO,EAAO;GACd,GAAI;aAEJ,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;GAAQ,CAAA;EAC3D,CAAA;EAeP,OAZI,IAEA,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,OAAO;IAAC;IAAG;IAAK;GAAC,EAAE;GAC9B,YAAY;IAAE,QAAQ;IAAU,UAAU;IAAG,MAAM;GAAY;GAC/D,WAAU;aAET;EACS,CAAA,IAIT;CACT;CAEA,OACE,kBAAC,OAAD;EACO;EACL,WAAW,EAAG,EAAiB,EAAE,WAAQ,CAAC,GAAG,CAAS;EACtD,GAAI;YAHN,CAKG,IACC,kBAAC,EAAO,KAAR;GACE,SAAS,EAAE,OAAO;IAAC;IAAG;IAAK;GAAC,EAAE;GAC9B,YAAY;IAAE,QAAQ;IAAU,UAAU;IAAG,MAAM;GAAY;GAC/D,WAAW,EACT,mEACA,EAAO,OACT;aAEA,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;GAAQ,CAAA;EACpD,CAAA,IAEZ,kBAAC,OAAD;GACE,WAAW,EACT,mEACA,EAAO,OACT;aAEA,kBAAC,GAAD;IAAM,MAAM;IAAc,MAAK;IAAK,WAAW,EAAO;GAAQ,CAAA;EAC3D,CAAA,GAEP,kBAAC,QAAD;GAAM,WAAU;aACb,EAAO;EACJ,CAAA,CACH;;AAET,CACF;AACA,EAAkB,cAAc"}
+{"version":3,"file":"priority-indicator.js","names":[],"sources":["../../src/composed/priority-indicator.tsx"],"sourcesContent":["import {\n  IconAlertTriangle,\n  IconArrowDown,\n  IconArrowUp,\n  IconMinus,\n} from '@tabler/icons-react'\nimport * as React from 'react'\n\nimport { Badge, type BadgeColor, type BadgeProps } from '../ui/badge'\nimport type { IconInput } from '../ui/lib/icon-input'\n\nexport type Priority =\n  | 'LOW'\n  | 'MEDIUM'\n  | 'HIGH'\n  | 'URGENT'\n  | 'low'\n  | 'medium'\n  | 'high'\n  | 'urgent'\n\n/**\n * Severity is conveyed by **icon + color + weight**, never motion. URGENT uses\n * a solid fill so the top tier reads at a glance without any animation\n * (matches Linear/Jira; also removes the prior WCAG 2.2.2 infinite-pulse issue).\n */\nconst priorityConfig: Record<\n  'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT',\n  { icon: IconInput; color: BadgeColor; variant: NonNullable<BadgeProps['variant']>; label: string }\n> = {\n  LOW: { icon: IconArrowDown, color: 'slate', variant: 'soft', label: 'Low' },\n  MEDIUM: { icon: IconMinus, color: 'warning', variant: 'soft', label: 'Medium' },\n  HIGH: { icon: IconArrowUp, color: 'error', variant: 'soft', label: 'High' },\n  URGENT: { icon: IconAlertTriangle, color: 'error', variant: 'solid', label: 'Urgent' },\n}\n\nexport interface PriorityIndicatorProps extends React.HTMLAttributes<HTMLElement> {\n  priority: Priority\n  /** Render an icon-only chip (no visible text). Set an accessible name is handled automatically. */\n  iconOnly?: boolean\n  /**\n   * @deprecated Use `iconOnly`. `'compact'` → icon-only, `'full'` → labeled.\n   * Accepted for back-compat; maps to `iconOnly`.\n   */\n  display?: 'compact' | 'full'\n  /** Override the label text (i18n / custom copy). Defaults to the priority name. */\n  children?: React.ReactNode\n}\n\n/**\n * Presentational priority chip — composes `Badge` so radius, color semantics,\n * a11y labeling, and reduced-motion handling come from one place.\n */\nconst PriorityIndicator = React.forwardRef<HTMLElement, PriorityIndicatorProps>(\n  ({ priority, iconOnly, display, children, ...props }, ref) => {\n    const key = priority.toUpperCase() as 'LOW' | 'MEDIUM' | 'HIGH' | 'URGENT'\n    // Defensive fallback: an unexpected priority string renders as MEDIUM\n    // rather than throwing on `config.icon`.\n    const config = priorityConfig[key] ?? priorityConfig.MEDIUM\n    const compact = iconOnly ?? display === 'compact'\n    const label = children ?? config.label\n\n    if (compact) {\n      return (\n        <Badge\n          ref={ref}\n          {...props}\n          variant={config.variant}\n          color={config.color}\n          size=\"sm\"\n          startIcon={config.icon}\n          role=\"img\"\n          aria-label={typeof label === 'string' ? label : config.label}\n        />\n      )\n    }\n\n    return (\n      <Badge\n        ref={ref}\n        {...props}\n        variant={config.variant}\n        color={config.color}\n        size=\"sm\"\n        startIcon={config.icon}\n      >\n        {label}\n      </Badge>\n    )\n  },\n)\nPriorityIndicator.displayName = 'PriorityIndicator'\n\nexport { PriorityIndicator }\n"],"mappings":";;;;;AA0BA,IAAM,IAGF;CACF,KAAK;EAAE,MAAM;EAAe,OAAO;EAAS,SAAS;EAAQ,OAAO;CAAM;CAC1E,QAAQ;EAAE,MAAM;EAAW,OAAO;EAAW,SAAS;EAAQ,OAAO;CAAS;CAC9E,MAAM;EAAE,MAAM;EAAa,OAAO;EAAS,SAAS;EAAQ,OAAO;CAAO;CAC1E,QAAQ;EAAE,MAAM;EAAmB,OAAO;EAAS,SAAS;EAAS,OAAO;CAAS;AACvF,GAmBM,IAAoB,EAAM,YAC7B,EAAE,aAAU,aAAU,YAAS,aAAU,GAAG,KAAS,MAAQ;CAI5D,IAAM,IAAS,EAHH,EAAS,YAGS,MAAQ,EAAe,QAC/C,IAAU,KAAY,MAAY,WAClC,IAAQ,KAAY,EAAO;CAiBjC,OAfI,IAEA,kBAAC,GAAD;EACO;EACL,GAAI;EACJ,SAAS,EAAO;EAChB,OAAO,EAAO;EACd,MAAK;EACL,WAAW,EAAO;EAClB,MAAK;EACL,cAAY,OAAO,KAAU,WAAW,IAAQ,EAAO;CACxD,CAAA,IAKH,kBAAC,GAAD;EACO;EACL,GAAI;EACJ,SAAS,EAAO;EAChB,OAAO,EAAO;EACd,MAAK;EACL,WAAW,EAAO;YAEjB;CACI,CAAA;AAEX,CACF;AACA,EAAkB,cAAc"}

package/dist/composed/schedule-view.d.ts

@@ -9,7 +9,9 @@ export interface ScheduleEvent {
 }
 /**
  * A day/week calendar schedule grid. Renders time-slotted events with
- * proportional height, color coding, click handlers, and a current-time indicator.
+ * proportional height, color coding, overlapping-event columns, a live
+ * current-time indicator, and keyboard-navigable slots (when `onSlotClick` is
+ * set). Presentational — drive `events`/`date`/`view` from the parent.
  */
 export interface ScheduleViewProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Display mode: single-day column or full-week (7 columns). */
@@ -20,7 +22,10 @@ export interface ScheduleViewProps extends React.HTMLAttributes<HTMLDivElement>
     events: ScheduleEvent[];
     /** Called when an event block is clicked. */
     onEventClick?: (event: ScheduleEvent) => void;
-    /** Called when an empty time slot is clicked, with the slot's start and end times. */
+    /**
+     * Called when an empty time slot is clicked. When omitted, slots render as
+     * non-interactive grid lines (no keyboard/AT tab stops).
+     */
     onSlotClick?: (start: Date, end: Date) => void;
     /** First visible hour (default 8). */
     startHour?: number;
@@ -28,6 +33,16 @@ export interface ScheduleViewProps extends React.HTMLAttributes<HTMLDivElement>
     endHour?: number;
     /** Slot duration in minutes (default 30). */
     slotDuration?: number;
+    /** Currently-selected event id — rendered with a ring. */
+    selectedEventId?: string;
+    /** Custom event content renderer. Receives the event; return the block body. */
+    renderEvent?: (event: ScheduleEvent) => React.ReactNode;
+    /** Optional toolbar/header rendered above the grid. */
+    header?: React.ReactNode;
+    /** Content shown when there are no events in view. */
+    emptyState?: React.ReactNode;
+    /** Grid body height (CSS length or px number). @default 480 */
+    height?: number | string;
 }
 declare const ScheduleView: React.ForwardRefExoticComponent<ScheduleViewProps & React.RefAttributes<HTMLDivElement>>;
 export { ScheduleView };

package/dist/composed/schedule-view.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schedule-view.d.ts","sourceRoot":"","sources":["../../src/composed/schedule-view.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CACxE;AAED;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gEAAgE;IAChE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,6EAA6E;IAC7E,IAAI,EAAE,IAAI,CAAA;IACV,8CAA8C;IAC9C,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C,sFAAsF;IACtF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAqOD,QAAA,MAAM,YAAY,0FAyDjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"schedule-view.d.ts","sourceRoot":"","sources":["../../src/composed/schedule-view.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,IAAI,CAAA;IACX,GAAG,EAAE,IAAI,CAAA;IACT,KAAK,CAAC,EAAE,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAA;CACxE;AAED;;;;;GAKG;AACH,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,gEAAgE;IAChE,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,6EAA6E;IAC7E,IAAI,EAAE,IAAI,CAAA;IACV,8CAA8C;IAC9C,MAAM,EAAE,aAAa,EAAE,CAAA;IACvB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IAC7C;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IAC9C,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mDAAmD;IACnD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,gFAAgF;IAChF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,uDAAuD;IACvD,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,sDAAsD;IACtD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CACzB;AA8SD,QAAA,MAAM,YAAY,0FA6HjB,CAAA;AAGD,OAAO,EAAE,YAAY,EAAE,CAAA"}