@mirror-physics/fractal-ui 0.2.0-next.44 → 0.2.0-next.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +35 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +27 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +34 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -50,6 +50,7 @@ __export(index_exports, {
|
|
|
50
50
|
ChipGhost: () => ChipGhost,
|
|
51
51
|
ContentSwitcher: () => ContentSwitcher,
|
|
52
52
|
ContentSwitcherGhost: () => ContentSwitcherGhost,
|
|
53
|
+
ConversationGhost: () => ConversationGhost,
|
|
53
54
|
DataTable: () => DataTable,
|
|
54
55
|
DataTableGhost: () => DataTableGhost,
|
|
55
56
|
Disclosure: () => Disclosure,
|
|
@@ -1644,6 +1645,39 @@ function FileDropzoneGhost({ className, ...props }) {
|
|
|
1644
1645
|
function PromptCardGhost({ className, ...props }) {
|
|
1645
1646
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CardGhost, { className: cn("fractal-ghost-prompt-card", className), lines: 4, ...props });
|
|
1646
1647
|
}
|
|
1648
|
+
function ConversationGhost({
|
|
1649
|
+
className,
|
|
1650
|
+
"aria-label": ariaLabel = "Loading conversation",
|
|
1651
|
+
...props
|
|
1652
|
+
}) {
|
|
1653
|
+
return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
|
|
1654
|
+
"div",
|
|
1655
|
+
{
|
|
1656
|
+
"aria-busy": "true",
|
|
1657
|
+
"aria-label": ariaLabel,
|
|
1658
|
+
className: cn("fractal-ghost-conversation", className),
|
|
1659
|
+
role: "status",
|
|
1660
|
+
...props,
|
|
1661
|
+
children: [
|
|
1662
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { "aria-hidden": "true", className: "fractal-ghost-conversation__message fractal-ghost-conversation__message--assistant", children: [
|
|
1663
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "92%" }),
|
|
1664
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "78%" }),
|
|
1665
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "58%" })
|
|
1666
|
+
] }),
|
|
1667
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { "aria-hidden": "true", className: "fractal-ghost-conversation__message fractal-ghost-conversation__message--user", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "fractal-ghost-conversation__bubble", children: [
|
|
1668
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "100%" }),
|
|
1669
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "86%" }),
|
|
1670
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "64%" })
|
|
1671
|
+
] }) }),
|
|
1672
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { "aria-hidden": "true", className: "fractal-ghost-conversation__message fractal-ghost-conversation__message--assistant", children: [
|
|
1673
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "84%" }),
|
|
1674
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "96%" }),
|
|
1675
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "46%" })
|
|
1676
|
+
] })
|
|
1677
|
+
]
|
|
1678
|
+
}
|
|
1679
|
+
);
|
|
1680
|
+
}
|
|
1647
1681
|
function SortableTableGhost(props) {
|
|
1648
1682
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DataTableGhost, { ...props });
|
|
1649
1683
|
}
|
|
@@ -2004,6 +2038,7 @@ function Pagination({
|
|
|
2004
2038
|
ChipGhost,
|
|
2005
2039
|
ContentSwitcher,
|
|
2006
2040
|
ContentSwitcherGhost,
|
|
2041
|
+
ConversationGhost,
|
|
2007
2042
|
DataTable,
|
|
2008
2043
|
DataTableGhost,
|
|
2009
2044
|
Disclosure,
|