@gabvdl/ui 0.0.14

package/dist/components/resizable-layout/resizable-layout.d.ts

@@ -0,0 +1,113 @@
+import { ReactNode } from 'react';
+export type DrawerSide = 'left' | 'right' | 'top' | 'bottom';
+/**
+ * How a side behaves below the desktop breakpoint.
+ *
+ * - `'drawer'` — a fixed slide-in overlay with a backdrop. It **takes focus**:
+ *   the center is dimmed and inert until the drawer is dismissed. Right for
+ *   navigation and detail views the user opens, reads, then closes.
+ * - `'panel'` — stays in the layout flow and **splits the screen** with the
+ *   center. No backdrop, no focus steal: the panel and the center are usable at
+ *   the same time. Right for a composer or toolbar that has to stay reachable.
+ */
+export type MobileMode = 'drawer' | 'panel';
+/** Per-drawer configuration. `content` is the whole drawer body (header + list). */
+export interface ResizableDrawerConfig {
+    /** The drawer's content — including its own header row, if any. */
+    content: ReactNode;
+    /** Desktop start size, as a percentage of its axis (0–100). */
+    defaultSize?: number;
+    /** Desktop minimum size before it snaps closed, as a percentage. */
+    minSize?: number;
+    /** Desktop maximum size, as a percentage. */
+    maxSize?: number;
+    /**
+     * Mobile behaviour: a focus-taking `'drawer'` overlay, or an always-visible
+     * split-screen `'panel'`. @default 'drawer'
+     */
+    mobileMode?: MobileMode;
+    /**
+     * Mobile width, for `left`/`right` sides. A number is treated as pixels, a
+     * string is used verbatim (`'85%'`, `'320px'`, or `'auto'` in `'panel'` mode
+     * to hug the content). Defaults to `'85%'`.
+     */
+    mobileWidth?: string | number;
+    /**
+     * Mobile height, for `top`/`bottom` sides. A number is treated as pixels, a
+     * string is used verbatim (`'auto'` in `'panel'` mode hugs the content).
+     * Defaults to `'45%'`.
+     */
+    mobileHeight?: string | number;
+    /**
+     * `'panel'` mode only: the size the panel keeps while closed, so it can leave
+     * a tappable strip (a header, a collapsed composer bar) behind instead of
+     * vanishing with no way back. Number = px, string = verbatim. @default 0
+     */
+    mobileCollapsedSize?: string | number;
+    /** Extra classes on the drawer surface (desktop panel + mobile overlay). */
+    className?: string;
+    /** `'drawer'` mode only: swipe in-axis on the drawer to close it. Default true. */
+    swipeToClose?: boolean;
+    /** `'drawer'` mode only: off-screen edge zone that opens it on an inward swipe. Default false. */
+    edgeSwipeToOpen?: boolean;
+}
+export interface ResizableLayoutHandle {
+    collapse(side: DrawerSide): void;
+    expand(side: DrawerSide): void;
+    toggle(side: DrawerSide): void;
+    isCollapsed(side: DrawerSide): boolean;
+}
+export interface ResizableLayoutProps {
+    left?: ResizableDrawerConfig;
+    right?: ResizableDrawerConfig;
+    top?: ResizableDrawerConfig;
+    bottom?: ResizableDrawerConfig;
+    /** Controlled open state of the left drawer (collapse on desktop, overlay on mobile). */
+    leftOpen?: boolean;
+    onLeftOpenChange?: (open: boolean) => void;
+    rightOpen?: boolean;
+    onRightOpenChange?: (open: boolean) => void;
+    topOpen?: boolean;
+    onTopOpenChange?: (open: boolean) => void;
+    bottomOpen?: boolean;
+    onBottomOpenChange?: (open: boolean) => void;
+    /** The scrollable center. Give its inner scroll region `min-h-0 flex-1 overflow-y-auto`. */
+    children: ReactNode;
+    className?: string;
+    /** Persist desktop panel sizes under this key (react-resizable-panels autoSaveId). */
+    autoSaveId?: string;
+    /** Render a collapse/expand toggle on each resize handle (desktop). Default true. */
+    showCollapseButtons?: boolean;
+    /** Breakpoint (px) at/above which the desktop resizable layout is used. Default 768. */
+    desktopBreakpoint?: number;
+}
+/**
+ * A four-slot application layout — left/right/top/bottom drawers around a
+ * scrollable center — that adapts to the viewport:
+ *
+ * - **Desktop** (≥ `desktopBreakpoint`): the drawers are real shadcn-style
+ *   resizable panels (react-resizable-panels). Each can be dragged between
+ *   `minSize`/`maxSize`, collapsed completely (to zero) via the handle button
+ *   or the imperative ref, and its size is persisted with `autoSaveId`.
+ * - **Mobile**: each side picks its own behaviour via `mobileMode`:
+ *   - `'drawer'` (default) — a fixed, swipeable overlay with a backdrop, like a
+ *     native slide-in sheet. It takes focus: the center is dimmed and inert.
+ *   - `'panel'` — stays in the flow and splits the screen with the center, which
+ *     stays fully usable. Use it for anything the user must be able to reach
+ *     without dismissing something first (a composer, a toolbar); a `'drawer'`
+ *     with no on-screen trigger is a drawer the user cannot re-open.
+ *
+ *   Both are sized per side with `mobileWidth`/`mobileHeight` (a `'panel'` may
+ *   also use `'auto'` to hug its content, and `mobileCollapsedSize` to keep a
+ *   tappable strip visible while closed).
+ *
+ * The center is always a `min-h-0` flex column, so a child with
+ * `min-h-0 flex-1 overflow-y-auto` scrolls correctly in both modes — no more
+ * "stuck" content.
+ *
+ * `open` state is controlled per side (`leftOpen`/`onLeftOpenChange`, …). On
+ * desktop that maps to collapsed/expanded; on mobile to the slide-in overlay.
+ * The imperative handle exposes `collapse`/`expand`/`toggle`/`isCollapsed`.
+ */
+export declare const ResizableLayout: import('react').ForwardRefExoticComponent<ResizableLayoutProps & import('react').RefAttributes<ResizableLayoutHandle>>;
+//# sourceMappingURL=resizable-layout.d.ts.map

