@devalok/shilp-sutra 0.1.0

package/dist/composed/member-picker.js

@@ -0,0 +1,81 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as b } from "../ui/lib/utils.js";
+import { Popover as g, PopoverTrigger as v, PopoverContent as y } from "../ui/popover.js";
+import { Avatar as N, AvatarImage as w, AvatarFallback as k } from "../ui/avatar.js";
+import { IconSearch as C, IconCheck as S } from "@tabler/icons-react";
+import { getInitials as P } from "./lib/string-utils.js";
+const I = r.forwardRef(
+  ({
+    members: c,
+    selectedIds: i,
+    onSelect: d,
+    children: p,
+    multiple: m = !1,
+    placeholder: x = "Search members..."
+  }, f) => {
+    const [h, s] = r.useState(!1), [o, u] = r.useState(""), l = c.filter(
+      (e) => e.name.toLowerCase().includes(o.toLowerCase())
+    );
+    return /* @__PURE__ */ a(g, { open: h, onOpenChange: s, children: [
+      /* @__PURE__ */ t(v, { asChild: !0, children: p }),
+      /* @__PURE__ */ a(
+        y,
+        {
+          ref: f,
+          className: "w-[220px] border-border bg-layer-01 p-0",
+          align: "start",
+          sideOffset: 4,
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center gap-ds-03 border-b border-border px-ds-04 py-ds-03", children: [
+              /* @__PURE__ */ t(C, { className: "h-ico-sm w-ico-sm shrink-0 text-text-placeholder", stroke: 1.5 }),
+              /* @__PURE__ */ t(
+                "input",
+                {
+                  type: "text",
+                  placeholder: x,
+                  value: o,
+                  onChange: (e) => u(e.target.value),
+                  className: "w-full bg-transparent text-ds-md font-body text-text-primary placeholder:text-text-placeholder outline-none"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a("div", { className: "max-h-[200px] overflow-y-auto py-ds-02", children: [
+              l.map((e) => {
+                const n = i.includes(e.id);
+                return /* @__PURE__ */ a(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => {
+                      d(e.id), m || s(!1);
+                    },
+                    className: b(
+                      "flex w-full items-center gap-ds-03 px-ds-04 py-ds-02b text-left transition-colors",
+                      "hover:bg-field",
+                      n && "bg-field"
+                    ),
+                    children: [
+                      /* @__PURE__ */ a(N, { className: "h-ico-md w-ico-md", children: [
+                        e.avatar && /* @__PURE__ */ t(w, { src: e.avatar, alt: e.name }),
+                        /* @__PURE__ */ t(k, { className: "bg-layer-03 text-ds-xs font-semibold text-text-on-color", children: P(e.name) })
+                      ] }),
+                      /* @__PURE__ */ t("span", { className: "flex-1 truncate text-ds-md font-body text-text-primary", children: e.name }),
+                      n && /* @__PURE__ */ t(S, { className: "h-ico-sm w-ico-sm shrink-0 text-interactive" })
+                    ]
+                  },
+                  e.id
+                );
+              }),
+              l.length === 0 && /* @__PURE__ */ t("p", { className: "px-ds-04 py-ds-05 text-center text-ds-sm font-body text-text-placeholder", children: "No members found" })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+);
+I.displayName = "MemberPicker";
+export {
+  I as MemberPicker
+};

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface Breadcrumb {
+    label: string;
+    href?: string;
+}
+export interface PageHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    title: string;
+    subtitle?: string;
+    actions?: React.ReactNode;
+    breadcrumbs?: Breadcrumb[];
+    titleClassName?: string;
+}
+declare const PageHeader: React.ForwardRefExoticComponent<PageHeaderProps & React.RefAttributes<HTMLDivElement>>;
+export { PageHeader };
+//# sourceMappingURL=page-header.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.d.ts","sourceRoot":"","sources":["../../src/composed/page-header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,WAAW,CAAC,EAAE,UAAU,EAAE,CAAA;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,QAAA,MAAM,UAAU,wFAwEf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/composed/page-header.js

@@ -0,0 +1,65 @@
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as s } from "../ui/lib/utils.js";
+import { IconChevronRight as p } from "@tabler/icons-react";
+const f = o.forwardRef(
+  ({ title: i, subtitle: d, actions: c, breadcrumbs: t, titleClassName: x, className: m, ...h }, n) => /* @__PURE__ */ l(
+    "div",
+    {
+      ref: n,
+      className: s(
+        "flex flex-col gap-ds-05 border-b border-border pb-ds-06",
+        m
+      ),
+      ...h,
+      children: [
+        t && t.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Breadcrumb", className: "flex items-center gap-ds-02b", children: t.map((a, r) => /* @__PURE__ */ l(o.Fragment, { children: [
+          r > 0 && /* @__PURE__ */ e(
+            p,
+            {
+              className: "h-ico-sm w-ico-sm text-text-placeholder",
+              stroke: 1.5
+            }
+          ),
+          a.href ? /* @__PURE__ */ e(
+            "a",
+            {
+              href: a.href,
+              className: "text-ds-sm text-text-placeholder transition-colors hover:text-text-secondary",
+              children: a.label
+            }
+          ) : /* @__PURE__ */ e(
+            "span",
+            {
+              className: s(
+                "text-ds-sm",
+                r === t.length - 1 ? "text-text-primary" : "text-text-placeholder"
+              ),
+              children: a.label
+            }
+          )
+        ] }, 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: [
+            /* @__PURE__ */ e(
+              "h1",
+              {
+                className: s(
+                  "text-ds-2xl text-text-primary",
+                  x
+                ),
+                children: i
+              }
+            ),
+            d && /* @__PURE__ */ e("p", { className: "text-ds-md text-text-placeholder", children: d })
+          ] }),
+          c && /* @__PURE__ */ e("div", { className: "flex shrink-0 items-center gap-ds-03", children: c })
+        ] })
+      ]
+    }
+  )
+);
+f.displayName = "PageHeader";
+export {
+  f as PageHeader
+};

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

@@ -0,0 +1,6 @@
+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 { DashboardSkeleton, ProjectListSkeleton, TaskDetailSkeleton, };
+//# sourceMappingURL=page-skeletons.d.ts.map

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

@@ -0,0 +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"}

package/dist/composed/page-skeletons.js

@@ -0,0 +1,128 @@
+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 { cn as d } from "../ui/lib/utils.js";
+const l = "bg-field", h = o.forwardRef(
+  function(n, m) {
+    return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", 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",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(e, { className: d("h-3 w-20", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-ds-sm w-ds-sm rounded-ds-lg", l) })
+            ] }),
+            /* @__PURE__ */ s(e, { className: d("h-ds-xs-plus w-16", l) }),
+            /* @__PURE__ */ s(e, { className: d("h-ds-03 w-28", l) })
+          ]
+        },
+        `stat-${r}`
+      )) }),
+      /* @__PURE__ */ a("div", { className: "rounded-ds-xl border border-border bg-layer-01 p-ds-06", children: [
+        /* @__PURE__ */ a("div", { className: "mb-ds-06 flex items-center justify-between", children: [
+          /* @__PURE__ */ s(e, { className: d("h-5 w-32", 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-4 w-28", l) }),
+            /* @__PURE__ */ s(e, { className: d("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-3 w-8", 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,
+          {
+            className: d("mx-auto h-ds-md w-ds-md rounded-ds-full", l)
+          },
+          `cal-${r}`
+        )) })
+      ] })
+    ] });
+  }
+);
+h.displayName = "DashboardSkeleton";
+const f = o.forwardRef(
+  function(n, m) {
+    return /* @__PURE__ */ a("div", { ref: m, className: "flex flex-col gap-ds-06", 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-6 w-28", l) }),
+          /* @__PURE__ */ s(e, { className: d("h-ds-04 w-40", l) })
+        ] }),
+        /* @__PURE__ */ s(e, { className: d("h-ds-sm-plus w-32 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-16 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",
+          children: [
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ s(e, { className: d("h-5 w-16 rounded-ds-full", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-4 w-20 rounded-ds-md", l) })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex flex-col gap-ds-03", children: [
+              /* @__PURE__ */ s(e, { className: d("h-4 w-3/4", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-3 w-full", l) }),
+              /* @__PURE__ */ s(e, { className: d("h-3 w-2/3", l) })
+            ] }),
+            /* @__PURE__ */ a("div", { className: "flex items-center justify-between pt-ds-02", children: [
+              /* @__PURE__ */ s("div", { className: "flex -space-x-ds-03", children: Array.from({ length: 3 }).map((N, t) => /* @__PURE__ */ s(
+                e,
+                {
+                  className: d("h-ds-xs-plus w-ds-xs-plus rounded-ds-full", l)
+                },
+                `av-${r}-${t}`
+              )) }),
+              /* @__PURE__ */ s(e, { className: d("h-ds-04 w-ds-md", l) })
+            ] })
+          ]
+        },
+        `proj-${r}`
+      )) })
+    ] });
+  }
+);
+f.displayName = "ProjectListSkeleton";
+const p = o.forwardRef(
+  function(n, 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-5 w-48", 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("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(
+        "div",
+        {
+          className: "flex items-center gap-ds-05 py-ds-03",
+          children: [
+            /* @__PURE__ */ s(e, { className: d("h-3 w-24 shrink-0", l) }),
+            /* @__PURE__ */ s(e, { className: d("h-6 w-32 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-4 w-16", 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-3 w-full", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-3 w-4/5", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-3 w-3/5", l) }),
+        /* @__PURE__ */ s(e, { className: d("mt-ds-03 h-3 w-full", l) }),
+        /* @__PURE__ */ s(e, { className: d("h-3 w-2/3", l) })
+      ] })
+    ] });
+  }
+);
+p.displayName = "TaskDetailSkeleton";
+export {
+  h as DashboardSkeleton,
+  f as ProjectListSkeleton,
+  p as TaskDetailSkeleton
+};

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

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+export type Priority = '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> {
+    priority: Priority;
+}
+declare const PriorityIndicator: React.ForwardRefExoticComponent<PriorityIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+export { PriorityIndicator };
+//# sourceMappingURL=priority-indicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"priority-indicator.d.ts","sourceRoot":"","sources":["../../src/composed/priority-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAUjE,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAA;AAgC3D,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,+FA0CtB,CAAA;AAGD,OAAO,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/composed/priority-indicator.js

