@devalok/shilp-sutra 0.17.1 → 0.18.0

package/dist/composed/page-header.js

@@ -1,62 +1,62 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import * as h from "react";
-import { c as i } from "../_chunks/utils.js";
-import { IconChevronRight as g } from "@tabler/icons-react";
-const N = h.forwardRef(
-  ({ title: c, subtitle: s, actions: r, breadcrumbs: e, titleClassName: n, className: p, ...m }, f) => {
-    var x;
-    const o = c ?? ((x = e == null ? void 0 : e[e.length - 1]) == null ? void 0 : x.label) ?? "";
-    return /* @__PURE__ */ a(
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import * as n from "react";
+import { c as o } from "../_chunks/utils.js";
+import { IconChevronRight as p } from "@tabler/icons-react";
+const N = n.forwardRef(
+  ({ title: d, subtitle: a, actions: r, breadcrumbs: e, titleClassName: h, className: g, ...x }, m) => {
+    var i;
+    const f = d ?? ((i = e == null ? void 0 : e[e.length - 1]) == null ? void 0 : i.label) ?? "";
+    return /* @__PURE__ */ l(
       "div",
       {
-        ref: f,
-        className: i(
-          "flex flex-col gap-ds-05 border-b border-border pb-ds-06",
-          p
+        ref: m,
+        className: o(
+          "flex flex-col gap-ds-05 border-b border-surface-border-strong pb-ds-06",
+          g
         ),
-        ...m,
+        ...x,
         children: [
-          e && e.length > 0 && /* @__PURE__ */ t("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-ds-02b", children: e.map((l, d) => /* @__PURE__ */ a(h.Fragment, { children: [
-            d > 0 && /* @__PURE__ */ t(
-              g,
+          e && e.length > 0 && /* @__PURE__ */ s("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-ds-02b", children: e.map((t, c) => /* @__PURE__ */ l(n.Fragment, { children: [
+            c > 0 && /* @__PURE__ */ s(
+              p,
               {
-                className: "h-ico-sm w-ico-sm text-text-placeholder",
+                className: "h-ico-sm w-ico-sm text-surface-fg-subtle",
                 stroke: 1.5
               }
             ),
-            l.href ? /* @__PURE__ */ t(
+            t.href ? /* @__PURE__ */ s(
               "a",
               {
-                href: l.href,
-                className: "text-ds-sm text-text-placeholder transition-colors hover:text-text-secondary",
-                children: l.label
+                href: t.href,
+                className: "text-ds-sm text-surface-fg-subtle transition-colors hover:text-surface-fg-muted",
+                children: t.label
               }
-            ) : /* @__PURE__ */ t(
+            ) : /* @__PURE__ */ s(
               "span",
               {
-                className: i(
+                className: o(
                   "text-ds-sm",
-                  d === e.length - 1 ? "text-text-primary" : "text-text-placeholder"
+                  c === e.length - 1 ? "text-surface-fg" : "text-surface-fg-subtle"
                 ),
-                children: l.label
+                children: t.label
               }
             )
-          ] }, d)) }),
-          (o || s || r) && /* @__PURE__ */ a("div", { className: "flex items-start justify-between gap-ds-05", children: [
-            /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-02b", children: [
-              o && /* @__PURE__ */ t(
+          ] }, c)) }),
+          (f || a || r) && /* @__PURE__ */ l("div", { className: "flex items-start justify-between gap-ds-05", children: [
+            /* @__PURE__ */ l("div", { className: "flex flex-col gap-ds-02b", children: [
+              f && /* @__PURE__ */ s(
                 "h1",
                 {
-                  className: i(
-                    "text-ds-2xl text-text-primary",
-                    n
+                  className: o(
+                    "text-ds-2xl text-surface-fg",
+                    h
                   ),
-                  children: o
+                  children: f
                 }
               ),
-              s && /* @__PURE__ */ t("p", { className: "text-ds-md text-text-placeholder", children: s })
+              a && /* @__PURE__ */ s("p", { className: "text-ds-md text-surface-fg-subtle", children: a })
             ] }),
-            r && /* @__PURE__ */ t("div", { className: "flex shrink-0 items-center gap-ds-03", children: r })
+            r && /* @__PURE__ */ s("div", { className: "flex shrink-0 items-center gap-ds-03", children: r })
           ] })
         ]
       }

package/dist/composed/page-skeletons.d.ts

@@ -1,6 +1,12 @@
 import * as React from 'react';
-declare const DashboardSkeleton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
-declare const ProjectListSkeleton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
-declare const TaskDetailSkeleton: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;
+export interface DashboardSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const DashboardSkeleton: React.ForwardRefExoticComponent<DashboardSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface ProjectListSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const ProjectListSkeleton: React.ForwardRefExoticComponent<ProjectListSkeletonProps & React.RefAttributes<HTMLDivElement>>;
+export interface TaskDetailSkeletonProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const TaskDetailSkeleton: React.ForwardRefExoticComponent<TaskDetailSkeletonProps & React.RefAttributes<HTMLDivElement>>;
 export { DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton, };
 //# sourceMappingURL=page-skeletons.d.ts.map

package/dist/composed/page-skeletons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-skeletons.d.ts","sourceRoot":"","sources":["../../src/composed/page-skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,QAAA,MAAM,iBAAiB,sEAkDtB,CAAA;AAMD,QAAA,MAAM,mBAAmB,sEA2DxB,CAAA;AAMD,QAAA,MAAM,kBAAkB,sEA8CvB,CAAA;AAID,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}
+{"version":3,"file":"page-skeletons.d.ts","sourceRoot":"","sources":["../../src/composed/page-skeletons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAExF,QAAA,MAAM,iBAAiB,+FAkDtB,CAAA;AAMD,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1F,QAAA,MAAM,mBAAmB,iGA2DxB,CAAA;AAMD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEzF,QAAA,MAAM,kBAAkB,gGA8CvB,CAAA;AAID,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,kBAAkB,GACnB,CAAA"}

package/dist/composed/page-skeletons.js

@@ -1,39 +1,39 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
-import * as o from "react";
-import { Skeleton as e } from "../ui/skeleton.js";
-import { c as d } from "../_chunks/utils.js";
-const l = "bg-field", x = o.forwardRef(
-  function(i, m) {
-    return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", children: [
+import * as n from "react";
+import { Skeleton as d } from "../ui/skeleton.js";
+import { c as e } from "../_chunks/utils.js";
+const l = "bg-surface-3", 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-border bg-layer-01 p-ds-05b",
+          className: "flex flex-col gap-ds-04 rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(e, { className: d("h-[12px] w-[80px]", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) })
+              /* @__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(e, { className: d("h-ds-xs-plus w-[64px]", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-ds-03 w-[112px]", 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-border bg-layer-01 p-ds-06", children: [
+      /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-06", children: [
         /* @__PURE__ */ a("div", { className: "mb-ds-06 flex items-center justify-between", children: [
-          /* @__PURE__ */ s(e, { className: d("h-[20px] w-[128px]", l) }),
+          /* @__PURE__ */ s(d, { className: e("h-[20px] w-[128px]", l) }),
           /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03", children: [
-            /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-[16px] w-[112px]", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) })
+            /* @__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(e, { className: d("mx-auto h-[12px] w-[32px]", l) }, `wh-${r}`)) }),
+        /* @__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(
-          e,
+          d,
           {
-            className: d("mx-auto h-ds-md w-ds-md rounded-ds-full", l)
+            className: e("mx-auto h-ds-md w-ds-md rounded-ds-full", l)
           },
           `cal-${r}`
         )) })
@@ -41,44 +41,44 @@ const l = "bg-field", x = o.forwardRef(
     ] });
   }
 );
-x.displayName = "DashboardSkeleton";
-const t = o.forwardRef(
-  function(i, m) {
-    return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", children: [
+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(e, { className: d("h-[24px] w-[112px]", l) }),
-          /* @__PURE__ */ s(e, { className: d("h-ds-04 w-[160px]", l) })
+          /* @__PURE__ */ s(d, { className: e("h-[24px] w-[112px]", l) }),
+          /* @__PURE__ */ s(d, { className: e("h-ds-04 w-[160px]", l) })
         ] }),
-        /* @__PURE__ */ s(e, { className: d("h-ds-sm-plus w-[128px] rounded-ds-lg", 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(e, { className: d("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(e, { className: d("h-ds-sm w-[64px] rounded-ds-lg", l) }, `f-${r}`)) })
+        /* @__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-border bg-layer-01 p-ds-05b",
+          className: "flex flex-col gap-ds-05 rounded-ds-xl border border-surface-border-strong bg-surface-1 p-ds-05b",
           children: [
             /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ s(e, { className: d("h-[20px] w-[64px] rounded-ds-full", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-[16px] w-[80px] rounded-ds-md", l) })
+              /* @__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(e, { className: d("h-[16px] w-3/4", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-[12px] w-full", l) }),
-              /* @__PURE__ */ s(e, { className: d("h-[12px] w-2/3", l) })
+              /* @__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((f, n) => /* @__PURE__ */ s(
-                e,
+              /* @__PURE__ */ s("div", { className: "flex -space-x-ds-03", children: Array.from({ length: 3 }).map((N, x) => /* @__PURE__ */ s(
+                d,
                 {
-                  className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", l)
+                  className: e("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", l)
                 },
-                `av-${r}-${n}`
+                `av-${r}-${x}`
               )) }),
-              /* @__PURE__ */ s(e, { className: d("h-ds-04 w-ds-md", l) })
+              /* @__PURE__ */ s(d, { className: e("h-ds-04 w-ds-md", l) })
             ] })
           ]
         },
@@ -87,42 +87,42 @@ const t = o.forwardRef(
     ] });
   }
 );
-t.displayName = "ProjectListSkeleton";
-const h = o.forwardRef(
-  function(i, m) {
-    return /* @__PURE__ */ a("div", { ref: m, className: "flex h-full flex-col gap-0 rounded-ds-xl border border-border bg-layer-01", children: [
-      /* @__PURE__ */ a("div", { className: "flex items-center justify-between border-b border-border px-ds-05b py-ds-05", children: [
-        /* @__PURE__ */ s(e, { className: d("h-[20px] w-[192px]", l) }),
+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-1", 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(e, { className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-lg", l) }),
-          /* @__PURE__ */ s(e, { className: d("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(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-border px-ds-05b py-ds-05", children: Array.from({ length: 5 }).map((c, r) => /* @__PURE__ */ a(
+      /* @__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(e, { className: d("h-[12px] w-[96px] shrink-0", l) }),
-            /* @__PURE__ */ s(e, { className: d("h-[24px] w-[128px] rounded-ds-md", l) })
+            /* @__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-border 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(e, { className: d("h-[16px] w-[64px]", l) }, `tab-${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(e, { className: d("h-[12px] w-full", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-[12px] w-4/5", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-[12px] w-3/5", l) }),
-        /* @__PURE__ */ s(e, { className: d("mt-ds-03 h-[12px] w-full", l) }),
-        /* @__PURE__ */ s(e, { className: d("h-[12px] w-2/3", l) })
+        /* @__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 {
-  x as DashboardSkeleton,
-  t as ProjectListSkeleton,
+  t as DashboardSkeleton,
+  f as ProjectListSkeleton,
   h as TaskDetailSkeleton
 };

package/dist/composed/priority-indicator.js

@@ -1,34 +1,34 @@
 import { jsx as r, jsxs as m } from "react/jsx-runtime";
 import * as d from "react";
-import { e as f } from "../_chunks/vendor-utils.js";
+import { ag as g } from "../_chunks/vendor-utils.js";
 import { c as e } from "../_chunks/utils.js";
-import { IconAlertTriangle as g, IconArrowUp as b, IconMinus as p, IconArrowDown as x } from "@tabler/icons-react";
-const u = {
+import { IconAlertTriangle as f, IconArrowUp as b, IconMinus as p, IconArrowDown as u } from "@tabler/icons-react";
+const x = {
   LOW: {
-    icon: x,
-    color: "text-category-slate-text",
-    bgColor: "bg-category-slate-surface",
+    icon: u,
+    color: "text-category-slate-11",
+    bgColor: "bg-category-slate-3",
     label: "Low"
   },
   MEDIUM: {
     icon: p,
-    color: "text-warning-text",
-    bgColor: "bg-warning-surface",
+    color: "text-warning-11",
+    bgColor: "bg-warning-3",
     label: "Medium"
   },
   HIGH: {
     icon: b,
-    color: "text-error-text",
-    bgColor: "bg-error-surface",
+    color: "text-error-11",
+    bgColor: "bg-error-3",
     label: "High"
   },
   URGENT: {
-    icon: g,
-    color: "text-error-text",
-    bgColor: "bg-error-surface",
+    icon: f,
+    color: "text-error-11",
+    bgColor: "bg-error-3",
     label: "Urgent"
   }
-}, y = f(
+}, y = g(
   "inline-flex items-center gap-ds-02b font-body",
   {
     variants: {
@@ -42,8 +42,8 @@ const u = {
     }
   }
 ), w = d.forwardRef(
-  ({ priority: a, display: t, className: i, ...c }, n) => {
-    const l = a.toUpperCase(), o = u[l], s = o.icon;
+  ({ priority: s, display: t, className: i, ...c }, n) => {
+    const a = s.toUpperCase(), o = x[a], l = o.icon;
     return t === "compact" ? /* @__PURE__ */ r(
       "div",
       {
@@ -55,7 +55,7 @@ const u = {
         ),
         title: o.label,
         ...c,
-        children: /* @__PURE__ */ r(s, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
+        children: /* @__PURE__ */ r(l, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
       }
     ) : /* @__PURE__ */ m(
       "div",
@@ -71,10 +71,10 @@ const u = {
                 "inline-flex items-center justify-center rounded-ds-md p-ds-01",
                 o.bgColor
               ),
-              children: /* @__PURE__ */ r(s, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
+              children: /* @__PURE__ */ r(l, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
             }
           ),
-          /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: o.label })
+          /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: o.label })
         ]
       }
     );

package/dist/composed/rich-text-editor.d.ts

@@ -5,7 +5,7 @@ export interface MentionItem {
     label: string;
     avatar?: string;
 }
-export interface RichTextEditorProps {
+export interface RichTextEditorProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange' | 'content'> {
     content?: string;
     placeholder?: string;
     onChange?: (html: string) => void;
@@ -23,11 +23,11 @@ export interface RichTextEditorProps {
     mentions?: MentionItem[];
     /** Async mention search. Takes precedence over static list. */
     onMentionSearch?: (query: string) => Promise<MentionItem[]>;
-    /** Called when a mention is selected */
+    /** Called when a mention is selected from the suggestion dropdown */
     onMentionSelect?: (item: MentionItem) => void;
 }
 declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
-export interface RichTextViewerProps {
+export interface RichTextViewerProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'content'> {
     content: string;
     className?: string;
 }

package/dist/composed/rich-text-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwS9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,wCAAwC;IACxC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FAiOnB,CAAA;AAID,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"rich-text-editor.d.ts","sourceRoot":"","sources":["../../src/composed/rich-text-editor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAwS9B,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAC;IAC9G,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sGAAsG;IACtG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,MAAM,CAAC,CAAA;IAC/C,oGAAoG;IACpG,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IACnF,uCAAuC;IACvC,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,+DAA+D;IAC/D,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,WAAW,EAAE,CAAC,CAAA;IAC3D,qEAAqE;IACrE,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;CAC9C;AAED,QAAA,MAAM,cAAc,4FAwOnB,CAAA;AAID,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IACjG,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAiDnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}