package/dist/components/resizable-layout/resizable-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-layout.d.ts","sourceRoot":"","sources":["../../../src/components/resizable-layout/resizable-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,SAAS,EAEf,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE7D;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,OAAO,CAAC;AAK5C,oFAAoF;AACpF,MAAM,WAAW,qBAAqB;IACpC,mEAAmE;IACnE,OAAO,EAAE,SAAS,CAAC;IACnB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mFAAmF;IACnF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kGAAkG;IAClG,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,MAAM,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;CACxC;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,GAAG,CAAC,EAAE,qBAAqB,CAAC;IAC5B,MAAM,CAAC,EAAE,qBAAqB,CAAC;IAC/B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,4FAA4F;IAC5F,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qFAAqF;IACrF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,wFAAwF;IACxF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAkCD;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,eAAe,wHA4P3B,CAAC"}

package/dist/components/resizable-layout/resizable-layout.js

@@ -0,0 +1,398 @@
+import { jsxs as x, jsx as n, Fragment as y } from "react/jsx-runtime";
+import { forwardRef as K, useRef as g, useCallback as Q, useEffect as X, useImperativeHandle as V, useState as O } from "react";
+import { ChevronDown as q, ChevronUp as F, ChevronRight as G, ChevronLeft as A } from "lucide-react";
+import { PanelGroup as U, Panel as S, PanelResizeHandle as ee } from "react-resizable-panels";
+import { cn as a } from "../../lib/utils.js";
+const te = /* @__PURE__ */ new Set(["left", "right"]), N = (e) => te.has(e);
+function oe(e) {
+  const t = `(min-width: ${e}px)`, [r, i] = O(
+    () => typeof window < "u" ? window.matchMedia(t).matches : !0
+  );
+  return X(() => {
+    if (typeof window > "u") return;
+    const l = window.matchMedia(t), s = () => i(l.matches);
+    return s(), l.addEventListener("change", s), () => l.removeEventListener("change", s);
+  }, [t]), r;
+}
+const H = (e) => typeof e == "number" ? `${e}px` : e;
+function Y(e, t) {
+  return N(e) ? H(t.mobileWidth ?? "85%") : H(t.mobileHeight ?? "45%");
+}
+function re(e, t) {
+  const r = Y(e, t);
+  return N(e) ? { width: r, maxWidth: "100%" } : { height: r, maxHeight: "100%" };
+}
+const fe = K(
+  function({
+    left: t,
+    right: r,
+    top: i,
+    bottom: l,
+    leftOpen: s = !0,
+    onLeftOpenChange: p,
+    rightOpen: m = !0,
+    onRightOpenChange: z,
+    topOpen: c = !0,
+    onTopOpenChange: b,
+    bottomOpen: w = !0,
+    onBottomOpenChange: I,
+    children: R,
+    className: P,
+    autoSaveId: C,
+    showCollapseButtons: E = !0,
+    desktopBreakpoint: Z = 768
+  }, _) {
+    const v = oe(Z), k = g(null), L = g(null), D = g(null), W = g(null), M = { left: s, right: m, top: c, bottom: w }, j = { left: k, right: L, top: D, bottom: W }, B = { left: t, right: r, top: i, bottom: l }, d = Q(
+      (f, u) => {
+        var o, h;
+        (h = (o = {
+          left: p,
+          right: z,
+          top: b,
+          bottom: I
+        })[f]) == null || h.call(o, u);
+      },
+      [p, z, b, I]
+    );
+    if (X(() => {
+      ["left", "right", "top", "bottom"].forEach((f) => {
+        const u = j[f].current;
+        if (!v || !u || !B[f]) return;
+        const o = M[f];
+        o && u.isCollapsed() ? u.expand() : !o && u.isExpanded() && u.collapse();
+      });
+    }, [v, t, r, i, l, s, m, c, w]), V(
+      _,
+      () => {
+        const f = (o) => j[o].current, u = (o) => {
+          var h;
+          return v ? ((h = f(o)) == null ? void 0 : h.isCollapsed()) ?? !0 : !M[o];
+        };
+        return {
+          collapse: (o) => {
+            var h;
+            (h = f(o)) == null || h.collapse(), d(o, !1);
+          },
+          expand: (o) => {
+            var h;
+            (h = f(o)) == null || h.expand(), d(o, !0);
+          },
+          toggle: (o) => d(o, u(o)),
+          isCollapsed: u
+        };
+      },
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+      [v, s, m, c, w, d]
+    ), !v) {
+      const f = (u) => {
+        const o = B[u];
+        if (!o) return null;
+        const h = {
+          side: u,
+          config: o,
+          open: M[u],
+          onOpenChange: (J) => d(u, J)
+        };
+        return (o.mobileMode ?? "drawer") === "panel" ? /* @__PURE__ */ n(le, { ...h }) : /* @__PURE__ */ n(ne, { ...h });
+      };
+      return /* @__PURE__ */ x("div", { className: a("relative flex h-full w-full min-h-0 flex-col overflow-hidden", P), children: [
+        f("top"),
+        /* @__PURE__ */ x("div", { className: "relative flex min-h-0 min-w-0 flex-1 overflow-hidden", children: [
+          f("left"),
+          /* @__PURE__ */ n("div", { className: "relative grid min-h-0 min-w-0 flex-1 grid-cols-1 grid-rows-1 overflow-hidden", children: R }),
+          f("right")
+        ] }),
+        f("bottom")
+      ] });
+    }
+    const $ = /* @__PURE__ */ x(
+      U,
+      {
+        direction: "horizontal",
+        autoSaveId: C,
+        className: "h-full w-full min-h-0",
+        children: [
+          t && /* @__PURE__ */ x(y, { children: [
+            /* @__PURE__ */ n(
+              S,
+              {
+                ref: k,
+                order: 1,
+                collapsible: !0,
+                collapsedSize: 0,
+                defaultSize: s ? t.defaultSize ?? 20 : 0,
+                minSize: t.minSize ?? 12,
+                maxSize: t.maxSize ?? 40,
+                onCollapse: () => d("left", !1),
+                onExpand: () => d("left", !0),
+                className: a("flex min-h-0 flex-col overflow-hidden", t.className),
+                children: t.content
+              }
+            ),
+            /* @__PURE__ */ n(
+              T,
+              {
+                side: "left",
+                showButton: E,
+                onToggle: () => d("left", !s),
+                open: s
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(
+            S,
+            {
+              order: 2,
+              minSize: 30,
+              className: "relative grid min-h-0 min-w-0 grid-cols-1 grid-rows-1 overflow-hidden",
+              children: R
+            }
+          ),
+          r && /* @__PURE__ */ x(y, { children: [
+            /* @__PURE__ */ n(
+              T,
+              {
+                side: "right",
+                showButton: E,
+                onToggle: () => d("right", !m),
+                open: m
+              }
+            ),
+            /* @__PURE__ */ n(
+              S,
+              {
+                ref: L,
+                order: 3,
+                collapsible: !0,
+                collapsedSize: 0,
+                defaultSize: m ? r.defaultSize ?? 22 : 0,
+                minSize: r.minSize ?? 12,
+                maxSize: r.maxSize ?? 45,
+                onCollapse: () => d("right", !1),
+                onExpand: () => d("right", !0),
+                className: a("flex min-h-0 flex-col overflow-hidden", r.className),
+                children: r.content
+              }
+            )
+          ] })
+        ]
+      }
+    );
+    return !i && !l ? /* @__PURE__ */ n("div", { className: a("h-full w-full min-h-0", P), children: $ }) : /* @__PURE__ */ x(
+      U,
+      {
+        direction: "vertical",
+        autoSaveId: C ? `${C}:vertical` : void 0,
+        className: a("h-full w-full min-h-0", P),
+        children: [
+          i && /* @__PURE__ */ x(y, { children: [
+            /* @__PURE__ */ n(
+              S,
+              {
+                ref: D,
+                order: 1,
+                collapsible: !0,
+                collapsedSize: 0,
+                defaultSize: c ? i.defaultSize ?? 30 : 0,
+                minSize: i.minSize ?? 12,
+                maxSize: i.maxSize ?? 60,
+                onCollapse: () => d("top", !1),
+                onExpand: () => d("top", !0),
+                className: a("flex min-h-0 flex-col overflow-hidden", i.className),
+                children: i.content
+              }
+            ),
+            /* @__PURE__ */ n(
+              T,
+              {
+                side: "top",
+                showButton: E,
+                onToggle: () => d("top", !c),
+                open: c
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(S, { order: 2, minSize: 20, className: "relative min-h-0 w-full overflow-hidden", children: $ }),
+          l && /* @__PURE__ */ x(y, { children: [
+            /* @__PURE__ */ n(
+              T,
+              {
+                side: "bottom",
+                showButton: E,
+                onToggle: () => d("bottom", !w),
+                open: w
+              }
+            ),
+            /* @__PURE__ */ n(
+              S,
+              {
+                ref: W,
+                order: 3,
+                collapsible: !0,
+                collapsedSize: 0,
+                defaultSize: w ? l.defaultSize ?? 30 : 0,
+                minSize: l.minSize ?? 12,
+                maxSize: l.maxSize ?? 60,
+                onCollapse: () => d("bottom", !1),
+                onExpand: () => d("bottom", !0),
+                className: a("flex min-h-0 flex-col overflow-hidden", l.className),
+                children: l.content
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+function T({
+  side: e,
+  showButton: t,
+  onToggle: r,
+  open: i
+}) {
+  const p = i ? {
+    left: A,
+    right: G,
+    top: F,
+    bottom: q
+  }[e] : {
+    left: G,
+    right: A,
+    top: q,
+    bottom: F
+  }[e], m = N(e);
+  return /* @__PURE__ */ x(
+    ee,
+    {
+      className: a(
+        "group relative bg-border transition-colors hover:bg-primary/50 data-[resize-handle-state=drag]:bg-primary",
+        m ? "w-px" : "h-px"
+      ),
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: a(
+              "absolute z-10",
+              m ? "inset-y-0 -left-1 -right-1" : "inset-x-0 -top-1 -bottom-1"
+            )
+          }
+        ),
+        t && /* @__PURE__ */ n(
+          "button",
+          {
+            type: "button",
+            onClick: (z) => {
+              z.stopPropagation(), r();
+            },
+            title: i ? "Collapse" : "Expand",
+            className: a(
+              "absolute z-20 flex items-center justify-center rounded-sm border border-border bg-card text-muted-foreground opacity-0 shadow-sm transition-opacity hover:text-foreground group-hover:opacity-100",
+              m ? a("top-1/2 h-8 w-4 -translate-y-1/2", e === "left" ? "-left-2" : "-right-2") : a("left-1/2 h-4 w-8 -translate-x-1/2", e === "top" ? "-top-2" : "-bottom-2")
+            ),
+            children: /* @__PURE__ */ n(p, { className: "h-3.5 w-3.5" })
+          }
+        )
+      ]
+    }
+  );
+}
+function le({
+  side: e,
+  config: t,
+  open: r
+}) {
+  const i = N(e), l = r ? Y(e, t) : H(t.mobileCollapsedSize ?? 0);
+  return /* @__PURE__ */ n(
+    "aside",
+    {
+      style: i ? { width: l, maxWidth: "100%" } : { height: l, maxHeight: "100%" },
+      className: a(
+        "relative flex shrink-0 flex-col overflow-hidden bg-card transition-[width,height] duration-200",
+        e === "left" && "border-r border-border",
+        e === "right" && "border-l border-border",
+        e === "top" && "border-b border-border",
+        e === "bottom" && "border-t border-border",
+        t.className
+      ),
+      children: t.content
+    }
+  );
+}
+function ne({
+  side: e,
+  config: t,
+  open: r,
+  onOpenChange: i
+}) {
+  const l = N(e), s = g(null), p = g(null), m = t.swipeToClose ?? !0, z = (c) => l ? c.touches[0].clientX : c.touches[0].clientY;
+  return /* @__PURE__ */ x(y, { children: [
+    /* @__PURE__ */ n(
+      "div",
+      {
+        onClick: () => i(!1),
+        className: a(
+          "fixed inset-0 z-30 bg-black/50 transition-opacity",
+          r ? "opacity-100" : "pointer-events-none opacity-0"
+        )
+      }
+    ),
+    t.edgeSwipeToOpen && !r && /* @__PURE__ */ n(
+      "div",
+      {
+        className: a(
+          "fixed z-20",
+          l ? a("inset-y-0 w-4", e === "left" ? "left-0" : "right-0") : a("inset-x-0 h-4", e === "top" ? "top-0" : "bottom-0")
+        ),
+        onTouchStart: (c) => p.current = z(c),
+        onTouchMove: (c) => {
+          if (p.current === null) return;
+          const b = z(c) - p.current;
+          (e === "left" && b > 50 || e === "right" && b < -50 || e === "top" && b > 50 || e === "bottom" && b < -50) && (i(!0), p.current = null);
+        },
+        onTouchEnd: () => p.current = null
+      }
+    ),
+    /* @__PURE__ */ n(
+      "aside",
+      {
+        style: re(e, t),
+        onTouchStart: (c) => m && (s.current = z(c)),
+        onTouchMove: (c) => {
+          if (!m || s.current === null) return;
+          const b = z(c) - s.current;
+          (e === "left" && b < -60 || e === "right" && b > 60 || e === "top" && b < -60 || e === "bottom" && b > 60) && (i(!1), s.current = null);
+        },
+        onTouchEnd: () => s.current = null,
+        className: a(
+          "fixed z-40 flex flex-col bg-card transition-transform duration-200",
+          l ? "inset-y-0" : "inset-x-0",
+          e === "left" && "left-0 border-r border-border",
+          e === "right" && "right-0 border-l border-border",
+          e === "top" && "top-0 border-b border-border",
+          e === "bottom" && "bottom-0 border-t border-border",
+          r ? "translate-x-0 translate-y-0" : a(ie(e), "pointer-events-none"),
+          t.className
+        ),
+        children: t.content
+      }
+    )
+  ] });
+}
+function ie(e) {
+  switch (e) {
+    case "left":
+      return "-translate-x-full";
+    case "right":
+      return "translate-x-full";
+    case "top":
+      return "-translate-y-full";
+    case "bottom":
+      return "translate-y-full";
+  }
+}
+export {
+  fe as ResizableLayout
+};
+//# sourceMappingURL=resizable-layout.js.map

package/dist/components/resizable-layout/resizable-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable-layout.js","sources":["../../../src/components/resizable-layout/resizable-layout.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  useState,\n  type CSSProperties,\n  type ReactNode,\n  type TouchEvent,\n} from 'react';\nimport { ChevronDown, ChevronLeft, ChevronRight, ChevronUp } from 'lucide-react';\nimport {\n  Panel,\n  PanelGroup,\n  PanelResizeHandle,\n  type ImperativePanelHandle,\n} from 'react-resizable-panels';\n\nimport { cn } from '../../lib/utils';\n\nexport type DrawerSide = 'left' | 'right' | 'top' | 'bottom';\n\n/**\n * How a side behaves below the desktop breakpoint.\n *\n * - `'drawer'` — a fixed slide-in overlay with a backdrop. It **takes focus**:\n *   the center is dimmed and inert until the drawer is dismissed. Right for\n *   navigation and detail views the user opens, reads, then closes.\n * - `'panel'` — stays in the layout flow and **splits the screen** with the\n *   center. No backdrop, no focus steal: the panel and the center are usable at\n *   the same time. Right for a composer or toolbar that has to stay reachable.\n */\nexport type MobileMode = 'drawer' | 'panel';\n\nconst HORIZONTAL_SIDES = new Set<DrawerSide>(['left', 'right']);\nconst isHorizontal = (side: DrawerSide) => HORIZONTAL_SIDES.has(side);\n\n/** Per-drawer configuration. `content` is the whole drawer body (header + list). */\nexport interface ResizableDrawerConfig {\n  /** The drawer's content — including its own header row, if any. */\n  content: ReactNode;\n  /** Desktop start size, as a percentage of its axis (0–100). */\n  defaultSize?: number;\n  /** Desktop minimum size before it snaps closed, as a percentage. */\n  minSize?: number;\n  /** Desktop maximum size, as a percentage. */\n  maxSize?: number;\n  /**\n   * Mobile behaviour: a focus-taking `'drawer'` overlay, or an always-visible\n   * split-screen `'panel'`. @default 'drawer'\n   */\n  mobileMode?: MobileMode;\n  /**\n   * Mobile width, for `left`/`right` sides. A number is treated as pixels, a\n   * string is used verbatim (`'85%'`, `'320px'`, or `'auto'` in `'panel'` mode\n   * to hug the content). Defaults to `'85%'`.\n   */\n  mobileWidth?: string | number;\n  /**\n   * Mobile height, for `top`/`bottom` sides. A number is treated as pixels, a\n   * string is used verbatim (`'auto'` in `'panel'` mode hugs the content).\n   * Defaults to `'45%'`.\n   */\n  mobileHeight?: string | number;\n  /**\n   * `'panel'` mode only: the size the panel keeps while closed, so it can leave\n   * a tappable strip (a header, a collapsed composer bar) behind instead of\n   * vanishing with no way back. Number = px, string = verbatim. @default 0\n   */\n  mobileCollapsedSize?: string | number;\n  /** Extra classes on the drawer surface (desktop panel + mobile overlay). */\n  className?: string;\n  /** `'drawer'` mode only: swipe in-axis on the drawer to close it. Default true. */\n  swipeToClose?: boolean;\n  /** `'drawer'` mode only: off-screen edge zone that opens it on an inward swipe. Default false. */\n  edgeSwipeToOpen?: boolean;\n}\n\nexport interface ResizableLayoutHandle {\n  collapse(side: DrawerSide): void;\n  expand(side: DrawerSide): void;\n  toggle(side: DrawerSide): void;\n  isCollapsed(side: DrawerSide): boolean;\n}\n\nexport interface ResizableLayoutProps {\n  left?: ResizableDrawerConfig;\n  right?: ResizableDrawerConfig;\n  top?: ResizableDrawerConfig;\n  bottom?: ResizableDrawerConfig;\n  /** Controlled open state of the left drawer (collapse on desktop, overlay on mobile). */\n  leftOpen?: boolean;\n  onLeftOpenChange?: (open: boolean) => void;\n  rightOpen?: boolean;\n  onRightOpenChange?: (open: boolean) => void;\n  topOpen?: boolean;\n  onTopOpenChange?: (open: boolean) => void;\n  bottomOpen?: boolean;\n  onBottomOpenChange?: (open: boolean) => void;\n  /** The scrollable center. Give its inner scroll region `min-h-0 flex-1 overflow-y-auto`. */\n  children: ReactNode;\n  className?: string;\n  /** Persist desktop panel sizes under this key (react-resizable-panels autoSaveId). */\n  autoSaveId?: string;\n  /** Render a collapse/expand toggle on each resize handle (desktop). Default true. */\n  showCollapseButtons?: boolean;\n  /** Breakpoint (px) at/above which the desktop resizable layout is used. Default 768. */\n  desktopBreakpoint?: number;\n}\n\n/** True at or above `min` px wide; re-renders on viewport crossing. */\nfunction useMinWidth(min: number): boolean {\n  const query = `(min-width: ${min}px)`;\n  const [match, setMatch] = useState(() =>\n    typeof window !== 'undefined' ? window.matchMedia(query).matches : true,\n  );\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const mq = window.matchMedia(query);\n    const on = () => setMatch(mq.matches);\n    on();\n    mq.addEventListener('change', on);\n    return () => mq.removeEventListener('change', on);\n  }, [query]);\n  return match;\n}\n\nconst css = (v: string | number) => (typeof v === 'number' ? `${v}px` : v);\n\n/** The open size of a mobile side along its own axis. */\nfunction openSize(side: DrawerSide, config: ResizableDrawerConfig): string {\n  if (isHorizontal(side)) return css(config.mobileWidth ?? '85%');\n  return css(config.mobileHeight ?? '45%');\n}\n\nfunction sizeStyle(side: DrawerSide, config: ResizableDrawerConfig): CSSProperties {\n  const value = openSize(side, config);\n  return isHorizontal(side)\n    ? { width: value, maxWidth: '100%' }\n    : { height: value, maxHeight: '100%' };\n}\n\n/**\n * A four-slot application layout — left/right/top/bottom drawers around a\n * scrollable center — that adapts to the viewport:\n *\n * - **Desktop** (≥ `desktopBreakpoint`): the drawers are real shadcn-style\n *   resizable panels (react-resizable-panels). Each can be dragged between\n *   `minSize`/`maxSize`, collapsed completely (to zero) via the handle button\n *   or the imperative ref, and its size is persisted with `autoSaveId`.\n * - **Mobile**: each side picks its own behaviour via `mobileMode`:\n *   - `'drawer'` (default) — a fixed, swipeable overlay with a backdrop, like a\n *     native slide-in sheet. It takes focus: the center is dimmed and inert.\n *   - `'panel'` — stays in the flow and splits the screen with the center, which\n *     stays fully usable. Use it for anything the user must be able to reach\n *     without dismissing something first (a composer, a toolbar); a `'drawer'`\n *     with no on-screen trigger is a drawer the user cannot re-open.\n *\n *   Both are sized per side with `mobileWidth`/`mobileHeight` (a `'panel'` may\n *   also use `'auto'` to hug its content, and `mobileCollapsedSize` to keep a\n *   tappable strip visible while closed).\n *\n * The center is always a `min-h-0` flex column, so a child with\n * `min-h-0 flex-1 overflow-y-auto` scrolls correctly in both modes — no more\n * \"stuck\" content.\n *\n * `open` state is controlled per side (`leftOpen`/`onLeftOpenChange`, …). On\n * desktop that maps to collapsed/expanded; on mobile to the slide-in overlay.\n * The imperative handle exposes `collapse`/`expand`/`toggle`/`isCollapsed`.\n */\nexport const ResizableLayout = forwardRef<ResizableLayoutHandle, ResizableLayoutProps>(\n  function ResizableLayout(\n    {\n      left,\n      right,\n      top,\n      bottom,\n      leftOpen = true,\n      onLeftOpenChange,\n      rightOpen = true,\n      onRightOpenChange,\n      topOpen = true,\n      onTopOpenChange,\n      bottomOpen = true,\n      onBottomOpenChange,\n      children,\n      className,\n      autoSaveId,\n      showCollapseButtons = true,\n      desktopBreakpoint = 768,\n    },\n    ref,\n  ) {\n    const isDesktop = useMinWidth(desktopBreakpoint);\n    const leftPanel = useRef<ImperativePanelHandle>(null);\n    const rightPanel = useRef<ImperativePanelHandle>(null);\n    const topPanel = useRef<ImperativePanelHandle>(null);\n    const bottomPanel = useRef<ImperativePanelHandle>(null);\n\n    const openBySide = { left: leftOpen, right: rightOpen, top: topOpen, bottom: bottomOpen };\n    const panelBySide = { left: leftPanel, right: rightPanel, top: topPanel, bottom: bottomPanel };\n    const configBySide = { left, right, top, bottom };\n\n    const onChange = useCallback(\n      (side: DrawerSide, open: boolean) => {\n        (\n          {\n            left: onLeftOpenChange,\n            right: onRightOpenChange,\n            top: onTopOpenChange,\n            bottom: onBottomOpenChange,\n          }[side]\n        )?.(open);\n      },\n      [onLeftOpenChange, onRightOpenChange, onTopOpenChange, onBottomOpenChange],\n    );\n\n    // Keep each collapsible panel in sync with its controlled `open` prop.\n    useEffect(() => {\n      (['left', 'right', 'top', 'bottom'] as const).forEach((side) => {\n        const p = panelBySide[side].current;\n        if (!isDesktop || !p || !configBySide[side]) return;\n        const open = openBySide[side];\n        if (open && p.isCollapsed()) p.expand();\n        else if (!open && p.isExpanded()) p.collapse();\n      });\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [isDesktop, left, right, top, bottom, leftOpen, rightOpen, topOpen, bottomOpen]);\n\n    useImperativeHandle(\n      ref,\n      () => {\n        const panelFor = (s: DrawerSide) => panelBySide[s].current;\n        const isCollapsed = (s: DrawerSide) => {\n          if (isDesktop) return panelFor(s)?.isCollapsed() ?? true;\n          return !openBySide[s];\n        };\n        return {\n          collapse: (s) => {\n            panelFor(s)?.collapse();\n            onChange(s, false);\n          },\n          expand: (s) => {\n            panelFor(s)?.expand();\n            onChange(s, true);\n          },\n          toggle: (s) => onChange(s, isCollapsed(s)),\n          isCollapsed,\n        };\n      },\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      [isDesktop, leftOpen, rightOpen, topOpen, bottomOpen, onChange],\n    );\n\n    // ---- Mobile: per-side overlay drawer or in-flow split panel -------------\n    if (!isDesktop) {\n      const mobileSide = (side: DrawerSide) => {\n        const config = configBySide[side];\n        if (!config) return null;\n        const props = {\n          side,\n          config,\n          open: openBySide[side],\n          onOpenChange: (o: boolean) => onChange(side, o),\n        };\n        return (config.mobileMode ?? 'drawer') === 'panel' ? (\n          <MobilePanel {...props} />\n        ) : (\n          <MobileDrawer {...props} />\n        );\n      };\n\n      return (\n        <div className={cn('relative flex h-full w-full min-h-0 flex-col overflow-hidden', className)}>\n          {mobileSide('top')}\n          <div className=\"relative flex min-h-0 min-w-0 flex-1 overflow-hidden\">\n            {mobileSide('left')}\n            <div className=\"relative grid min-h-0 min-w-0 flex-1 grid-cols-1 grid-rows-1 overflow-hidden\">\n              {children}\n            </div>\n            {mobileSide('right')}\n          </div>\n          {mobileSide('bottom')}\n        </div>\n      );\n    }\n\n    // ---- Desktop: resizable panels -----------------------------------------\n    const horizontalGroup = (\n      <PanelGroup\n        direction=\"horizontal\"\n        autoSaveId={autoSaveId}\n        className=\"h-full w-full min-h-0\"\n      >\n        {left && (\n          <>\n            <Panel\n              ref={leftPanel}\n              order={1}\n              collapsible\n              collapsedSize={0}\n              defaultSize={leftOpen ? (left.defaultSize ?? 20) : 0}\n              minSize={left.minSize ?? 12}\n              maxSize={left.maxSize ?? 40}\n              onCollapse={() => onChange('left', false)}\n              onExpand={() => onChange('left', true)}\n              className={cn('flex min-h-0 flex-col overflow-hidden', left.className)}\n            >\n              {left.content}\n            </Panel>\n            <ResizeHandle\n              side=\"left\"\n              showButton={showCollapseButtons}\n              onToggle={() => onChange('left', !leftOpen)}\n              open={leftOpen}\n            />\n          </>\n        )}\n\n        <Panel\n          order={2}\n          minSize={30}\n          className=\"relative grid min-h-0 min-w-0 grid-cols-1 grid-rows-1 overflow-hidden\"\n        >\n          {children}\n        </Panel>\n\n        {right && (\n          <>\n            <ResizeHandle\n              side=\"right\"\n              showButton={showCollapseButtons}\n              onToggle={() => onChange('right', !rightOpen)}\n              open={rightOpen}\n            />\n            <Panel\n              ref={rightPanel}\n              order={3}\n              collapsible\n              collapsedSize={0}\n              defaultSize={rightOpen ? (right.defaultSize ?? 22) : 0}\n              minSize={right.minSize ?? 12}\n              maxSize={right.maxSize ?? 45}\n              onCollapse={() => onChange('right', false)}\n              onExpand={() => onChange('right', true)}\n              className={cn('flex min-h-0 flex-col overflow-hidden', right.className)}\n            >\n              {right.content}\n            </Panel>\n          </>\n        )}\n      </PanelGroup>\n    );\n\n    if (!top && !bottom) {\n      return (\n        <div className={cn('h-full w-full min-h-0', className)}>{horizontalGroup}</div>\n      );\n    }\n\n    return (\n      <PanelGroup\n        direction=\"vertical\"\n        autoSaveId={autoSaveId ? `${autoSaveId}:vertical` : undefined}\n        className={cn('h-full w-full min-h-0', className)}\n      >\n        {top && (\n          <>\n            <Panel\n              ref={topPanel}\n              order={1}\n              collapsible\n              collapsedSize={0}\n              defaultSize={topOpen ? (top.defaultSize ?? 30) : 0}\n              minSize={top.minSize ?? 12}\n              maxSize={top.maxSize ?? 60}\n              onCollapse={() => onChange('top', false)}\n              onExpand={() => onChange('top', true)}\n              className={cn('flex min-h-0 flex-col overflow-hidden', top.className)}\n            >\n              {top.content}\n            </Panel>\n            <ResizeHandle\n              side=\"top\"\n              showButton={showCollapseButtons}\n              onToggle={() => onChange('top', !topOpen)}\n              open={topOpen}\n            />\n          </>\n        )}\n\n        <Panel order={2} minSize={20} className=\"relative min-h-0 w-full overflow-hidden\">\n          {horizontalGroup}\n        </Panel>\n\n        {bottom && (\n          <>\n            <ResizeHandle\n              side=\"bottom\"\n              showButton={showCollapseButtons}\n              onToggle={() => onChange('bottom', !bottomOpen)}\n              open={bottomOpen}\n            />\n            <Panel\n              ref={bottomPanel}\n              order={3}\n              collapsible\n              collapsedSize={0}\n              defaultSize={bottomOpen ? (bottom.defaultSize ?? 30) : 0}\n              minSize={bottom.minSize ?? 12}\n              maxSize={bottom.maxSize ?? 60}\n              onCollapse={() => onChange('bottom', false)}\n              onExpand={() => onChange('bottom', true)}\n              className={cn('flex min-h-0 flex-col overflow-hidden', bottom.className)}\n            >\n              {bottom.content}\n            </Panel>\n          </>\n        )}\n      </PanelGroup>\n    );\n  },\n);\n\n/** A draggable divider with an optional collapse/expand toggle button. */\nfunction ResizeHandle({\n  side,\n  showButton,\n  onToggle,\n  open,\n}: {\n  side: DrawerSide;\n  showButton: boolean;\n  onToggle: () => void;\n  open: boolean;\n}) {\n  // Which way the chevron points to \"put the drawer away\".\n  const collapseIcons: Record<DrawerSide, typeof ChevronLeft> = {\n    left: ChevronLeft,\n    right: ChevronRight,\n    top: ChevronUp,\n    bottom: ChevronDown,\n  };\n  const expandIcons: Record<DrawerSide, typeof ChevronLeft> = {\n    left: ChevronRight,\n    right: ChevronLeft,\n    top: ChevronDown,\n    bottom: ChevronUp,\n  };\n  const Icon = open ? collapseIcons[side] : expandIcons[side];\n  const horizontal = isHorizontal(side);\n\n  return (\n    <PanelResizeHandle\n      className={cn(\n        'group relative bg-border transition-colors hover:bg-primary/50 data-[resize-handle-state=drag]:bg-primary',\n        horizontal ? 'w-px' : 'h-px',\n      )}\n    >\n      {/* widen the hit area without taking layout width/height */}\n      <div\n        className={cn(\n          'absolute z-10',\n          horizontal ? 'inset-y-0 -left-1 -right-1' : 'inset-x-0 -top-1 -bottom-1',\n        )}\n      />\n      {showButton && (\n        <button\n          type=\"button\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onToggle();\n          }}\n          title={open ? 'Collapse' : 'Expand'}\n          className={cn(\n            'absolute z-20 flex items-center justify-center rounded-sm border border-border bg-card text-muted-foreground opacity-0 shadow-sm transition-opacity hover:text-foreground group-hover:opacity-100',\n            horizontal\n              ? cn('top-1/2 h-8 w-4 -translate-y-1/2', side === 'left' ? '-left-2' : '-right-2')\n              : cn('left-1/2 h-4 w-8 -translate-x-1/2', side === 'top' ? '-top-2' : '-bottom-2'),\n          )}\n        >\n          <Icon className=\"h-3.5 w-3.5\" />\n        </button>\n      )}\n    </PanelResizeHandle>\n  );\n}\n\n/**\n * An in-flow mobile side that splits the screen with the center instead of\n * overlaying it — no backdrop, so the center stays interactive. Closing it\n * shrinks it to `mobileCollapsedSize` (0 by default) rather than sliding it\n * off-screen; the content stays mounted either way, so a composer keeps its\n * draft across a collapse.\n */\nfunction MobilePanel({\n  side,\n  config,\n  open,\n}: {\n  side: DrawerSide;\n  config: ResizableDrawerConfig;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const horizontal = isHorizontal(side);\n  const size = open ? openSize(side, config) : css(config.mobileCollapsedSize ?? 0);\n\n  return (\n    <aside\n      style={horizontal ? { width: size, maxWidth: '100%' } : { height: size, maxHeight: '100%' }}\n      className={cn(\n        'relative flex shrink-0 flex-col overflow-hidden bg-card transition-[width,height] duration-200',\n        side === 'left' && 'border-r border-border',\n        side === 'right' && 'border-l border-border',\n        side === 'top' && 'border-b border-border',\n        side === 'bottom' && 'border-t border-border',\n        config.className,\n      )}\n    >\n      {config.content}\n    </aside>\n  );\n}\n\n/** A fixed, swipeable slide-in drawer used on mobile viewports. */\nfunction MobileDrawer({\n  side,\n  config,\n  open,\n  onOpenChange,\n}: {\n  side: DrawerSide;\n  config: ResizableDrawerConfig;\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n}) {\n  const horizontal = isHorizontal(side);\n  const touchPos = useRef<number | null>(null);\n  const edgePos = useRef<number | null>(null);\n  const swipeClose = config.swipeToClose ?? true;\n\n  const clientPos = (e: TouchEvent) =>\n    horizontal ? e.touches[0].clientX : e.touches[0].clientY;\n\n  return (\n    <>\n      {/* backdrop */}\n      <div\n        onClick={() => onOpenChange(false)}\n        className={cn(\n          'fixed inset-0 z-30 bg-black/50 transition-opacity',\n          open ? 'opacity-100' : 'pointer-events-none opacity-0',\n        )}\n      />\n\n      {/* off-screen edge zone that opens the drawer on an inward swipe */}\n      {config.edgeSwipeToOpen && !open && (\n        <div\n          className={cn(\n            'fixed z-20',\n            horizontal\n              ? cn('inset-y-0 w-4', side === 'left' ? 'left-0' : 'right-0')\n              : cn('inset-x-0 h-4', side === 'top' ? 'top-0' : 'bottom-0'),\n          )}\n          onTouchStart={(e) => (edgePos.current = clientPos(e))}\n          onTouchMove={(e) => {\n            if (edgePos.current === null) return;\n            const d = clientPos(e) - edgePos.current;\n            const opens =\n              (side === 'left' && d > 50) ||\n              (side === 'right' && d < -50) ||\n              (side === 'top' && d > 50) ||\n              (side === 'bottom' && d < -50);\n            if (opens) {\n              onOpenChange(true);\n              edgePos.current = null;\n            }\n          }}\n          onTouchEnd={() => (edgePos.current = null)}\n        />\n      )}\n\n      <aside\n        style={sizeStyle(side, config)}\n        onTouchStart={(e) => swipeClose && (touchPos.current = clientPos(e))}\n        onTouchMove={(e) => {\n          if (!swipeClose || touchPos.current === null) return;\n          const d = clientPos(e) - touchPos.current;\n          const closes =\n            (side === 'left' && d < -60) ||\n            (side === 'right' && d > 60) ||\n            (side === 'top' && d < -60) ||\n            (side === 'bottom' && d > 60);\n          if (closes) {\n            onOpenChange(false);\n            touchPos.current = null;\n          }\n        }}\n        onTouchEnd={() => (touchPos.current = null)}\n        className={cn(\n          'fixed z-40 flex flex-col bg-card transition-transform duration-200',\n          horizontal ? 'inset-y-0' : 'inset-x-0',\n          side === 'left' && 'left-0 border-r border-border',\n          side === 'right' && 'right-0 border-l border-border',\n          side === 'top' && 'top-0 border-b border-border',\n          side === 'bottom' && 'bottom-0 border-t border-border',\n          open ? 'translate-x-0 translate-y-0' : cn(closedTransform(side), 'pointer-events-none'),\n          config.className,\n        )}\n      >\n        {config.content}\n      </aside>\n    </>\n  );\n}\n\nfunction closedTransform(side: DrawerSide): string {\n  switch (side) {\n    case 'left':\n      return '-translate-x-full';\n    case 'right':\n      return 'translate-x-full';\n    case 'top':\n      return '-translate-y-full';\n    case 'bottom':\n      return 'translate-y-full';\n  }\n}\n"],"names":["HORIZONTAL_SIDES","isHorizontal","side","useMinWidth","min","query","match","setMatch","useState","useEffect","mq","on","css","v","openSize","config","sizeStyle","value","ResizableLayout","forwardRef","left","right","top","bottom","leftOpen","onLeftOpenChange","rightOpen","onRightOpenChange","topOpen","onTopOpenChange","bottomOpen","onBottomOpenChange","children","className","autoSaveId","showCollapseButtons","desktopBreakpoint","ref","isDesktop","leftPanel","useRef","rightPanel","topPanel","bottomPanel","openBySide","panelBySide","configBySide","onChange","useCallback","open","_b","_a","p","useImperativeHandle","panelFor","s","isCollapsed","mobileSide","props","o","jsx","MobilePanel","MobileDrawer","cn","jsxs","horizontalGroup","PanelGroup","Fragment","Panel","ResizeHandle","showButton","onToggle","Icon","ChevronLeft","ChevronRight","ChevronUp","ChevronDown","horizontal","PanelResizeHandle","e","size","onOpenChange","touchPos","edgePos","swipeClose","clientPos","d","closedTransform"],"mappings":"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"}

package/dist/components/rich-input/compose.d.ts

@@ -0,0 +1,13 @@
+import { ComposeInput } from './types';
+/**
+ * Default prompt composer: appends an attachments block, the injected guideline
+ * lines and any tag descriptions under the raw text. Callers that want a
+ * different shape (or none) pass their own `composePrompt`.
+ */
+export declare function defaultComposePrompt({ text, guidelines, tags, files }: ComposeInput): string;
+/** The guideline line a tag contributes for its current on/off state. */
+export declare function tagGuideline(tag: {
+    prompt?: string;
+    promptOff?: string;
+}, on: boolean): string | null;
+//# sourceMappingURL=compose.d.ts.map

package/dist/components/rich-input/compose.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/compose.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,MAAM,CAqB5F;AAED,yEAAyE;AACzE,wBAAgB,YAAY,CAAC,GAAG,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EAAE,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAGrG"}

package/dist/components/rich-input/compose.js

@@ -0,0 +1,28 @@
+function p({ text: e, guidelines: i, tags: o, files: r }) {
+  const n = [e.trim()];
+  if (r.length > 0) {
+    n.push("", "Attachments:");
+    for (const t of r) n.push(`- ${t.name}`);
+  }
+  const s = o.filter((t) => t.description);
+  if (s.length > 0) {
+    n.push("", "Context:");
+    for (const t of s) n.push(`- ${t.label} — ${t.description}`);
+  }
+  const f = i.map((t) => t.trim()).filter(Boolean);
+  if (f.length > 0) {
+    n.push("", "Guidelines:");
+    for (const t of f) n.push(`- ${t}`);
+  }
+  return n.join(`
+`);
+}
+function c(e, i) {
+  const o = i ? e.prompt : e.promptOff;
+  return o != null && o.trim() ? o : null;
+}
+export {
+  p as defaultComposePrompt,
+  c as tagGuideline
+};
+//# sourceMappingURL=compose.js.map

package/dist/components/rich-input/compose.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"compose.js","sources":["../../../src/components/rich-input/compose.ts"],"sourcesContent":["import type { ComposeInput } from './types';\n\n/**\n * Default prompt composer: appends an attachments block, the injected guideline\n * lines and any tag descriptions under the raw text. Callers that want a\n * different shape (or none) pass their own `composePrompt`.\n */\nexport function defaultComposePrompt({ text, guidelines, tags, files }: ComposeInput): string {\n  const lines: string[] = [text.trim()];\n\n  if (files.length > 0) {\n    lines.push('', 'Attachments:');\n    for (const f of files) lines.push(`- ${f.name}`);\n  }\n\n  const described = tags.filter((t) => t.description);\n  if (described.length > 0) {\n    lines.push('', 'Context:');\n    for (const t of described) lines.push(`- ${t.label} — ${t.description}`);\n  }\n\n  const clean = guidelines.map((g) => g.trim()).filter(Boolean);\n  if (clean.length > 0) {\n    lines.push('', 'Guidelines:');\n    for (const g of clean) lines.push(`- ${g}`);\n  }\n\n  return lines.join('\\n');\n}\n\n/** The guideline line a tag contributes for its current on/off state. */\nexport function tagGuideline(tag: { prompt?: string; promptOff?: string }, on: boolean): string | null {\n  const line = on ? tag.prompt : tag.promptOff;\n  return line?.trim() ? line : null;\n}\n"],"names":["defaultComposePrompt","text","guidelines","tags","files","lines","f","described","clean","g","tagGuideline","tag","on","line"],"mappings":"AAOO,SAASA,EAAqB,EAAE,MAAAC,GAAM,YAAAC,GAAY,MAAAC,GAAM,OAAAC,KAA+B;AAC5F,QAAMC,IAAkB,CAACJ,EAAK,MAAM;AAEpC,MAAIG,EAAM,SAAS,GAAG;AACpB,IAAAC,EAAM,KAAK,IAAI,cAAc;AAC7B,eAAWC,KAAKF,EAAO,CAAAC,EAAM,KAAK,KAAKC,EAAE,IAAI,EAAE;AAAA,EACjD;AAEA,QAAMC,IAAYJ,EAAK,OAAO,CAAC,MAAM,EAAE,WAAW;AAClD,MAAII,EAAU,SAAS,GAAG;AACxB,IAAAF,EAAM,KAAK,IAAI,UAAU;AACzB,eAAW,KAAKE,EAAW,CAAAF,EAAM,KAAK,KAAK,EAAE,KAAK,MAAM,EAAE,WAAW,EAAE;AAAA,EACzE;AAEA,QAAMG,IAAQN,EAAW,IAAI,CAACO,MAAMA,EAAE,KAAA,CAAM,EAAE,OAAO,OAAO;AAC5D,MAAID,EAAM,SAAS,GAAG;AACpB,IAAAH,EAAM,KAAK,IAAI,aAAa;AAC5B,eAAWI,KAAKD,EAAO,CAAAH,EAAM,KAAK,KAAKI,CAAC,EAAE;AAAA,EAC5C;AAEA,SAAOJ,EAAM,KAAK;AAAA,CAAI;AACxB;AAGO,SAASK,EAAaC,GAA8CC,GAA4B;AACrG,QAAMC,IAAOD,IAAKD,EAAI,SAASA,EAAI;AACnC,SAAOE,KAAA,QAAAA,EAAM,SAASA,IAAO;AAC/B;"}

package/dist/components/rich-input/index.d.ts

@@ -0,0 +1,5 @@
+export { RichInput } from './rich-input';
+export type { RichInputProps } from './rich-input';
+export type { RichFile, GuidelineTag, RichSendPayload, RichInputHandle, ComposeInput, } from './types';
+export { defaultComposePrompt } from './compose';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/rich-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/rich-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,YAAY,EACV,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,eAAe,EACf,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAC"}