@@ -0,0 +1,86 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import * as m from "react";
+import { cva as d } from "class-variance-authority";
+import { cn as e } from "../ui/lib/utils.js";
+import { IconAlertTriangle as f, IconArrowUp as g, IconMinus as b, IconArrowDown as x } from "@tabler/icons-react";
+const p = {
+  LOW: {
+    icon: x,
+    color: "text-category-slate-text",
+    bgColor: "bg-category-slate-surface",
+    label: "Low"
+  },
+  MEDIUM: {
+    icon: b,
+    color: "text-warning-text",
+    bgColor: "bg-warning-surface",
+    label: "Medium"
+  },
+  HIGH: {
+    icon: g,
+    color: "text-error-text",
+    bgColor: "bg-error-surface",
+    label: "High"
+  },
+  URGENT: {
+    icon: f,
+    color: "text-error-text",
+    bgColor: "bg-error-surface",
+    label: "Urgent"
+  }
+}, u = d(
+  "inline-flex items-center gap-ds-02b font-body",
+  {
+    variants: {
+      display: {
+        compact: "",
+        full: ""
+      }
+    },
+    defaultVariants: {
+      display: "full"
+    }
+  }
+), y = m.forwardRef(
+  ({ priority: s, display: t, className: i, ...c }, n) => {
+    const o = p[s], l = o.icon;
+    return t === "compact" ? /* @__PURE__ */ r(
+      "div",
+      {
+        ref: n,
+        className: e(
+          "inline-flex items-center justify-center rounded-ds-md p-ds-02",
+          o.bgColor,
+          i
+        ),
+        title: o.label,
+        ...c,
+        children: /* @__PURE__ */ r(l, { className: e("h-ico-sm w-ico-sm", o.color), stroke: 2 })
+      }
+    ) : /* @__PURE__ */ a(
+      "div",
+      {
+        ref: n,
+        className: e(u({ display: t }), i),
+        ...c,
+        children: [
+          /* @__PURE__ */ r(
+            "div",
+            {
+              className: e(
+                "inline-flex items-center justify-center rounded-ds-md p-ds-01",
+                o.bgColor
+              ),
+              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 })
+        ]
+      }
+    );
+  }
+);
+y.displayName = "PriorityIndicator";
+export {
+  y as PriorityIndicator
+};

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface RichTextEditorProps {
+    content?: string;
+    placeholder?: string;
+    onChange?: (html: string) => void;
+    className?: string;
+    editable?: boolean;
+}
+declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
+export interface RichTextViewerProps {
+    content: string;
+    className?: string;
+}
+declare const RichTextViewer: React.ForwardRefExoticComponent<RichTextViewerProps & React.RefAttributes<HTMLDivElement>>;
+export { RichTextEditor, RichTextViewer };
+//# sourceMappingURL=rich-text-editor.d.ts.map

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

