@devalok/shilp-sutra 0.34.0 → 0.36.0

package/dist/composed/loading-skeleton.js

@@ -1,172 +1,104 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import { cn as e } from "../ui/lib/utils.js";
+import { Skeleton as t } from "../ui/skeleton.js";
 import * as n from "react";
-import { cn as c } from "../ui/lib/utils.js";
-import { Skeleton as s } from "../ui/skeleton.js";
-const u = n.forwardRef(
-  function({ className: d, ...l }, o) {
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: o,
-        ...l,
-        className: c(
-          "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b",
-          d
-        ),
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between pb-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-[16px] w-[128px] bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "space-y-ds-04", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-full bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 pt-ds-05", children: [
-            /* @__PURE__ */ e(s, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-raised-hover" })
-          ] })
-        ]
-      }
-    );
-  }
-);
-u.displayName = "CardSkeleton";
-const b = n.forwardRef(
-  function({
-    rows: d = 5,
-    columns: l = 4,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ a(
-      "div",
-      {
-        ref: m,
-        ...i,
-        className: c(
-          "overflow-hidden rounded-ds-lg border border-surface-border-strong",
-          o
-        ),
-        children: [
-          /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04", children: Array.from({ length: l }).map((h, r) => /* @__PURE__ */ e(
-            s,
-            {
-              className: c(
-                "h-[12px] bg-surface-raised-hover",
-                r === 0 ? "w-[160px]" : "flex-1"
-              )
-            },
-            `head-${r}`
-          )) }),
-          Array.from({ length: d }).map((h, r) => /* @__PURE__ */ e(
-            "div",
-            {
-              className: c(
-                "flex items-center gap-ds-05 px-ds-05 py-ds-04",
-                r < d - 1 && "border-b border-surface-border-strong"
-              ),
-              style: { animationDelay: `${r * 50}ms` },
-              children: Array.from({ length: l }).map((p, f) => /* @__PURE__ */ e(
-                s,
-                {
-                  className: c(
-                    "h-[12px] bg-surface-raised-hover",
-                    f === 0 ? "w-[160px]" : "flex-1"
-                  )
-                },
-                `cell-${r}-${f}`
-              ))
-            },
-            `row-${r}`
-          ))
-        ]
-      }
-    );
-  }
-);
-b.displayName = "TableSkeleton";
-const g = n.forwardRef(
-  function({
-    columns: d = 4,
-    cardsPerColumn: l = 3,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ e("div", { ref: m, ...i, className: c("flex gap-ds-05 overflow-x-auto", o), children: Array.from({ length: d }).map((h, r) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: "flex w-[272px] shrink-0 flex-col gap-ds-03",
-        children: [
-          /* @__PURE__ */ a("div", { className: "flex items-center justify-between px-ds-02 py-ds-03", children: [
-            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[12px] rounded bg-surface-raised-hover" }),
-              /* @__PURE__ */ e(s, { className: "h-[12px] w-[80px] bg-surface-raised-hover" }),
-              /* @__PURE__ */ e(s, { className: "h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover" })
-            ] }),
-            /* @__PURE__ */ e(s, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })
-          ] }),
-          Array.from({ length: l }).map((p, f) => /* @__PURE__ */ a(
-            "div",
-            {
-              className: "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04",
-              style: { animationDelay: `${(r * l + f) * 50}ms` },
-              children: [
-                /* @__PURE__ */ a("div", { className: "space-y-ds-03", children: [
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
-                  /* @__PURE__ */ e(s, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
-                ] }),
-                /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-ds-04", children: [
-                  /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-02b", children: [
-                    /* @__PURE__ */ e(s, { className: "h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover" }),
-                    /* @__PURE__ */ e(s, { className: "h-ds-03 w-[64px] bg-surface-raised-hover" })
-                  ] }),
-                  /* @__PURE__ */ e(s, { className: "h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover" })
-                ] })
-              ]
-            },
-            `card-${r}-${f}`
-          ))
-        ]
-      },
-      `col-${r}`
-    )) });
-  }
-);
-g.displayName = "BoardSkeleton";
-const x = n.forwardRef(
-  function({
-    rows: d = 6,
-    showAvatar: l = !0,
-    className: o,
-    ...i
-  }, m) {
-    return /* @__PURE__ */ e("div", { ref: m, ...i, className: c("flex flex-col", o), children: Array.from({ length: d }).map((h, r) => /* @__PURE__ */ a(
-      "div",
-      {
-        className: c(
-          "flex items-center gap-ds-04 py-ds-04",
-          r < d - 1 && "border-b border-surface-border-strong"
-        ),
-        style: { animationDelay: `${r * 50}ms` },
-        children: [
-          l && /* @__PURE__ */ e(s, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover" }),
-          /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-ds-02b", children: [
-            /* @__PURE__ */ e(s, { className: "h-[12px] w-2/5 bg-surface-raised-hover" }),
-            /* @__PURE__ */ e(s, { className: "h-ds-03 w-3/5 bg-surface-raised-hover" })
-          ] }),
-          /* @__PURE__ */ e(s, { className: "h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover" })
-        ]
-      },
-      `list-${r}`
-    )) });
-  }
-);
-x.displayName = "ListSkeleton";
-export {
-  g as BoardSkeleton,
-  u as CardSkeleton,
-  x as ListSkeleton,
-  b as TableSkeleton
-};
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/composed/loading-skeleton.tsx
+var a = n.forwardRef(function({ className: n, ...a }, o) {
+	return /* @__PURE__ */ i("div", {
+		ref: o,
+		...a,
+		className: e("rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b", n),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between pb-ds-05",
+				children: [/* @__PURE__ */ r(t, { className: "h-[16px] w-[128px] bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "space-y-ds-04",
+				children: [
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-full bg-surface-raised-hover" }),
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }),
+					/* @__PURE__ */ r(t, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })
+				]
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-ds-03 pt-ds-05",
+				children: [/* @__PURE__ */ r(t, { className: "h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-[12px] w-[80px] bg-surface-raised-hover" })]
+			})
+		]
+	});
+});
+a.displayName = "CardSkeleton";
+var o = n.forwardRef(function({ rows: n = 5, columns: a = 4, className: o, ...s }, c) {
+	return /* @__PURE__ */ i("div", {
+		ref: c,
+		...s,
+		className: e("overflow-hidden rounded-ds-lg border border-surface-border-strong", o),
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04",
+			children: Array.from({ length: a }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-[12px] bg-surface-raised-hover", i === 0 ? "w-[160px]" : "flex-1") }, `head-${i}`))
+		}), Array.from({ length: n }).map((i, o) => /* @__PURE__ */ r("div", {
+			className: e("flex items-center gap-ds-05 px-ds-05 py-ds-04", o < n - 1 && "border-b border-surface-border-strong"),
+			style: { animationDelay: `${o * 50}ms` },
+			children: Array.from({ length: a }).map((n, i) => /* @__PURE__ */ r(t, { className: e("h-[12px] bg-surface-raised-hover", i === 0 ? "w-[160px]" : "flex-1") }, `cell-${o}-${i}`))
+		}, `row-${o}`))]
+	});
+});
+o.displayName = "TableSkeleton";
+var s = n.forwardRef(function({ columns: n = 4, cardsPerColumn: a = 3, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		...s,
+		className: e("flex gap-ds-05 overflow-x-auto", o),
+		children: Array.from({ length: n }).map((e, n) => /* @__PURE__ */ i("div", {
+			className: "flex w-[272px] shrink-0 flex-col gap-ds-03",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-center justify-between px-ds-02 py-ds-03",
+				children: [/* @__PURE__ */ i("div", {
+					className: "flex items-center gap-ds-03",
+					children: [
+						/* @__PURE__ */ r(t, { className: "h-[12px] w-[12px] rounded bg-surface-raised-hover" }),
+						/* @__PURE__ */ r(t, { className: "h-[12px] w-[80px] bg-surface-raised-hover" }),
+						/* @__PURE__ */ r(t, { className: "h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover" })
+					]
+				}), /* @__PURE__ */ r(t, { className: "h-ico-sm w-ico-sm rounded bg-surface-raised-hover" })]
+			}), Array.from({ length: a }).map((e, o) => /* @__PURE__ */ i("div", {
+				className: "rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04",
+				style: { animationDelay: `${(n * a + o) * 50}ms` },
+				children: [/* @__PURE__ */ i("div", {
+					className: "space-y-ds-03",
+					children: [/* @__PURE__ */ r(t, { className: "h-[12px] w-4/5 bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-[12px] w-3/5 bg-surface-raised-hover" })]
+				}), /* @__PURE__ */ i("div", {
+					className: "flex items-center justify-between pt-ds-04",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex items-center gap-ds-02b",
+						children: [/* @__PURE__ */ r(t, { className: "h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ds-03 w-[64px] bg-surface-raised-hover" })]
+					}), /* @__PURE__ */ r(t, { className: "h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover" })]
+				})]
+			}, `card-${n}-${o}`))]
+		}, `col-${n}`))
+	});
+});
+s.displayName = "BoardSkeleton";
+var c = n.forwardRef(function({ rows: n = 6, showAvatar: a = !0, className: o, ...s }, c) {
+	return /* @__PURE__ */ r("div", {
+		ref: c,
+		...s,
+		className: e("flex flex-col", o),
+		children: Array.from({ length: n }).map((o, s) => /* @__PURE__ */ i("div", {
+			className: e("flex items-center gap-ds-04 py-ds-04", s < n - 1 && "border-b border-surface-border-strong"),
+			style: { animationDelay: `${s * 50}ms` },
+			children: [
+				a && /* @__PURE__ */ r(t, { className: "h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover" }),
+				/* @__PURE__ */ i("div", {
+					className: "flex flex-1 flex-col gap-ds-02b",
+					children: [/* @__PURE__ */ r(t, { className: "h-[12px] w-2/5 bg-surface-raised-hover" }), /* @__PURE__ */ r(t, { className: "h-ds-03 w-3/5 bg-surface-raised-hover" })]
+				}),
+				/* @__PURE__ */ r(t, { className: "h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover" })
+			]
+		}, `list-${s}`))
+	});
+});
+c.displayName = "ListSkeleton";
+//#endregion
+export { s as BoardSkeleton, a as CardSkeleton, c as ListSkeleton, o as TableSkeleton };

