@dust-tt/sparkle 0.2.138 → 0.2.139

package/dist/cjs/components/PriceTable.d.ts

@@ -12,7 +12,7 @@ interface PriceTableProps {
 export declare function PriceTable({ title, price, color, size, priceLabel, className, magnified, children, }: PriceTableProps): React.JSX.Element;
 export declare namespace PriceTable {
     var Item: ({ label, variant, size, className, }: PriceTableItemProps) => React.JSX.Element;
-    var ActionContainer: ({ children, size, }: PriceTableActionContainerProps) => React.JSX.Element;
+    var ActionContainer: ({ children, size, position, }: PriceTableActionContainerProps) => React.JSX.Element;
     var Container: ({ children }: PriceTableContainerProps) => React.JSX.Element;
 }
 interface PriceTableItemProps {
@@ -24,6 +24,7 @@ interface PriceTableItemProps {
 interface PriceTableActionContainerProps {
     children: ReactNode;
     size?: "xs" | "sm";
+    position?: "top" | "bottom";
 }
 interface PriceTableContainerProps {
     children: ReactNode;

package/dist/cjs/index.js

@@ -54731,9 +54731,13 @@ PriceTable.Item = function (_a) {
                 : "", "s-overflow-hidden") }, label)));
 };
 PriceTable.ActionContainer = function (_a) {
-    var children = _a.children, _b = _a.size, size = _b === void 0 ? "xs" : _b;
-    return (React.createElement("div", { className: classNames("s-flex s-w-full s-flex-grow s-justify-center s-px-2", size === "xs" ? "s-py-2" : "s-py-4") },
-        React.createElement("div", { className: "s-flex s-h-full s-flex-col s-justify-end" }, children)));
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? "xs" : _b, _c = _a.position, position = _c === void 0 ? "bottom" : _c;
+    return (React.createElement(React.Fragment, null,
+        position === "bottom" ? React.createElement("div", { className: "s-h-full s-w-full" }) : null,
+        React.createElement("div", { className: classNames("s-flex s-w-full s-justify-center s-px-2", size === "xs" ? "s-py-2" : "s-py-4", position === "top"
+                ? "s-border-b s-border-structure-100 dark:s-border-structure-200-dark/50"
+                : "") },
+            React.createElement("div", { className: "s-flex s-h-full s-flex-col s-justify-end" }, children))));
 };
 PriceTable.Container = function (_a) {
     var children = _a.children;