@dust-tt/sparkle 0.2.107 → 0.2.108

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.
@@ -20,7 +20,7 @@ export declare namespace Page {
20
20
  var Fluid: ({ children, sizing, align, gap, }: PageDivProps) => React.JSX.Element;
21
21
  }
22
22
  interface PageHeaderProps {
23
- title: string;
23
+ title: React.ReactNode;
24
24
  description?: string;
25
25
  icon?: ComponentType<{
26
26
  className?: string;
package/dist/cjs/index.js CHANGED
@@ -33284,11 +33284,11 @@ Page.Layout = function (_a) {
33284
33284
  };
33285
33285
  Page.Horizontal = function (_a) {
33286
33286
  var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "lg" : _c;
33287
- return (React.createElement("div", { className: classNames("s-flex s-flex-col sm:s-flex-row", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-justify-start" : "", align === "center" ? "s-justify-center" : "", align === "right" ? "s-justify-end" : "", align === "stretch" ? "s-justify-stretch" : "") }, children));
33287
+ return (React.createElement("div", { className: classNames("s-flex s-flex-col sm:s-flex-row", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-justify-start" : "", align === "center" ? "s-justify-center" : "", align === "right" ? "s-justify-end" : "", align === "stretch" ? "s-justify-stretch" : "") }, children));
33288
33288
  };
33289
33289
  Page.Vertical = function (_a) {
33290
33290
  var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "left" : _b, _c = _a.gap, gap = _c === void 0 ? "md" : _c;
33291
- return (React.createElement("div", { className: classNames("s-flex s-flex-col", sizing === "grow" ? "s-grow" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
33291
+ return (React.createElement("div", { className: classNames("s-flex s-flex-col", sizing === "grow" ? "s-grow s-basis-0" : "", sizing === "shrink" ? "s-shrink" : "", gapSizes[gap], align === "left" ? "s-items-start" : "", align === "center" ? "s-items-center" : "", align === "right" ? "s-items-end" : "") }, children));
33292
33292
  };
33293
33293
  Page.Fluid = function (_a) {
33294
33294
  var children = _a.children, sizing = _a.sizing, _b = _a.align, align = _b === void 0 ? "stretch" : _b, _c = _a.gap, gap = _c === void 0 ? "xs" : _c;