package/dist/composed/loading-skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-skeleton.js","names":[],"sources":["../../src/composed/loading-skeleton.tsx"],"sourcesContent":["// @server-safe\nimport * as React from 'react'\nimport { cn } from '../ui/lib/utils'\nimport { Skeleton } from '../ui/skeleton'\n\nexport interface CardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {\n  className?: string\n}\n\nconst CardSkeleton = React.forwardRef<HTMLDivElement, CardSkeletonProps>(\n  function CardSkeleton({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-05b',\n        className,\n      )}\n    >\n      <div className=\"flex items-center justify-between pb-ds-05\">\n        <Skeleton className=\"h-[16px] w-[128px] bg-surface-raised-hover\" />\n        <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n      </div>\n      <div className=\"space-y-ds-04\">\n        <Skeleton className=\"h-[12px] w-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n      </div>\n      <div className=\"flex items-center gap-ds-03 pt-ds-05\">\n        <Skeleton className=\"h-ds-xs w-ds-xs rounded-ds-full bg-surface-raised-hover\" />\n        <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n      </div>\n    </div>\n  )\n},\n)\n\nCardSkeleton.displayName = 'CardSkeleton'\n\nexport interface TableSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  columns?: number\n}\n\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\n  function TableSkeleton({\n  rows = 5,\n  columns = 4,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div\n      ref={ref}\n      {...props}\n      className={cn(\n        'overflow-hidden rounded-ds-lg border border-surface-border-strong',\n        className,\n      )}\n    >\n      {/* Header */}\n      <div className=\"flex items-center gap-ds-05 border-b border-surface-border-strong bg-surface-raised px-ds-05 py-ds-04\">\n        {Array.from({ length: columns }).map((_, i) => (\n          <Skeleton\n            key={`head-${i}`}\n            className={cn(\n              'h-[12px] bg-surface-raised-hover',\n              i === 0 ? 'w-[160px]' : 'flex-1',\n            )}\n          />\n        ))}\n      </div>\n\n      {/* Rows */}\n      {Array.from({ length: rows }).map((_, rowIndex) => (\n        <div\n          key={`row-${rowIndex}`}\n          className={cn(\n            'flex items-center gap-ds-05 px-ds-05 py-ds-04',\n            rowIndex < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${rowIndex * 50}ms` }}\n        >\n          {Array.from({ length: columns }).map((_, colIndex) => (\n            <Skeleton\n              key={`cell-${rowIndex}-${colIndex}`}\n              className={cn(\n                'h-[12px] bg-surface-raised-hover',\n                colIndex === 0 ? 'w-[160px]' : 'flex-1',\n              )}\n            />\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nTableSkeleton.displayName = 'TableSkeleton'\n\nexport interface BoardSkeletonProps extends CardSkeletonProps {\n  columns?: number\n  cardsPerColumn?: number\n}\n\nconst BoardSkeleton = React.forwardRef<HTMLDivElement, BoardSkeletonProps>(\n  function BoardSkeleton({\n  columns = 4,\n  cardsPerColumn = 3,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex gap-ds-05 overflow-x-auto', className)}>\n      {Array.from({ length: columns }).map((_, colIndex) => (\n        <div\n          key={`col-${colIndex}`}\n          className=\"flex w-[272px] shrink-0 flex-col gap-ds-03\"\n        >\n          {/* Column header */}\n          <div className=\"flex items-center justify-between px-ds-02 py-ds-03\">\n            <div className=\"flex items-center gap-ds-03\">\n              <Skeleton className=\"h-[12px] w-[12px] rounded bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[12px] w-[80px] bg-surface-raised-hover\" />\n              <Skeleton className=\"h-[16px] w-[20px] rounded-ds-full bg-surface-raised-hover\" />\n            </div>\n            <Skeleton className=\"h-ico-sm w-ico-sm rounded bg-surface-raised-hover\" />\n          </div>\n\n          {/* Column cards */}\n          {Array.from({ length: cardsPerColumn }).map((_, cardIndex) => (\n            <div\n              key={`card-${colIndex}-${cardIndex}`}\n              className=\"rounded-ds-lg border border-surface-border-strong bg-surface-raised p-ds-04\"\n              style={{ animationDelay: `${(colIndex * cardsPerColumn + cardIndex) * 50}ms` }}\n            >\n              <div className=\"space-y-ds-03\">\n                <Skeleton className=\"h-[12px] w-4/5 bg-surface-raised-hover\" />\n                <Skeleton className=\"h-[12px] w-3/5 bg-surface-raised-hover\" />\n              </div>\n              <div className=\"flex items-center justify-between pt-ds-04\">\n                <div className=\"flex items-center gap-ds-02b\">\n                  <Skeleton className=\"h-ico-md w-ico-md rounded-ds-full bg-surface-raised-hover\" />\n                  <Skeleton className=\"h-ds-03 w-[64px] bg-surface-raised-hover\" />\n                </div>\n                <Skeleton className=\"h-[16px] w-ds-lg rounded-ds-full bg-surface-raised-hover\" />\n              </div>\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nBoardSkeleton.displayName = 'BoardSkeleton'\n\nexport interface ListSkeletonProps extends CardSkeletonProps {\n  rows?: number\n  showAvatar?: boolean\n}\n\nconst ListSkeleton = React.forwardRef<HTMLDivElement, ListSkeletonProps>(\n  function ListSkeleton({\n  rows = 6,\n  showAvatar = true,\n  className,\n  ...props\n}, ref) {\n  return (\n    <div ref={ref} {...props} className={cn('flex flex-col', className)}>\n      {Array.from({ length: rows }).map((_, i) => (\n        <div\n          key={`list-${i}`}\n          className={cn(\n            'flex items-center gap-ds-04 py-ds-04',\n            i < rows - 1 && 'border-b border-surface-border-strong',\n          )}\n          style={{ animationDelay: `${i * 50}ms` }}\n        >\n          {showAvatar && (\n            <Skeleton className=\"h-ds-sm w-ds-sm shrink-0 rounded-ds-full bg-surface-raised-hover\" />\n          )}\n          <div className=\"flex flex-1 flex-col gap-ds-02b\">\n            <Skeleton className=\"h-[12px] w-2/5 bg-surface-raised-hover\" />\n            <Skeleton className=\"h-ds-03 w-3/5 bg-surface-raised-hover\" />\n          </div>\n          <Skeleton className=\"h-[20px] w-[56px] rounded-ds-full bg-surface-raised-hover\" />\n        </div>\n      ))}\n    </div>\n  )\n},\n)\n\nListSkeleton.displayName = 'ListSkeleton'\n\nexport { CardSkeleton, TableSkeleton, BoardSkeleton, ListSkeleton }\n"],"mappings":"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"}