@reforma/components 0.0.0-stage → 0.1.0

package/dist/chat/Approval/Approval.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes, type ReactNode } from 'react';
+export type ToolApproval = {
+    id: string;
+    approved?: boolean;
+    reason?: string;
+} | undefined;
+type ToolApprovalState = 'input-streaming' | 'input-available' | 'approval-requested' | 'approval-responded' | 'output-available' | 'output-error' | 'output-denied';
+export type ToolApprovalResponsePayload = {
+    id: string;
+    approved: boolean;
+    reason?: string;
+};
+export type ApprovalProps = HTMLAttributes<HTMLDivElement> & {
+    approval?: ToolApproval;
+    state: ToolApprovalState;
+    /** Wired to default `ApprovalButtons` buttons when `children` are omitted there. */
+    onToolApprovalResponse?: (response: ToolApprovalResponsePayload) => void;
+};
+export declare function Approval({ className, approval, state, onToolApprovalResponse: onToolApprovalResponseProp, children, ...props }: ApprovalProps): import("react").JSX.Element | null;
+export type ApprovalRequestProps = {
+    children?: ReactNode;
+};
+export declare function ApprovalRequest({ children }: ApprovalRequestProps): ReactNode;
+export type ApprovalAcceptedProps = HTMLAttributes<HTMLDivElement>;
+export declare function ApprovalAccepted({ className, children, ...props }: ApprovalAcceptedProps): import("react").JSX.Element | null;
+export type ApprovalRejectedProps = HTMLAttributes<HTMLDivElement>;
+export declare function ApprovalRejected({ className, children, ...props }: ApprovalRejectedProps): import("react").JSX.Element | null;
+export type ApprovalButtonsProps = HTMLAttributes<HTMLDivElement> & {
+    /** Overrides handler from `Approval` for custom composed UIs. */
+    onToolApprovalResponse?: (response: ToolApprovalResponsePayload) => void;
+};
+export declare function ApprovalButtons({ className, children, onToolApprovalResponse: onToolApprovalResponseProp, ...props }: ApprovalButtonsProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=Approval.d.ts.map

package/dist/chat/Approval/Approval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Approval.d.ts","sourceRoot":"","sources":["../../../src/chat/Approval/Approval.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAgB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMpF,MAAM,MAAM,YAAY,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,GAAG,SAAS,CAAC;AAEd,KAAK,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,cAAc,GAAG,eAAe,CAAC;AAErK,MAAM,MAAM,2BAA2B,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAoBF,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACzD,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,KAAK,EAAE,iBAAiB,CAAC;IACzB,oFAAoF;IACpF,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,sBAAsB,EAAE,0BAA0B,EAClD,QAAQ,EACR,GAAG,KAAK,EACX,EAAE,aAAa,sCAqBf;AAED,MAAM,MAAM,oBAAoB,GAAG;IAC/B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE,oBAAoB,GAAG,SAAS,CAQ7E;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,sCAexF;AAED,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEnE,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,sCAexF;AAED,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,iEAAiE;IACjE,sBAAsB,CAAC,EAAE,CAAC,QAAQ,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC5E,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,sBAAsB,EAAE,0BAA0B,EAClD,GAAG,KAAK,EACX,EAAE,oBAAoB,sCAmDtB"}

package/dist/chat/Approval/Approval.js

@@ -0,0 +1,127 @@
+import { cn as u } from "@reforma/lib";
+import { useMemo as f, createContext as A, use as R } from "react";
+import { Button as v } from "../../Button/Button.js";
+import { useChatHandlers as x } from "../ChatContext.js";
+import i from "./Approval.module.css.js";
+import { jsx as p, jsxs as h, Fragment as T } from "react/jsx-runtime";
+const d = /* @__PURE__ */ A(null);
+function c() {
+  const o = R(d);
+  if (!o)
+    throw new Error("Approval components must be used within Approval");
+  return o;
+}
+function C({
+  className: o,
+  approval: e,
+  state: n,
+  onToolApprovalResponse: t,
+  children: r,
+  ...s
+}) {
+  const {
+    onToolApprovalResponse: l
+  } = x({
+    onToolApprovalResponse: t
+  }), a = f(() => ({
+    approval: e,
+    state: n,
+    onToolApprovalResponse: l
+  }), [e, n, l]);
+  return !e || n === "input-streaming" || n === "input-available" ? null : /* @__PURE__ */ p(d, {
+    value: a,
+    children: /* @__PURE__ */ p("div", {
+      className: u(i.root, o),
+      ...s,
+      children: r
+    })
+  });
+}
+function g({
+  children: o
+}) {
+  const {
+    state: e
+  } = c();
+  return e !== "approval-requested" ? null : o;
+}
+function z({
+  className: o,
+  children: e,
+  ...n
+}) {
+  const {
+    approval: t,
+    state: r
+  } = c();
+  return !t?.approved || r !== "approval-responded" && r !== "output-denied" && r !== "output-available" ? null : /* @__PURE__ */ p("div", {
+    className: u(i.status, o),
+    ...n,
+    children: e
+  });
+}
+function B({
+  className: o,
+  children: e,
+  ...n
+}) {
+  const {
+    approval: t,
+    state: r
+  } = c();
+  return t?.approved !== !1 || r !== "approval-responded" && r !== "output-denied" && r !== "output-available" ? null : /* @__PURE__ */ p("div", {
+    className: u(i.status, o),
+    ...n,
+    children: e
+  });
+}
+function F({
+  className: o,
+  children: e,
+  onToolApprovalResponse: n,
+  ...t
+}) {
+  const {
+    state: r,
+    approval: s,
+    onToolApprovalResponse: l
+  } = c(), a = n ?? l;
+  if (r !== "approval-requested")
+    return null;
+  const m = e ?? /* @__PURE__ */ h(T, {
+    children: [/* @__PURE__ */ p(v, {
+      size: "xs",
+      color: "secondary",
+      onPress: () => {
+        s?.id && a?.({
+          id: s.id,
+          approved: !1
+        });
+      },
+      children: "Reject"
+    }), /* @__PURE__ */ p(v, {
+      size: "xs",
+      color: "primary",
+      onPress: () => {
+        s?.id && a?.({
+          id: s.id,
+          approved: !0
+        });
+      },
+      children: "Approve"
+    })]
+  });
+  return /* @__PURE__ */ p("div", {
+    className: u(i.actions, o),
+    ...t,
+    children: m
+  });
+}
+export {
+  C as Approval,
+  z as ApprovalAccepted,
+  F as ApprovalButtons,
+  B as ApprovalRejected,
+  g as ApprovalRequest
+};
+//# sourceMappingURL=Approval.js.map

package/dist/chat/Approval/Approval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Approval.js","sources":["../../../src/chat/Approval/Approval.tsx"],"sourcesContent":["import { cn } from '@reforma/lib';\nimport { createContext, HTMLAttributes, use, useMemo, type ReactNode } from 'react';\n\nimport { Button } from '../../Button';\nimport { useChatHandlers } from '../ChatContext';\nimport styles from './Approval.module.css';\n\nexport type ToolApproval = {\n    id: string;\n    approved?: boolean;\n    reason?: string;\n} | undefined;\n\ntype ToolApprovalState = 'input-streaming' | 'input-available' | 'approval-requested' | 'approval-responded' | 'output-available' | 'output-error' | 'output-denied';\n\nexport type ToolApprovalResponsePayload = {\n    id: string;\n    approved: boolean;\n    reason?: string;\n};\n\ntype ApprovalContextValue = {\n    approval: ToolApproval;\n    state: ToolApprovalState;\n    onToolApprovalResponse?: (response: ToolApprovalResponsePayload) => void;\n};\n\nconst ApprovalContext = createContext<ApprovalContextValue | null>(null);\n\nfunction useApproval(): ApprovalContextValue {\n    const context = use(ApprovalContext);\n\n    if (!context) {\n        throw new Error('Approval components must be used within Approval');\n    }\n\n    return context;\n}\n\nexport type ApprovalProps = HTMLAttributes<HTMLDivElement> & {\n    approval?: ToolApproval;\n    state: ToolApprovalState;\n    /** Wired to default `ApprovalButtons` buttons when `children` are omitted there. */\n    onToolApprovalResponse?: (response: ToolApprovalResponsePayload) => void;\n};\n\nexport function Approval({\n    className,\n    approval,\n    state,\n    onToolApprovalResponse: onToolApprovalResponseProp,\n    children,\n    ...props\n}: ApprovalProps) {\n    const { onToolApprovalResponse } = useChatHandlers({\n        onToolApprovalResponse: onToolApprovalResponseProp,\n    });\n\n    const contextValue = useMemo(\n        () => ({ approval, state, onToolApprovalResponse }),\n        [approval, state, onToolApprovalResponse]\n    );\n\n    if (!approval || state === 'input-streaming' || state === 'input-available') {\n        return null;\n    }\n\n    return (\n        <ApprovalContext value={ contextValue }>\n            <div className={ cn(styles.root, className) } { ...props }>\n                {children}\n            </div>\n        </ApprovalContext>\n    );\n}\n\nexport type ApprovalRequestProps = {\n    children?: ReactNode;\n};\n\nexport function ApprovalRequest({ children }: ApprovalRequestProps): ReactNode {\n    const { state } = useApproval();\n\n    if (state !== 'approval-requested') {\n        return null;\n    }\n\n    return children;\n}\n\nexport type ApprovalAcceptedProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ApprovalAccepted({ className, children, ...props }: ApprovalAcceptedProps) {\n    const { approval, state } = useApproval();\n\n    if (\n        !approval?.approved\n        || (state !== 'approval-responded' && state !== 'output-denied' && state !== 'output-available')\n    ) {\n        return null;\n    }\n\n    return (\n        <div className={ cn(styles.status, className) } { ...props }>\n            {children}\n        </div>\n    );\n}\n\nexport type ApprovalRejectedProps = HTMLAttributes<HTMLDivElement>;\n\nexport function ApprovalRejected({ className, children, ...props }: ApprovalRejectedProps) {\n    const { approval, state } = useApproval();\n\n    if (\n        approval?.approved !== false\n        || (state !== 'approval-responded' && state !== 'output-denied' && state !== 'output-available')\n    ) {\n        return null;\n    }\n\n    return (\n        <div className={ cn(styles.status, className) } { ...props }>\n            {children}\n        </div>\n    );\n}\n\nexport type ApprovalButtonsProps = HTMLAttributes<HTMLDivElement> & {\n    /** Overrides handler from `Approval` for custom composed UIs. */\n    onToolApprovalResponse?: (response: ToolApprovalResponsePayload) => void;\n};\n\nexport function ApprovalButtons({\n    className,\n    children,\n    onToolApprovalResponse: onToolApprovalResponseProp,\n    ...props\n}: ApprovalButtonsProps) {\n    const { state, approval, onToolApprovalResponse: onToolApprovalResponseFromApproval } = useApproval();\n    const onToolApprovalResponse = onToolApprovalResponseProp ?? onToolApprovalResponseFromApproval;\n\n    if (state !== 'approval-requested') {\n        return null;\n    }\n\n    const content = children ?? (\n        <>\n            <Button\n                size=\"xs\"\n                color=\"secondary\"\n                onPress={ () => {\n                    if (!approval?.id) {\n                        return;\n                    }\n\n                    onToolApprovalResponse?.({\n                        id: approval.id,\n                        approved: false,\n                    });\n                } }\n            >\n                Reject\n            </Button>\n\n            <Button\n                size=\"xs\"\n                color=\"primary\"\n                onPress={ () => {\n                    if (!approval?.id) {\n                        return;\n                    }\n\n                    onToolApprovalResponse?.({\n                        id: approval.id,\n                        approved: true,\n                    });\n                } }\n            >\n                Approve\n            </Button>\n        </>\n    );\n\n    return (\n        <div className={ cn(styles.actions, className) } { ...props }>\n            {content}\n        </div>\n    );\n}\n"],"names":["ApprovalContext","useApproval","context","use","Approval","className","approval","state","onToolApprovalResponseProp","children","props","onToolApprovalResponse","useChatHandlers","contextValue","useMemo","cn","styles","ApprovalRequest","ApprovalAccepted","ApprovalRejected","ApprovalButtons","onToolApprovalResponseFromApproval","content","_jsxs","_Fragment","_jsx","Button"],"mappings":";;;;;;AAMA,MAAMA,sBAA6C,IAAI;AACvD,SAASC,IAAc;AACrB,QAAMC,IAAUC,EAAIH,CAAe;AACnC,MAAI,CAACE;AACH,UAAM,IAAI,MAAM,kDAAkD;AAEpE,SAAOA;AACT;AACO,SAASE,EAAS;AAAA,EACvB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,wBAAwBC;AAAA,EACxB,UAAAC;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM;AAAA,IACJ,wBAAAC;AAAA,EAAA,IACEC,EAAgB;AAAA,IAClB,wBAAwBJ;AAAA,EAAA,CACzB,GACKK,IAAeC,EAAQ,OAAO;AAAA,IAClC,UAAAR;AAAA,IACA,OAAAC;AAAA,IACA,wBAAAI;AAAA,EAAA,IACE,CAACL,GAAUC,GAAOI,CAAsB,CAAC;AAC7C,SAAI,CAACL,KAAYC,MAAU,qBAAqBA,MAAU,oBACjD,yBAEgBP,GAAiB;AAAA,IACxC,OAAOa;AAAA,IACP,4BAA4B,OAAO;AAAA,MACjC,WAAWE,EAAGC,EAAO,MAAMX,CAAS;AAAA,MACpC,GAAGK;AAAA,MACH,UAAAD;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH;AACO,SAASQ,EAAgB;AAAA,EAC9B,UAAAR;AACF,GAAG;AACD,QAAM;AAAA,IACJ,OAAAF;AAAA,EAAA,IACEN,EAAA;AACJ,SAAIM,MAAU,uBACL,OAEFE;AACT;AACO,SAASS,EAAiB;AAAA,EAC/B,WAAAb;AAAA,EACA,UAAAI;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM;AAAA,IACJ,UAAAJ;AAAA,IACA,OAAAC;AAAA,EAAA,IACEN,EAAA;AACJ,SAAI,CAACK,GAAU,YAAYC,MAAU,wBAAwBA,MAAU,mBAAmBA,MAAU,qBAC3F,yBAEgB,OAAO;AAAA,IAC9B,WAAWQ,EAAGC,EAAO,QAAQX,CAAS;AAAA,IACtC,GAAGK;AAAA,IACH,UAAAD;AAAA,EAAA,CACD;AACH;AACO,SAASU,EAAiB;AAAA,EAC/B,WAAAd;AAAA,EACA,UAAAI;AAAA,EACA,GAAGC;AACL,GAAG;AACD,QAAM;AAAA,IACJ,UAAAJ;AAAA,IACA,OAAAC;AAAA,EAAA,IACEN,EAAA;AACJ,SAAIK,GAAU,aAAa,MAASC,MAAU,wBAAwBA,MAAU,mBAAmBA,MAAU,qBACpG,yBAEgB,OAAO;AAAA,IAC9B,WAAWQ,EAAGC,EAAO,QAAQX,CAAS;AAAA,IACtC,GAAGK;AAAA,IACH,UAAAD;AAAA,EAAA,CACD;AACH;AACO,SAASW,EAAgB;AAAA,EAC9B,WAAAf;AAAA,EACA,UAAAI;AAAA,EACA,wBAAwBD;AAAA,EACxB,GAAGE;AACL,GAAG;AACD,QAAM;AAAA,IACJ,OAAAH;AAAA,IACA,UAAAD;AAAA,IACA,wBAAwBe;AAAA,EAAA,IACtBpB,EAAA,GACEU,IAAyBH,KAA8Ba;AAC7D,MAAId,MAAU;AACZ,WAAO;AAET,QAAMe,IAAUb,KAAyBc,gBAAAA,EAAMC,GAAW;AAAA,IACxD,UAAU,CAAcC,gBAAAA,EAAKC,GAAQ;AAAA,MACnC,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS,MAAM;AACb,QAAKpB,GAAU,MAGfK,IAAyB;AAAA,UACvB,IAAIL,EAAS;AAAA,UACb,UAAU;AAAA,QAAA,CACX;AAAA,MACH;AAAA,MACA,UAAU;AAAA,IAAA,CACX,GAAgBmB,gBAAAA,EAAKC,GAAQ;AAAA,MAC5B,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS,MAAM;AACb,QAAKpB,GAAU,MAGfK,IAAyB;AAAA,UACvB,IAAIL,EAAS;AAAA,UACb,UAAU;AAAA,QAAA,CACX;AAAA,MACH;AAAA,MACA,UAAU;AAAA,IAAA,CACX,CAAC;AAAA,EAAA,CACH;AACD,2BAAyB,OAAO;AAAA,IAC9B,WAAWS,EAAGC,EAAO,SAASX,CAAS;AAAA,IACvC,GAAGK;AAAA,IACH,UAAUY;AAAA,EAAA,CACX;AACH;"}

package/dist/chat/Approval/Approval.module.css

@@ -0,0 +1 @@
+@layer components{.Approval_root_ectngD{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%}.Approval_status_CQb3dQ{display:inline-flex;align-items:center;gap:var(--spacing-6);color:var(--color-secondary-muted-text);font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}.Approval_actions_Dxk0kN{display:inline-flex;justify-content:flex-end;align-items:center;align-self:flex-end;gap:var(--spacing-sm)}}

package/dist/chat/Approval/Approval.module.css.js

@@ -0,0 +1,12 @@
+const t = "Approval_root_ectngD", o = "Approval_status_CQb3dQ", s = "Approval_actions_Dxk0kN", a = {
+  root: t,
+  status: o,
+  actions: s
+};
+export {
+  s as actions,
+  a as default,
+  t as root,
+  o as status
+};
+//# sourceMappingURL=Approval.module.css.js.map

package/dist/chat/Approval/Approval.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Approval.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/chat/Approval/index.d.ts

@@ -0,0 +1,2 @@
+export { Approval, ApprovalAccepted, ApprovalButtons, ApprovalRejected, ApprovalRequest, type ApprovalAcceptedProps, type ApprovalButtonsProps, type ApprovalProps, type ApprovalRejectedProps, type ApprovalRequestProps, type ToolApproval, type ToolApprovalResponsePayload, } from './Approval';
+//# sourceMappingURL=index.d.ts.map

package/dist/chat/Approval/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/chat/Approval/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,QAAQ,EACR,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,aAAa,EAClB,KAAK,qBAAqB,EAC1B,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,2BAA2B,GACnC,MAAM,YAAY,CAAC"}

package/dist/chat/Approval/index.js

@@ -0,0 +1,9 @@
+import { Approval as o, ApprovalAccepted as r, ApprovalButtons as t, ApprovalRejected as A, ApprovalRequest as a } from "./Approval.js";
+export {
+  o as Approval,
+  r as ApprovalAccepted,
+  t as ApprovalButtons,
+  A as ApprovalRejected,
+  a as ApprovalRequest
+};
+//# sourceMappingURL=index.js.map

package/dist/chat/Approval/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/chat/Attachment/Attachment.d.ts

@@ -0,0 +1,59 @@
+import { Button } from '@reforma/components/Button';
+import { type ComponentProps, type HTMLAttributes, type PropsWithChildren } from 'react';
+import type { AttachmentData } from '@reforma/types';
+export type AttachmentsSize = 'sm' | 'md';
+export type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
+    /** Tile edge length. @default 'md' */
+    size?: AttachmentsSize;
+    /**
+     * Max attachments shown before a “show more” control; unset or non-positive = show all.
+     * Pass each `<Attachment />` as a **direct child** (e.g. `items.map(...)`) so items can be split; a single wrapper child counts as one item.
+     */
+    defaultLimitCount?: number;
+    /** Accessible label for the expand control. @default 'Show more' */
+    showMoreLabel?: string;
+};
+/** Attachment list */
+export declare function Attachments({ size, className, children, defaultLimitCount, showMoreLabel, ...props }: AttachmentsProps): import("react").JSX.Element;
+type AttachmentPrimaryPress = NonNullable<ComponentProps<typeof Button>['onPress']>;
+/** Attachment item */
+export type AttachmentProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{
+    data: AttachmentData;
+    /** Spinner in place of preview; hides remove; sets `aria-busy` on the root. */
+    loading?: boolean;
+    /** Red border + retry control; hides remove while loading only. */
+    error?: boolean;
+    onRetry?: () => void;
+    onRemove?: () => void;
+    /**
+     * When set, the main hit target is a design-system {@link Button} (transparent).
+     * {@link AttachmentRemove} stays a sibling so there are no nested `<button>` elements.
+     */
+    onPress?: AttachmentPrimaryPress;
+    showIcon?: boolean;
+    showInfo?: boolean;
+    /** Extra line in the hover tooltip when `showInfo` is true. */
+    showMediaType?: boolean;
+}>;
+export declare function Attachment({ className, children: _children, data, loading, error, showIcon: _showIcon, showInfo, showMediaType, onRetry, onRemove, onPress, ...props }: AttachmentProps): import("react").JSX.Element;
+/** Attachment remove button */
+export type AttachmentRemoveProps = ComponentProps<typeof Button> & {
+    label?: string;
+};
+export declare function AttachmentRemove({ label, className, ...props }: AttachmentRemoveProps): import("react").JSX.Element;
+/** Attachment preview media (image) */
+export type AttachmentPreviewMediaProps = HTMLAttributes<HTMLImageElement> & {
+    data: AttachmentData;
+};
+export declare function AttachmentPreview({ data, className, ...props }: AttachmentPreviewMediaProps): import("react").JSX.Element;
+/** Attachment metadata (name, type) */
+export type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
+    data: AttachmentData;
+    showMediaType?: boolean;
+};
+export declare function AttachmentInfo({ data, showMediaType, className, ...props }: AttachmentInfoProps): import("react").JSX.Element;
+export declare function getAttachmentLabel(data: AttachmentData): string;
+/** Image attachment with URL: wraps {@link Attachment} in {@link Lightbox}; otherwise plain {@link Attachment}. */
+export declare function PreviewableAttachment(props: AttachmentProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Attachment.d.ts.map

package/dist/chat/Attachment/Attachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.d.ts","sourceRoot":"","sources":["../../../src/chat/Attachment/Attachment.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAKpD,OAAO,EAIH,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EAEzB,MAAM,OAAO,CAAC;AAUf,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC5D,sCAAsC;IACtC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oEAAoE;IACpE,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAcF,sBAAsB;AACtB,wBAAgB,WAAW,CAAC,EACxB,IAAW,EACX,SAAS,EACT,QAAQ,EACR,iBAAiB,EACjB,aAA2B,EAC3B,GAAG,KAAK,EACX,EAAE,gBAAgB,+BA4DlB;AAED,KAAK,sBAAsB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAEpF,sBAAsB;AACtB,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC;IAC7E,IAAI,EAAE,cAAc,CAAC;IACrB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mEAAmE;IACnE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,sBAAsB,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,+DAA+D;IAC/D,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC,CAAC;AAEH,wBAAgB,UAAU,CAAC,EACvB,SAAS,EACT,QAAQ,EAAE,SAAS,EACnB,IAAI,EACJ,OAAe,EACf,KAAa,EACb,QAAQ,EAAE,SAAgB,EAC1B,QAAe,EACf,aAAa,EACb,OAAO,EACP,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACX,EAAE,eAAe,+BAwFjB;AAGD,+BAA+B;AAC/B,MAAM,MAAM,qBAAqB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAAE,KAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,qBAAqB,+BAiBhG;AAED,uCAAuC;AACvC,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;IACzE,IAAI,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,2BAA2B,+BAqB3F;AAED,uCAAuC;AACvC,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC/D,IAAI,EAAE,cAAc,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAAE,IAAI,EAAE,aAAqB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,+BAkBvG;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,cAAc,GAAG,MAAM,CAU/D;AAED,mHAAmH;AACnH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,eAAe,+BAc3D"}

package/dist/chat/Attachment/Attachment.js

@@ -0,0 +1,254 @@
+import { Button as f } from "@reforma/components/Button";
+import { Text as g } from "@reforma/components/Text";
+import { Close as E } from "@reforma/icons/12";
+import { Refresh as B } from "@reforma/icons/14";
+import { cn as l } from "@reforma/lib";
+import { useState as F, useMemo as I, Children as M } from "react";
+import { Image as R } from "../../Image/Image.js";
+import { Lightbox as j } from "../../Lightbox/Lightbox.js";
+import { Show as A } from "../../Show/Show.js";
+import { Spinner as O } from "../../Spinner/Spinner.js";
+import { Tooltip as _ } from "../../Tooltip/Tooltip.js";
+import { ChipIcon as $ } from "../Chip/ChipIcon.js";
+import { getFileKind as x } from "../Chip/helpers/chipKind.js";
+import i from "./Attachment.module.css.js";
+import { jsx as n, jsxs as p, Fragment as k } from "react/jsx-runtime";
+function D(e) {
+  if (e !== void 0 && !(!Number.isFinite(e) || e <= 0))
+    return Math.floor(e);
+}
+function ie({
+  size: e = "md",
+  className: r,
+  children: t,
+  defaultLimitCount: o,
+  showMoreLabel: a = "Show more",
+  ...d
+}) {
+  const [u, w] = F(!1), c = D(o), s = I(() => {
+    const y = [];
+    return M.forEach(t, (N) => {
+      y.push(N);
+    }), y;
+  }, [t]), m = s.length, {
+    visibleChildren: b,
+    overflowCount: h
+  } = I(() => c === void 0 || u || m <= c ? {
+    visibleChildren: s,
+    overflowCount: 0
+  } : {
+    visibleChildren: s.slice(0, c),
+    overflowCount: m - c
+  }, [s, u, c, m]), v = h > 0;
+  return /* @__PURE__ */ p("div", {
+    className: l(i.attachments, i.attachmentsGrid, r),
+    "data-slot": "attachments",
+    "data-size": e,
+    "data-single": m === 1 || void 0,
+    "data-collapsed": v ? "" : void 0,
+    ...d,
+    children: [b, /* @__PURE__ */ n(A, {
+      when: v,
+      children: /* @__PURE__ */ n(f, {
+        className: i.showMore,
+        type: "button",
+        variant: "ghost",
+        size: "unset",
+        "data-slot": "attachments-show-more",
+        tooltip: a,
+        tooltipPlacement: "top",
+        "aria-label": `${a} (+${h})`,
+        onPress: () => {
+          w(!0);
+        },
+        children: /* @__PURE__ */ p(g, {
+          variant: "label",
+          as: "span",
+          children: ["+", h]
+        })
+      })
+    })]
+  });
+}
+function S({
+  className: e,
+  children: r,
+  data: t,
+  loading: o = !1,
+  error: a = !1,
+  showIcon: d = !0,
+  showInfo: u = !0,
+  showMediaType: w,
+  onRetry: c,
+  onRemove: s,
+  onPress: m,
+  ...b
+}) {
+  const h = !!m && !o && !a, v = C(t), N = o ? /* @__PURE__ */ n("div", {
+    className: l(i.preview, i.previewLoading),
+    children: /* @__PURE__ */ n(O, {
+      size: "xs"
+    })
+  }) : a ? /* @__PURE__ */ p("div", {
+    className: l(i.preview, i.previewError),
+    children: [/* @__PURE__ */ n(T, {
+      data: t
+    }), /* @__PURE__ */ n(f, {
+      type: "button",
+      variant: "filled",
+      rounded: !0,
+      size: "unset",
+      iconOnly: !0,
+      className: i.retryButton,
+      tooltip: "Retry upload",
+      tooltipPlacement: "top",
+      onPress: c,
+      children: /* @__PURE__ */ n(B, {})
+    })]
+  }) : /* @__PURE__ */ n(T, {
+    data: t
+  }), z = /* @__PURE__ */ p(k, {
+    children: [N, /* @__PURE__ */ n(A, {
+      when: u,
+      children: /* @__PURE__ */ n(P, {
+        data: t,
+        showMediaType: !0,
+        className: i.inlineInfo
+      })
+    })]
+  });
+  return /* @__PURE__ */ n(_, {
+    content: u ? /* @__PURE__ */ n(P, {
+      data: t,
+      showMediaType: w
+    }) : null,
+    children: /* @__PURE__ */ p("div", {
+      className: l(i.attachment, h && i.pressable, a && i.attachmentError, e),
+      "data-slot": "attachment",
+      "data-attachment-id": t.id ?? t.filename,
+      "data-interactive": h || void 0,
+      "aria-busy": o || void 0,
+      "data-loading": o || void 0,
+      "data-error": a || void 0,
+      ...b,
+      children: [h ? /* @__PURE__ */ n(f, {
+        type: "button",
+        variant: "transparent",
+        color: "inherit",
+        size: "unset",
+        fullWidth: !0,
+        className: i.attachmentHit,
+        "aria-label": v,
+        onPress: m,
+        children: z
+      }) : z, /* @__PURE__ */ n(A, {
+        when: s && !o,
+        children: /* @__PURE__ */ n(G, {
+          className: i.remove,
+          onPress: s
+        })
+      })]
+    })
+  });
+}
+function G({
+  label: e = "Remove",
+  className: r,
+  ...t
+}) {
+  return /* @__PURE__ */ n(f, {
+    className: l(i.removeButton, r),
+    type: "button",
+    variant: "filled",
+    rounded: !0,
+    size: "unset",
+    iconOnly: !0,
+    "aria-label": e,
+    tooltip: e,
+    tooltipPlacement: "top",
+    ...t,
+    children: /* @__PURE__ */ n(E, {
+      size: "auto"
+    })
+  });
+}
+function T({
+  data: e,
+  className: r,
+  ...t
+}) {
+  const o = e.preview ?? e.url, {
+    type: a,
+    ext: d
+  } = x(e.mediaType, o ?? e.filename);
+  return a === "image" && o ? /* @__PURE__ */ n(R, {
+    className: l(i.preview, i.previewImg, r),
+    src: o,
+    alt: "Attachment",
+    ...t
+  }) : /* @__PURE__ */ n("div", {
+    className: l(i.preview, i.previewIcon, r),
+    ...t,
+    children: /* @__PURE__ */ n($, {
+      type: a,
+      fallback: d
+    })
+  });
+}
+function P({
+  data: e,
+  showMediaType: r = !1,
+  className: t,
+  ...o
+}) {
+  const a = e.filename ?? e.url ?? "Attachment";
+  return /* @__PURE__ */ p("div", {
+    className: l(i.attachmentInfo, t),
+    "data-slot": "attachment-info",
+    ...o,
+    children: [/* @__PURE__ */ n(g, {
+      variant: "label",
+      truncate: !0,
+      className: i.attachmentName,
+      children: a
+    }), r && e.mediaType ? /* @__PURE__ */ n(g, {
+      variant: "label",
+      className: i.attachmentType,
+      children: e.mediaType
+    }) : null]
+  });
+}
+function C(e) {
+  const {
+    type: r
+  } = x(e.mediaType, e.preview ?? e.url ?? e.filename);
+  let t = e.title || e.filename;
+  return t || (t = r === "image" ? "Image" : r === "document" ? "Document" : "Attachment"), t;
+}
+function re(e) {
+  const {
+    data: r
+  } = e, t = r.preview ?? r.url, {
+    type: o
+  } = x(r.mediaType, t ?? r.filename);
+  return o !== "image" || !t ? /* @__PURE__ */ n(S, {
+    ...e
+  }) : /* @__PURE__ */ n(j, {
+    src: t,
+    alt: C(r),
+    children: (a) => /* @__PURE__ */ n(S, {
+      ...e,
+      onPress: a
+    })
+  });
+}
+export {
+  S as Attachment,
+  P as AttachmentInfo,
+  T as AttachmentPreview,
+  G as AttachmentRemove,
+  ie as Attachments,
+  re as PreviewableAttachment,
+  C as getAttachmentLabel
+};
+//# sourceMappingURL=Attachment.js.map

package/dist/chat/Attachment/Attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.js","sources":["../../../src/chat/Attachment/Attachment.tsx"],"sourcesContent":["import { Button } from '@reforma/components/Button';\nimport { Text } from '@reforma/components/Text';\nimport { Close } from '@reforma/icons/12';\nimport { Refresh } from '@reforma/icons/14';\nimport { cn } from '@reforma/lib';\nimport {\n    Children,\n    useMemo,\n    useState,\n    type ComponentProps,\n    type HTMLAttributes,\n    type PropsWithChildren,\n    type ReactNode,\n} from 'react';\n\nimport { Image } from '../../Image';\nimport { Lightbox } from '../../Lightbox';\nimport { Show } from '../../Show';\nimport { Spinner } from '../../Spinner';\nimport { Tooltip } from '../../Tooltip';\nimport { ChipIcon, getFileKind } from '../Chip';\nimport styles from './Attachment.module.css';\n\nimport type { AttachmentData } from '@reforma/types';\n\nexport type AttachmentsSize = 'sm' | 'md';\n\nexport type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {\n    /** Tile edge length. @default 'md' */\n    size?: AttachmentsSize;\n    /**\n     * Max attachments shown before a “show more” control; unset or non-positive = show all.\n     * Pass each `<Attachment />` as a **direct child** (e.g. `items.map(...)`) so items can be split; a single wrapper child counts as one item.\n     */\n    defaultLimitCount?: number;\n    /** Accessible label for the expand control. @default 'Show more' */\n    showMoreLabel?: string;\n};\n\nfunction normalizeAttachmentLimit(defaultLimitCount: number | undefined): number | undefined {\n    if (defaultLimitCount === undefined) {\n        return undefined;\n    }\n\n    if (!Number.isFinite(defaultLimitCount) || defaultLimitCount <= 0) {\n        return undefined;\n    }\n\n    return Math.floor(defaultLimitCount);\n}\n\n/** Attachment list */\nexport function Attachments({\n    size = 'md',\n    className,\n    children,\n    defaultLimitCount,\n    showMoreLabel = 'Show more',\n    ...props\n}: AttachmentsProps) {\n    const [expanded, setExpanded] = useState(false);\n    const limit = normalizeAttachmentLimit(defaultLimitCount);\n    const childList = useMemo((): ReactNode[] => {\n        const out: ReactNode[] = [];\n\n        Children.forEach(children, (child) => {\n            out.push(child);\n        });\n\n        return out;\n    }, [children]);\n    const total = childList.length;\n\n    const { visibleChildren, overflowCount } = useMemo(() => {\n        if (limit === undefined || expanded || total <= limit) {\n            return { visibleChildren: childList, overflowCount: 0 };\n        }\n\n        return {\n            visibleChildren: childList.slice(0, limit),\n            overflowCount: total - limit,\n        };\n    }, [childList, expanded, limit, total]);\n\n    const showExpand = overflowCount > 0;\n\n    return (\n        <div\n            className={ cn(styles.attachments, styles.attachmentsGrid, className) }\n            data-slot=\"attachments\"\n            data-size={ size }\n            data-single={ total === 1 || undefined }\n            data-collapsed={ showExpand ? '' : undefined }\n            { ...props }\n        >\n            {visibleChildren}\n\n            <Show when={ showExpand }>\n                <Button\n                    className={ styles.showMore }\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"unset\"\n                    data-slot=\"attachments-show-more\"\n                    tooltip={ showMoreLabel }\n                    tooltipPlacement=\"top\"\n                    aria-label={ `${ showMoreLabel } (+${ overflowCount })` }\n                    onPress={ () => {\n                        setExpanded(true);\n                    } }\n                >\n                    <Text variant=\"label\" as=\"span\">\n                        +\n                        {overflowCount}\n                    </Text>\n                </Button>\n            </Show>\n        </div>\n    );\n}\n\ntype AttachmentPrimaryPress = NonNullable<ComponentProps<typeof Button>['onPress']>;\n\n/** Attachment item */\nexport type AttachmentProps = HTMLAttributes<HTMLDivElement> & PropsWithChildren<{\n    data: AttachmentData;\n    /** Spinner in place of preview; hides remove; sets `aria-busy` on the root. */\n    loading?: boolean;\n    /** Red border + retry control; hides remove while loading only. */\n    error?: boolean;\n    onRetry?: () => void;\n    onRemove?: () => void;\n    /**\n     * When set, the main hit target is a design-system {@link Button} (transparent).\n     * {@link AttachmentRemove} stays a sibling so there are no nested `<button>` elements.\n     */\n    onPress?: AttachmentPrimaryPress;\n    showIcon?: boolean;\n    showInfo?: boolean;\n    /** Extra line in the hover tooltip when `showInfo` is true. */\n    showMediaType?: boolean;\n}>;\n\nexport function Attachment({\n    className,\n    children: _children,\n    data,\n    loading = false,\n    error = false,\n    showIcon: _showIcon = true,\n    showInfo = true,\n    showMediaType,\n    onRetry,\n    onRemove,\n    onPress,\n    ...props\n}: AttachmentProps) {\n    const isInteractive = Boolean(onPress) && !loading && !error;\n    const label = getAttachmentLabel(data);\n    const loadingSpinnerSize = 'xs';\n\n    const previewContent = loading\n        ? (\n            <div className={ cn(styles.preview, styles.previewLoading) }>\n                <Spinner size={ loadingSpinnerSize } />\n            </div>\n        )\n        : error\n            ? (\n                <div className={ cn(styles.preview, styles.previewError) }>\n                    <AttachmentPreview data={ data } />\n                    <Button\n                        type=\"button\"\n                        variant=\"filled\"\n                        rounded\n                        size=\"unset\"\n                        iconOnly\n                        className={ styles.retryButton }\n                        tooltip=\"Retry upload\"\n                        tooltipPlacement=\"top\"\n                        onPress={ onRetry }\n                    >\n                        <Refresh />\n                    </Button>\n                </div>\n            )\n            : (\n                <AttachmentPreview data={ data } />\n            );\n\n    const content = (\n        <>\n            {previewContent}\n            <Show when={ showInfo }>\n                <AttachmentInfo data={ data } showMediaType className={ styles.inlineInfo } />\n            </Show>\n        </>\n    );\n\n    return (\n        <Tooltip content={\n            showInfo ? <AttachmentInfo data={ data } showMediaType={ showMediaType } /> : null\n        }\n        >\n            <div\n                className={ cn(\n                    styles.attachment,\n                    isInteractive && styles.pressable,\n                    error && styles.attachmentError,\n                    className\n                ) }\n                data-slot=\"attachment\"\n                data-attachment-id={ data.id ?? data.filename }\n                data-interactive={ isInteractive || undefined }\n                aria-busy={ loading || undefined }\n                data-loading={ loading || undefined }\n                data-error={ error || undefined }\n                { ...props }\n            >\n                {isInteractive\n                    ? (\n                        <Button\n                            type=\"button\"\n                            variant=\"transparent\"\n                            color=\"inherit\"\n                            size=\"unset\"\n                            fullWidth\n                            className={ styles.attachmentHit }\n                            aria-label={ label }\n                            onPress={ onPress }\n                        >\n                            {content}\n                        </Button>\n                    )\n                    : (\n                        content\n                    )}\n\n                <Show when={ onRemove && !loading }>\n                    <AttachmentRemove className={ styles.remove } onPress={ onRemove } />\n                </Show>\n            </div>\n        </Tooltip>\n    );\n}\n\n\n/** Attachment remove button */\nexport type AttachmentRemoveProps = ComponentProps<typeof Button> & {\n    label?: string;\n};\n\nexport function AttachmentRemove({ label = 'Remove', className, ...props }: AttachmentRemoveProps) {\n    return (\n        <Button\n            className={ cn(styles.removeButton, className) }\n            type=\"button\"\n            variant=\"filled\"\n            rounded\n            size=\"unset\"\n            iconOnly\n            aria-label={ label }\n            tooltip={ label }\n            tooltipPlacement=\"top\"\n            { ...props }\n        >\n            <Close size=\"auto\" />\n        </Button>\n    );\n}\n\n/** Attachment preview media (image) */\nexport type AttachmentPreviewMediaProps = HTMLAttributes<HTMLImageElement> & {\n    data: AttachmentData;\n};\n\nexport function AttachmentPreview({ data, className, ...props }: AttachmentPreviewMediaProps) {\n    const previewSrc = data.preview ?? data.url;\n    const { type, ext } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type === 'image' && previewSrc) {\n        return (\n            <Image\n                className={ cn(styles.preview, styles.previewImg, className) }\n                src={ previewSrc }\n                alt=\"Attachment\"\n                { ...props }\n            />\n        );\n    }\n\n    return (\n        <div className={ cn(styles.preview, styles.previewIcon, className) } { ...props }>\n            {/* Show generic icon or more specific extension icon as fallback */}\n            <ChipIcon type={ type } fallback={ ext } />\n        </div>\n    );\n}\n\n/** Attachment metadata (name, type) */\nexport type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {\n    data: AttachmentData;\n    showMediaType?: boolean;\n};\n\nexport function AttachmentInfo({ data, showMediaType = false, className, ...props }: AttachmentInfoProps) {\n    const label = data.filename ?? data.url ?? 'Attachment';\n\n    return (\n        <div className={ cn(styles.attachmentInfo, className) } data-slot=\"attachment-info\" { ...props }>\n            <Text variant=\"label\" truncate className={ styles.attachmentName }>\n                {label}\n            </Text>\n\n            {(showMediaType && data.mediaType)\n                ? (\n                    <Text variant=\"label\" className={ styles.attachmentType }>\n                        {data.mediaType}\n                    </Text>\n                )\n                : null}\n        </div>\n    );\n}\n\nexport function getAttachmentLabel(data: AttachmentData): string {\n    const { type } = getFileKind(data.mediaType, data.preview ?? data.url ?? data.filename);\n\n    let label = data.title || data.filename;\n\n    if (!label) {\n        label = type === 'image' ? 'Image' : type === 'document' ? 'Document' : 'Attachment';\n    }\n\n    return label;\n}\n\n/** Image attachment with URL: wraps {@link Attachment} in {@link Lightbox}; otherwise plain {@link Attachment}. */\nexport function PreviewableAttachment(props: AttachmentProps) {\n    const { data } = props;\n    const previewSrc = data.preview ?? data.url;\n    const { type } = getFileKind(data.mediaType, previewSrc ?? data.filename);\n\n    if (type !== 'image' || !previewSrc) {\n        return <Attachment { ...props } />;\n    }\n\n    return (\n        <Lightbox src={ previewSrc } alt={ getAttachmentLabel(data) }>\n            {open => <Attachment { ...props } onPress={ open } />}\n        </Lightbox>\n    );\n}\n"],"names":["normalizeAttachmentLimit","defaultLimitCount","Attachments","size","className","children","showMoreLabel","props","expanded","setExpanded","useState","limit","childList","useMemo","out","Children","child","total","visibleChildren","overflowCount","showExpand","cn","styles","_jsx","Show","Button","Text","Attachment","_children","data","loading","error","_showIcon","showInfo","showMediaType","onRetry","onRemove","onPress","isInteractive","label","getAttachmentLabel","previewContent","Spinner","_jsxs","AttachmentPreview","Refresh","content","_Fragment","AttachmentInfo","Tooltip","AttachmentRemove","Close","previewSrc","type","ext","getFileKind","Image","ChipIcon","PreviewableAttachment","Lightbox","open"],"mappings":"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"}

package/dist/chat/Attachment/Attachment.module.css

@@ -0,0 +1 @@
+@layer components{.Attachment_attachments_Vn5j2A{--attachment-radius: var(--radius-sm);--attachment-background: var(--color-background);--attachment-text: var(--color-text);--attachment-border: var(--color-secondary-muted-border);--attachment-background-hover: color-mix(in srgb, var(--color-text) 6%, var(--attachment-background));--attachment-text-hover: var(--attachment-text);--attachment-border-hover: var(--color-secondary-muted-border-hover);display:flex;gap:var(--spacing-xs)}.Attachment_attachment_Uvuz9g{position:relative;outline:1px solid var(--attachment-border);outline-offset:-1px;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));background-color:var(--attachment-background);color:var(--attachment-text);corner-shape:superellipse(var(--squircle-value));overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;font-weight:400;font-size:var(--text-sm);line-height:var(--leading-sm);font-family:Onest,sans-serif;letter-spacing:0}@media(hover:hover){.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA{transition:background-color .15s ease,color .15s ease,outline-color .15s ease}.Attachment_attachment_Uvuz9g.Attachment_pressable_hG0jBA:hover{outline-color:var(--attachment-border-hover);background-color:var(--attachment-background-hover);color:var(--attachment-text-hover)}}.Attachment_attachmentHit_iDUl6i{box-sizing:border-box;margin:0;border-radius:inherit;corner-shape:inherit;align-self:stretch}.Attachment_preview_VgvjVv{display:flex;justify-content:center;align-items:center;aspect-ratio:1/1;min-width:0;min-height:0;overflow:hidden}.Attachment_previewImg_OabBWX{border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));corner-shape:superellipse(var(--squircle-value));width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;background:linear-gradient(45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(-45deg,rgba(42,37,33,.1) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(42,37,33,.1) 75%),linear-gradient(-45deg,transparent 75%,rgba(42,37,33,.1) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;background-color:var(--color-secondary);object-position:center}.Attachment_previewIcon_k7tYnR{opacity:.5}.Attachment_previewLoading_93gSQR{flex-shrink:0}.Attachment_attachmentError_2F527r{outline-color:var(--color-danger)}.Attachment_previewError_gTp9Hy{position:relative;width:100%;height:100%}.Attachment_previewError_gTp9Hy .Attachment_previewImg_OabBWX,.Attachment_previewError_gTp9Hy .Attachment_previewIcon_k7tYnR{opacity:.45}.Attachment_retryButton_fovjBN{position:absolute;z-index:1;margin:auto;inset:0;width:22px;height:22px}.Attachment_attachmentInfo_DoK0EU{display:flex;flex-direction:column}.Attachment_attachmentType_I9oxeD{opacity:.5}.Attachment_inlineInfo_BJFA3Z{display:none;flex:1;min-width:0}.Attachment_inlineInfo_BJFA3Z .Attachment_attachmentType_I9oxeD{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Attachment_showMore_CSqv6s{flex-shrink:0;border-radius:calc(var(--attachment-radius) * var(--squircle-radius-factor));padding:var(--spacing-4) var(--spacing-6);corner-shape:superellipse(var(--squircle-value));align-self:stretch;min-width:34px}.Attachment_attachmentsGrid_BybUno{flex-wrap:wrap;--attachment-size: 60px;--attachment-width: var(--spacing-224);--attachment-remove-offset: 4px;--attachment-remove-size: 18px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-lg)}.Attachment_attachmentsGrid_BybUno[data-size=sm]{--attachment-size: 36px;--attachment-width: var(--spacing-192);--attachment-remove-offset: 2px;--attachment-remove-size: 14px;--attachment-remove-icon-size: 8px;--attachment-radius: var(--radius-sm)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g{width:var(--attachment-size);height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachmentHit_iDUl6i{display:flex;justify-content:center;align-items:center;padding:0;width:100%;min-width:0;height:100%;min-height:0}.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7{position:absolute;top:var(--attachment-remove-offset);right:var(--attachment-remove-offset);visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease;width:var(--attachment-remove-size);height:var(--attachment-remove-size)}:is(.Attachment_attachmentsGrid_BybUno .Attachment_removeButton_9bgTC7) svg{width:var(--attachment-remove-icon-size);height:var(--attachment-remove-icon-size)}.Attachment_attachmentsGrid_BybUno .Attachment_attachment_Uvuz9g:hover .Attachment_removeButton_9bgTC7{visibility:visible;opacity:1}.Attachment_attachmentsGrid_BybUno .Attachment_showMore_CSqv6s{min-width:34px;height:var(--attachment-size)}.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z){display:flex;align-items:center;gap:var(--spacing-md);box-sizing:border-box;width:var(--attachment-width);min-width:0;max-width:100%}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)):not(.Attachment_pressable_hG0jBA),:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{padding:var(--spacing-sm)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_attachmentHit_iDUl6i{justify-content:flex-start;gap:var(--spacing-md);text-align:left}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_preview_VgvjVv{flex-shrink:0;width:calc(var(--attachment-size) - var(--spacing-sm) * 2);height:calc(var(--attachment-size) - var(--spacing-sm) * 2)}:is(.Attachment_attachmentsGrid_BybUno[data-single] .Attachment_attachment_Uvuz9g:has(.Attachment_inlineInfo_BJFA3Z)) .Attachment_inlineInfo_BJFA3Z{display:flex}}