@@ -0,0 +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;AAqJ9B,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;CACnB;AAED,QAAA,MAAM,cAAc,4FA2DnB,CAAA;AAID,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,cAAc,4FAoCnB,CAAA;AAID,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,CAAA"}

package/dist/composed/rich-text-editor.js

@@ -0,0 +1,222 @@
+import { jsxs as a, jsx as e } from "react/jsx-runtime";
+import * as m from "react";
+import { useEditor as h, EditorContent as x } from "@tiptap/react";
+import u from "@tiptap/starter-kit";
+import f from "@tiptap/extension-placeholder";
+import { cn as l } from "../ui/lib/utils.js";
+import { IconBold as _, IconItalic as g, IconStrikethrough as v, IconH2 as y, IconH3 as k, IconList as w, IconListNumbers as N, IconCode as A, IconArrowBackUp as I, IconArrowForwardUp as C } from "@tabler/icons-react";
+function s({
+  onClick: t,
+  isActive: r = !1,
+  disabled: c = !1,
+  title: o,
+  children: i
+}) {
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      type: "button",
+      onClick: t,
+      disabled: c,
+      title: o,
+      className: l(
+        "inline-flex h-ds-xs-plus w-ds-xs-plus items-center justify-center rounded-ds-md transition-colors",
+        "hover:bg-field",
+        "disabled:pointer-events-none disabled:opacity-[0.38]",
+        r ? "bg-field text-interactive" : "text-text-placeholder"
+      ),
+      children: i
+    }
+  );
+}
+function R({ editor: t }) {
+  return /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center gap-ds-01 border-b border-border px-ds-04 py-ds-02b", children: [
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleBold().run(),
+        isActive: t.isActive("bold"),
+        title: "Bold",
+        children: /* @__PURE__ */ e(_, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleItalic().run(),
+        isActive: t.isActive("italic"),
+        title: "Italic",
+        children: /* @__PURE__ */ e(g, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleStrike().run(),
+        isActive: t.isActive("strike"),
+        title: "Strikethrough",
+        children: /* @__PURE__ */ e(v, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "mx-ds-02 h-4 w-px bg-border" }),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
+        isActive: t.isActive("heading", { level: 2 }),
+        title: "Heading 2",
+        children: /* @__PURE__ */ e(y, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
+        isActive: t.isActive("heading", { level: 3 }),
+        title: "Heading 3",
+        children: /* @__PURE__ */ e(k, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "mx-ds-02 h-4 w-px bg-border" }),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleBulletList().run(),
+        isActive: t.isActive("bulletList"),
+        title: "Bullet list",
+        children: /* @__PURE__ */ e(w, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleOrderedList().run(),
+        isActive: t.isActive("orderedList"),
+        title: "Ordered list",
+        children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().toggleCodeBlock().run(),
+        isActive: t.isActive("codeBlock"),
+        title: "Code block",
+        children: /* @__PURE__ */ e(A, { className: "h-ico-sm w-ico-sm", stroke: 2.5 })
+      }
+    ),
+    /* @__PURE__ */ e("div", { className: "mx-ds-02 h-4 w-px bg-border" }),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().undo().run(),
+        disabled: !t.can().undo(),
+        title: "Undo",
+        children: /* @__PURE__ */ e(I, { className: "h-ico-sm w-ico-sm", stroke: 2 })
+      }
+    ),
+    /* @__PURE__ */ e(
+      s,
+      {
+        onClick: () => t.chain().focus().redo().run(),
+        disabled: !t.can().redo(),
+        title: "Redo",
+        children: /* @__PURE__ */ e(C, { className: "h-ico-sm w-ico-sm", stroke: 2 })
+      }
+    )
+  ] });
+}
+const B = m.forwardRef(
+  function({
+    content: r = "",
+    placeholder: c = "Start writing...",
+    onChange: o,
+    className: i,
+    editable: n = !0
+  }, p) {
+    const d = h({
+      extensions: [
+        u.configure({
+          heading: { levels: [2, 3] }
+        }),
+        f.configure({
+          placeholder: c,
+          emptyEditorClass: "before:content-[attr(data-placeholder)] before:text-text-placeholder before:float-left before:h-0 before:pointer-events-none"
+        })
+      ],
+      content: r,
+      editable: n,
+      editorProps: {
+        attributes: {
+          class: l(
+            "prose prose-sm max-w-none focus:outline-none",
+            "min-h-[120px] px-ds-04 py-ds-04",
+            "font-body text-ds-md leading-relaxed text-text-primary",
+            "[&_h2]:text-ds-xl [&_h2]:mb-ds-03 [&_h2]:mt-ds-05 [&_h2]:text-text-primary",
+            "[&_h3]:text-ds-base [&_h3]:font-semibold [&_h3]:mb-ds-02b [&_h3]:mt-ds-04 [&_h3]:text-text-primary",
+            "[&_p]:mb-ds-02b [&_p]:text-text-secondary",
+            "[&_ul]:ml-ds-05 [&_ul]:list-disc [&_ol]:ml-ds-05 [&_ol]:list-decimal",
+            "[&_li]:text-text-secondary",
+            "[&_code]:rounded [&_code]:bg-layer-02 [&_code]:px-ds-02b [&_code]:py-ds-01 [&_code]:text-ds-md [&_code]:text-interactive",
+            "[&_pre]:rounded-ds-lg [&_pre]:bg-layer-02 [&_pre]:p-ds-04",
+            "[&_strong]:font-semibold [&_strong]:text-text-primary"
+          )
+        }
+      },
+      onUpdate: ({ editor: b }) => {
+        o == null || o(b.getHTML());
+      }
+    });
+    return d ? /* @__PURE__ */ a(
+      "div",
+      {
+        ref: p,
+        className: l(
+          "overflow-hidden rounded-ds-lg border border-border bg-layer-01",
+          "transition-colors focus-within:border-border-strong",
+          i
+        ),
+        children: [
+          n && /* @__PURE__ */ e(R, { editor: d }),
+          /* @__PURE__ */ e(x, { editor: d })
+        ]
+      }
+    ) : null;
+  }
+);
+B.displayName = "RichTextEditor";
+const T = m.forwardRef(
+  function({ content: r, className: c }, o) {
+    const i = h({
+      extensions: [
+        u.configure({
+          heading: { levels: [2, 3] }
+        })
+      ],
+      content: r,
+      editable: !1,
+      editorProps: {
+        attributes: {
+          class: l(
+            "prose prose-sm max-w-none",
+            "font-body text-ds-md leading-relaxed text-text-primary",
+            "[&_h2]:text-ds-xl [&_h2]:mb-ds-03 [&_h2]:mt-ds-05 [&_h2]:text-text-primary",
+            "[&_h3]:text-ds-base [&_h3]:font-semibold [&_h3]:mb-ds-02b [&_h3]:mt-ds-04 [&_h3]:text-text-primary",
+            "[&_p]:mb-ds-02b [&_p]:text-text-secondary",
+            "[&_ul]:ml-ds-05 [&_ul]:list-disc [&_ol]:ml-ds-05 [&_ol]:list-decimal",
+            "[&_li]:text-text-secondary",
+            "[&_code]:rounded [&_code]:bg-layer-02 [&_code]:px-ds-02b [&_code]:py-ds-01 [&_code]:text-ds-md [&_code]:text-interactive",
+            "[&_pre]:rounded-ds-lg [&_pre]:bg-layer-02 [&_pre]:p-ds-04",
+            "[&_strong]:font-semibold [&_strong]:text-text-primary"
+          )
+        }
+      }
+    });
+    return i ? /* @__PURE__ */ e("div", { ref: o, className: c, children: /* @__PURE__ */ e(x, { editor: i }) }) : null;
+  }
+);
+T.displayName = "RichTextViewer";
+export {
+  B as RichTextEditor,
+  T as RichTextViewer
+};

package/dist/composed/status-badge.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const statusBadgeVariants: (props?: ({
+    status?: "active" | "completed" | "pending" | "approved" | "rejected" | "blocked" | "cancelled" | "draft" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface StatusBadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, VariantProps<typeof statusBadgeVariants> {
+    label?: string;
+    hideDot?: boolean;
+}
+declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { StatusBadge, statusBadgeVariants };
+//# sourceMappingURL=status-badge.d.ts.map