@mirror-physics/fractal-ui 0.2.0-next.44 → 0.2.0-next.46
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 +30 -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 +29 -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,34 @@ 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.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: [
|
|
1663
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "100%" }),
|
|
1664
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "86%" }),
|
|
1665
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "64%" })
|
|
1666
|
+
] }) }),
|
|
1667
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { "aria-hidden": "true", className: "fractal-ghost-conversation__message fractal-ghost-conversation__message--assistant", children: [
|
|
1668
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "92%" }),
|
|
1669
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "78%" }),
|
|
1670
|
+
/* @__PURE__ */ (0, import_jsx_runtime23.jsx)(GhostLine, { width: "58%" })
|
|
1671
|
+
] })
|
|
1672
|
+
]
|
|
1673
|
+
}
|
|
1674
|
+
);
|
|
1675
|
+
}
|
|
1647
1676
|
function SortableTableGhost(props) {
|
|
1648
1677
|
return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(DataTableGhost, { ...props });
|
|
1649
1678
|
}
|
|
@@ -2004,6 +2033,7 @@ function Pagination({
|
|
|
2004
2033
|
ChipGhost,
|
|
2005
2034
|
ContentSwitcher,
|
|
2006
2035
|
ContentSwitcherGhost,
|
|
2036
|
+
ConversationGhost,
|
|
2007
2037
|
DataTable,
|
|
2008
2038
|
DataTableGhost,
|
|
2009
2039
|
Disclosure,
|