package/dist/chat/Attachment/Attachment.module.css.js

@@ -0,0 +1,40 @@
+const t = "Attachment_attachments_Vn5j2A", e = "Attachment_attachment_Uvuz9g", n = "Attachment_pressable_hG0jBA", a = "Attachment_attachmentHit_iDUl6i", c = "Attachment_preview_VgvjVv", o = "Attachment_previewImg_OabBWX", r = "Attachment_previewIcon_k7tYnR", m = "Attachment_previewLoading_93gSQR", h = "Attachment_attachmentError_2F527r", s = "Attachment_previewError_gTp9Hy", _ = "Attachment_retryButton_fovjBN", i = "Attachment_attachmentInfo_DoK0EU", p = "Attachment_attachmentType_I9oxeD", v = "Attachment_inlineInfo_BJFA3Z", A = "Attachment_showMore_CSqv6s", w = "Attachment_attachmentsGrid_BybUno", I = "Attachment_removeButton_9bgTC7", g = {
+  attachments: t,
+  attachment: e,
+  pressable: n,
+  attachmentHit: a,
+  preview: c,
+  previewImg: o,
+  previewIcon: r,
+  previewLoading: m,
+  attachmentError: h,
+  previewError: s,
+  retryButton: _,
+  attachmentInfo: i,
+  attachmentType: p,
+  inlineInfo: v,
+  showMore: A,
+  attachmentsGrid: w,
+  removeButton: I
+};
+export {
+  e as attachment,
+  h as attachmentError,
+  a as attachmentHit,
+  i as attachmentInfo,
+  p as attachmentType,
+  t as attachments,
+  w as attachmentsGrid,
+  g as default,
+  v as inlineInfo,
+  n as pressable,
+  c as preview,
+  s as previewError,
+  r as previewIcon,
+  o as previewImg,
+  m as previewLoading,
+  I as removeButton,
+  _ as retryButton,
+  A as showMore
+};
+//# sourceMappingURL=Attachment.module.css.js.map

package/dist/chat/Attachment/Attachment.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/chat/Attachment/index.d.ts

@@ -0,0 +1,2 @@
+export { Attachment, AttachmentPreview, Attachments, getAttachmentLabel, PreviewableAttachment, type AttachmentPreviewMediaProps, type AttachmentProps, type AttachmentsProps, } from './Attachment';
+//# sourceMappingURL=index.d.ts.map