@dust-tt/sparkle 0.2.70 → 0.2.71-pr

package/dist/cjs/index.js

@@ -32064,14 +32064,14 @@ function Tab(_a) {
     var components = React.useContext(SparkleContext).components;
     var renderTabs = function () {
         return tabs.map(function (tab, i) {
-            var _a, _b;
+            var _a, _b, _c, _d;
             var tabStateClasses = tab.current
                 ? tabClasses.selected
                 : tabClasses.default;
             var iconStateClasses = tab.current
                 ? iconClasses$4.selected
                 : iconClasses$4.default;
-            var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-2.5 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", tab.icon ? (tab.hideLabel ? "s-px-3" : "s-pr-3.5 s-pl-2.5") : "s-px-3", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, tabSizingClasses[(_a = tab.sizing) !== null && _a !== void 0 ? _a : "hug"], className);
+            var finalTabClasses = classNames("s-group s-justify-center s-flex s-text-sm s-font-semibold s-py-2.5 s-transition-all ease-out s-duration-400 s-whitespace-nowrap s-select-none s-border-b-2", tab.icon ? (tab.hideLabel ? "s-px-3" : "s-pr-3.5 s-pl-2.5") : "s-px-3", tabStateClasses.base, tabStateClasses.hover, tabStateClasses.dark.base, tabStateClasses.dark.hover, className);
             var finalIconClasses = classNames("s-transition-colors s-duration-400", iconStateClasses.base, iconStateClasses.hover, iconStateClasses.dark.base, iconStateClasses.dark.hover, className);
             var Link = tab.href
                 ? components.link
@@ -32080,14 +32080,14 @@ function Tab(_a) {
                 React.createElement("div", { className: tab.current
                         ? "s-flex s-gap-x-2"
                         : "s-flex s-gap-x-2 s-transition s-duration-300 s-ease-out" },
-                    tab.icon && (React.createElement(Icon, { visual: tab.icon, className: finalIconClasses, size: "sm" })), (_b = tab.hideLabel) !== null && _b !== void 0 ? _b : tab.label)));
+                    tab.icon && (React.createElement(Icon, { visual: tab.icon, className: finalIconClasses, size: "sm" })), (_a = tab.hideLabel) !== null && _a !== void 0 ? _a : tab.label)));
             return tab.hideLabel ? (tab.label ? (React.createElement(React.Fragment, { key: "tab-".concat(i) },
-                React.createElement("div", null,
+                React.createElement("div", { className: tabSizingClasses[(_b = tab.sizing) !== null && _b !== void 0 ? _b : "hug"] },
                     React.createElement(Tooltip, { label: tab.label }, content)),
                 tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) })))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
-                React.createElement("div", null, content),
+                React.createElement("div", { className: tabSizingClasses[(_c = tab.sizing) !== null && _c !== void 0 ? _c : "hug"] }, content),
                 tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))))) : (React.createElement(React.Fragment, { key: "tab-".concat(i) },
-                React.createElement("div", null, content),
+                React.createElement("div", { className: tabSizingClasses[(_d = tab.sizing) !== null && _d !== void 0 ? _d : "hug"] }, content),
                 tab.hasSeparator && (React.createElement("div", { className: "s-flex s-h-full s-grow", key: "sep-".concat(i) }))));
         });
     };