@trops/dash-react 1.0.36 → 1.0.38

package/dist/index.js

@@ -1786,7 +1786,8 @@ function Heading(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$as = _ref.as,
-    as = _ref$as === void 0 ? null : _ref$as;
+    as = _ref$as === void 0 ? null : _ref$as,
+    children = _ref.children;
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
   var paddingStyles = padding === true ? "py-3 2xl:py-4" : "p-0";
@@ -1800,7 +1801,7 @@ function Heading(_ref) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-5xl", " ").concat(styles.fontWeight || "font-bold", " ").concat(styles.letterSpacing || "tracking-tight", " ").concat(styles.lineHeight || "leading-tight", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 function Heading2(_ref2) {
   var title = _ref2.title,
@@ -1815,7 +1816,8 @@ function Heading2(_ref2) {
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
     _ref2$as = _ref2.as,
-    as = _ref2$as === void 0 ? null : _ref2$as;
+    as = _ref2$as === void 0 ? null : _ref2$as,
+    children = _ref2.children;
   var _useContext2 = useContext(ThemeContext),
     currentTheme = _useContext2.currentTheme;
   var paddingStyles = padding === true ? "py-2.5 2xl:py-3" : "p-0";
@@ -1829,7 +1831,7 @@ function Heading2(_ref2) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-4xl", " ").concat(styles.fontWeight || "font-bold", " ").concat(styles.letterSpacing || "tracking-tight", " ").concat(styles.lineHeight || "leading-tight", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 function Heading3(_ref3) {
   var title = _ref3.title,
@@ -1844,7 +1846,8 @@ function Heading3(_ref3) {
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
     _ref3$as = _ref3.as,
-    as = _ref3$as === void 0 ? null : _ref3$as;
+    as = _ref3$as === void 0 ? null : _ref3$as,
+    children = _ref3.children;
   var _useContext3 = useContext(ThemeContext),
     currentTheme = _useContext3.currentTheme;
   var paddingStyles = padding === true ? "py-2 2xl:py-3" : "p-0";
@@ -1858,7 +1861,7 @@ function Heading3(_ref3) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-3xl", " ").concat(styles.fontWeight || "font-semibold", " ").concat(styles.letterSpacing || "tracking-tight", " ").concat(styles.lineHeight || "leading-tight", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 function SubHeading(_ref4) {
   var title = _ref4.title,
@@ -1873,7 +1876,8 @@ function SubHeading(_ref4) {
     _ref4$className = _ref4.className,
     className = _ref4$className === void 0 ? "" : _ref4$className,
     _ref4$as = _ref4.as,
-    as = _ref4$as === void 0 ? null : _ref4$as;
+    as = _ref4$as === void 0 ? null : _ref4$as,
+    children = _ref4.children;
   var _useContext4 = useContext(ThemeContext),
     currentTheme = _useContext4.currentTheme;
   var paddingStyles = padding === true ? "py-2 2xl:py-3" : "p-0";
@@ -1887,7 +1891,7 @@ function SubHeading(_ref4) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row w-full ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-2xl", " ").concat(styles.fontWeight || "font-semibold", " ").concat(styles.letterSpacing || "tracking-tight", " ").concat(styles.lineHeight || "leading-snug", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 function SubHeading2(_ref5) {
   var title = _ref5.title,
@@ -1902,7 +1906,8 @@ function SubHeading2(_ref5) {
     _ref5$className = _ref5.className,
     className = _ref5$className === void 0 ? "" : _ref5$className,
     _ref5$as = _ref5.as,
-    as = _ref5$as === void 0 ? null : _ref5$as;
+    as = _ref5$as === void 0 ? null : _ref5$as,
+    children = _ref5.children;
   var _useContext5 = useContext(ThemeContext),
     currentTheme = _useContext5.currentTheme;
   var paddingStyles = padding === true ? "py-1.5 2xl:py-2" : "p-0";
@@ -1916,7 +1921,7 @@ function SubHeading2(_ref5) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row w-full ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-xl", " ").concat(styles.fontWeight || "font-medium", " ").concat(styles.letterSpacing || "tracking-tight", " ").concat(styles.lineHeight || "leading-snug", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 function SubHeading3(_ref6) {
   var title = _ref6.title,
@@ -1931,7 +1936,8 @@ function SubHeading3(_ref6) {
     _ref6$className = _ref6.className,
     className = _ref6$className === void 0 ? "" : _ref6$className,
     _ref6$as = _ref6.as,
-    as = _ref6$as === void 0 ? null : _ref6$as;
+    as = _ref6$as === void 0 ? null : _ref6$as,
+    children = _ref6.children;
   var _useContext6 = useContext(ThemeContext),
     currentTheme = _useContext6.currentTheme;
   var paddingStyles = padding === true ? "py-1 2xl:py-2" : "p-0";
@@ -1945,13 +1951,13 @@ function SubHeading3(_ref6) {
   return /*#__PURE__*/createElement(Tag, {
     className: "flex flex-row w-full ".concat(className, " ").concat(paddingStyles, " ").concat(styles.textSize || "text-lg", " ").concat(styles.fontWeight || "font-medium", " ").concat(styles.letterSpacing || "tracking-normal", " ").concat(styles.lineHeight || "leading-snug", " ").concat(styles.textColor || "", " ").concat(styles.backgroundColor || "", " ").concat(onClick !== null && "cursor-pointer"),
     onClick: onClick
-  }, title);
+  }, children !== undefined ? children : title);
 }
 
 function _typeof$D(o) { "@babel/helpers - typeof"; return _typeof$D = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$D(o); }
-var _excluded$w = ["title", "onClick", "disabled", "padding", "textSize", "block", "size", "className"],
-  _excluded2$a = ["title", "onClick", "disabled", "textSize", "padding", "block", "size", "className"],
-  _excluded3$a = ["title", "onClick", "disabled", "textSize", "padding", "block", "size", "className"];
+var _excluded$w = ["title", "onClick", "disabled", "padding", "textSize", "block", "size", "className", "children"],
+  _excluded2$a = ["title", "onClick", "disabled", "textSize", "padding", "block", "size", "className", "children"],
+  _excluded3$a = ["title", "onClick", "disabled", "textSize", "padding", "block", "size", "className", "children"];
 function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty$z(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$z(e, r, t) { return (r = _toPropertyKey$D(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -1974,6 +1980,7 @@ var Button = function Button(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
     props = _objectWithoutProperties$w(_ref, _excluded$w);
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
@@ -1990,7 +1997,7 @@ var Button = function Button(_ref) {
     onClick: onClick,
     disabled: disabled,
     className: "flex flex-nowrap whitespace-nowrap flex-row justify-center items-center ".concat(styles.string, " ").concat(width, " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ").concat(styles.focusRingColor || "", " ").concat(className),
-    children: title
+    children: children !== undefined ? children : title
   });
 };
 var Button2 = function Button2(_ref2) {
@@ -2008,6 +2015,7 @@ var Button2 = function Button2(_ref2) {
     size = _ref2$size === void 0 ? "md" : _ref2$size,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
+    children = _ref2.children,
     props = _objectWithoutProperties$w(_ref2, _excluded2$a);
   var _useContext2 = useContext(ThemeContext),
     currentTheme = _useContext2.currentTheme;
@@ -2023,7 +2031,7 @@ var Button2 = function Button2(_ref2) {
     onClick: onClick,
     disabled: disabled,
     className: "flex flex-row flex-shrink justify-center items-center ".concat(styles.string, " ").concat(width, " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ").concat(className),
-    children: title
+    children: children !== undefined ? children : title
   });
 };
 var Button3 = function Button3(_ref3) {
@@ -2041,6 +2049,7 @@ var Button3 = function Button3(_ref3) {
     size = _ref3$size === void 0 ? "md" : _ref3$size,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
+    children = _ref3.children,
     props = _objectWithoutProperties$w(_ref3, _excluded3$a);
   var _useContext3 = useContext(ThemeContext),
     currentTheme = _useContext3.currentTheme;
@@ -2055,14 +2064,14 @@ var Button3 = function Button3(_ref3) {
     onClick: onClick,
     disabled: disabled,
     className: "flex flex-row justify-center items-center ".concat(styles.string, " ").concat(width, " focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ").concat(className),
-    children: title
+    children: children !== undefined ? children : title
   });
 };
 
 function _typeof$C(o) { "@babel/helpers - typeof"; return _typeof$C = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$C(o); }
-var _excluded$v = ["onClick", "icon", "text", "block", "textSize", "textColor", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel"],
-  _excluded2$9 = ["onClick", "icon", "text", "block", "textSize", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel"],
-  _excluded3$9 = ["onClick", "icon", "text", "block", "textSize", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel"];
+var _excluded$v = ["onClick", "icon", "text", "block", "textSize", "textColor", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel", "children"],
+  _excluded2$9 = ["onClick", "icon", "text", "block", "textSize", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel", "children"],
+  _excluded3$9 = ["onClick", "icon", "text", "block", "textSize", "iconSize", "backgroundColor", "selected", "selectedBackgroundColor", "selectedTextColor", "disabled", "className", "size", "ariaLabel", "children"];
 function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty$y(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$y(e, r, t) { return (r = _toPropertyKey$C(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -2100,6 +2109,7 @@ var ButtonIcon = function ButtonIcon(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     _ref$ariaLabel = _ref.ariaLabel,
     ariaLabel = _ref$ariaLabel === void 0 ? null : _ref$ariaLabel,
+    children = _ref.children,
     props = _objectWithoutProperties$v(_ref, _excluded$v);
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
@@ -2114,7 +2124,10 @@ var ButtonIcon = function ButtonIcon(_ref) {
   var uuid = getUUID$1("", "button-icon");
   var computedIconSize = iconSize || styles.iconSize || "h-5 w-5";
   var hasIcon = icon !== "";
-  var hasText = text !== "" && text !== null;
+  // Accept the button label via `text` prop (canonical) OR children
+  // (LLM-friendly shorthand). Prop wins when both are provided.
+  var effectiveText = text !== "" && text !== null ? text : children;
+  var hasText = effectiveText !== undefined && effectiveText !== null && effectiveText !== "";
   var bgColor = selected ? styles.selectedBackgroundColor || styles.backgroundColor || "" : styles.backgroundColor || "";
   var txtColor = selected ? styles.selectedTextColor || styles.textColor || "" : styles.textColor || "";
   return /*#__PURE__*/jsxs("button", {
@@ -2128,7 +2141,7 @@ var ButtonIcon = function ButtonIcon(_ref) {
       icon: icon,
       className: computedIconSize
     }), hasText && /*#__PURE__*/jsx("span", {
-      children: text
+      children: effectiveText
     })]
   });
 };
@@ -2160,6 +2173,7 @@ var ButtonIcon2 = function ButtonIcon2(_ref2) {
     size = _ref2$size === void 0 ? "md" : _ref2$size,
     _ref2$ariaLabel = _ref2.ariaLabel,
     ariaLabel = _ref2$ariaLabel === void 0 ? null : _ref2$ariaLabel,
+    children = _ref2.children,
     props = _objectWithoutProperties$v(_ref2, _excluded2$9);
   var _useContext2 = useContext(ThemeContext),
     currentTheme = _useContext2.currentTheme;
@@ -2173,7 +2187,10 @@ var ButtonIcon2 = function ButtonIcon2(_ref2) {
   var uuid = getUUID$1("", "button-icon-2");
   var computedIconSize = iconSize || styles.iconSize || "h-4 w-4";
   var hasIcon = icon !== "";
-  var hasText = text !== "" && text !== null;
+  // Accept the button label via `text` prop (canonical) OR children
+  // (LLM-friendly shorthand). Prop wins when both are provided.
+  var effectiveText = text !== "" && text !== null ? text : children;
+  var hasText = effectiveText !== undefined && effectiveText !== null && effectiveText !== "";
   var bgColor = selected ? styles.selectedBackgroundColor || styles.backgroundColor || "" : styles.backgroundColor || "";
   var txtColor = selected ? styles.selectedTextColor || styles.textColor || "" : styles.textColor || "";
   return /*#__PURE__*/jsxs("button", {
@@ -2187,7 +2204,7 @@ var ButtonIcon2 = function ButtonIcon2(_ref2) {
       icon: icon,
       className: computedIconSize
     }), hasText && /*#__PURE__*/jsx("span", {
-      children: text
+      children: effectiveText
     })]
   });
 };
@@ -2219,6 +2236,7 @@ var ButtonIcon3 = function ButtonIcon3(_ref3) {
     size = _ref3$size === void 0 ? "md" : _ref3$size,
     _ref3$ariaLabel = _ref3.ariaLabel,
     ariaLabel = _ref3$ariaLabel === void 0 ? null : _ref3$ariaLabel,
+    children = _ref3.children,
     props = _objectWithoutProperties$v(_ref3, _excluded3$9);
   var _useContext3 = useContext(ThemeContext),
     currentTheme = _useContext3.currentTheme;
@@ -2232,7 +2250,10 @@ var ButtonIcon3 = function ButtonIcon3(_ref3) {
   var uuid = getUUID$1("", "button-icon-3");
   var computedIconSize = iconSize || styles.iconSize || "h-3 w-3";
   var hasIcon = icon !== "";
-  var hasText = text !== "" && text !== null;
+  // Accept the button label via `text` prop (canonical) OR children
+  // (LLM-friendly shorthand). Prop wins when both are provided.
+  var effectiveText = text !== "" && text !== null ? text : children;
+  var hasText = effectiveText !== undefined && effectiveText !== null && effectiveText !== "";
   var bgColor = selected ? styles.selectedBackgroundColor || styles.backgroundColor || "" : styles.backgroundColor || "";
   var txtColor = selected ? styles.selectedTextColor || styles.textColor || "" : styles.textColor || "";
   return /*#__PURE__*/jsxs("button", {
@@ -2246,7 +2267,7 @@ var ButtonIcon3 = function ButtonIcon3(_ref3) {
       icon: icon,
       className: computedIconSize
     }), hasText && /*#__PURE__*/jsx("span", {
-      children: text
+      children: effectiveText
     })]
   });
 };
@@ -2881,7 +2902,7 @@ var ProgressBar3 = function ProgressBar3(props) {
 };
 
 function _typeof$w(o) { "@babel/helpers - typeof"; return _typeof$w = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$w(o); }
-var _excluded$p = ["title", "message", "duration", "onClose", "className", "children"];
+var _excluded$p = ["title", "message", "duration", "onClose", "className", "children", "type"];
 function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty$s(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$s(e, r, t) { return (r = _toPropertyKey$w(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -2889,6 +2910,32 @@ function _toPropertyKey$w(t) { var i = _toPrimitive$w(t, "string"); return "symb
 function _toPrimitive$w(t, r) { if ("object" != _typeof$w(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof$w(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties$p(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose$p(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose$p(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+var TOAST_TYPE_STYLES = {
+  success: {
+    bg: "bg-emerald-950/95",
+    border: "border-emerald-500",
+    accent: "text-emerald-400",
+    icon: "circle-check"
+  },
+  error: {
+    bg: "bg-rose-950/95",
+    border: "border-rose-500",
+    accent: "text-rose-400",
+    icon: "circle-xmark"
+  },
+  warning: {
+    bg: "bg-amber-950/95",
+    border: "border-amber-500",
+    accent: "text-amber-400",
+    icon: "triangle-exclamation"
+  },
+  info: {
+    bg: "bg-sky-950/95",
+    border: "border-sky-500",
+    accent: "text-sky-400",
+    icon: "circle-info"
+  }
+};
 var Toast = function Toast(_ref) {
   var _ref$title = _ref.title,
     title = _ref$title === void 0 ? "" : _ref$title,
@@ -2902,6 +2949,8 @@ var Toast = function Toast(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     _ref$children = _ref.children,
     children = _ref$children === void 0 ? null : _ref$children,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? null : _ref$type,
     props = _objectWithoutProperties$p(_ref, _excluded$p);
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
@@ -2919,6 +2968,40 @@ var Toast = function Toast(_ref) {
       return clearTimeout(timer);
     };
   }, [duration, onClose]);
+
+  // Type-specific rendering: colored border, icon, and accent text
+  if (type && TOAST_TYPE_STYLES[type]) {
+    var t = TOAST_TYPE_STYLES[type];
+    return /*#__PURE__*/jsx("div", {
+      id: uuid,
+      className: "rounded-md border-l-4 ".concat(t.border, " ").concat(t.bg, " shadow-lg p-3 text-white ").concat(className),
+      role: "status",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex items-start gap-3",
+        children: [/*#__PURE__*/jsx(FontAwesomeIcon, {
+          icon: t.icon,
+          className: "h-4 w-4 mt-0.5 flex-shrink-0 ".concat(t.accent)
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex-1 min-w-0",
+          children: [title && /*#__PURE__*/jsx("div", {
+            className: "font-semibold text-sm ".concat(t.accent),
+            children: title
+          }), message && /*#__PURE__*/jsx("div", {
+            className: "text-sm text-white/90 break-words",
+            children: message
+          }), children]
+        }), onClose && /*#__PURE__*/jsx("button", {
+          type: "button",
+          onClick: onClose,
+          className: "text-white/60 hover:text-white text-lg leading-none flex-shrink-0",
+          "aria-label": "Close toast",
+          children: "\xD7"
+        })]
+      })
+    });
+  }
+
+  // Default theme-driven rendering (backward compatible)
   return /*#__PURE__*/jsx("div", {
     id: uuid,
     className: "border ".concat(styles.backgroundColor, " ").concat(styles.borderColor, " ").concat(styles.textColor, " rounded-md p-4 shadow-lg ").concat(className),
@@ -3750,9 +3833,9 @@ var SearchInput = function SearchInput(_ref) {
 };
 
 function _typeof$m(o) { "@babel/helpers - typeof"; return _typeof$m = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$m(o); }
-var _excluded$f = ["text", "enabled", "setEnabled", "disabled", "className"],
-  _excluded2$7 = ["text", "enabled", "setEnabled", "disabled", "className"],
-  _excluded3$7 = ["text", "enabled", "setEnabled", "disabled", "className"];
+var _excluded$f = ["text", "enabled", "setEnabled", "disabled", "className", "children"],
+  _excluded2$7 = ["text", "enabled", "setEnabled", "disabled", "className", "children"],
+  _excluded3$7 = ["text", "enabled", "setEnabled", "disabled", "className", "children"];
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty$i(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$i(e, r, t) { return (r = _toPropertyKey$m(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -3771,6 +3854,7 @@ function Toggle(_ref) {
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
     props = _objectWithoutProperties$f(_ref, _excluded$f);
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
@@ -3795,10 +3879,10 @@ function Toggle(_ref) {
         style: (_styles$inlineStyle3 = styles.inlineStyle) === null || _styles$inlineStyle3 === void 0 ? void 0 : _styles$inlineStyle3.activeBackgroundColor,
         className: "".concat(enabled ? "translate-x-5" : "translate-x-0", " pointer-events-none inline-block h-5 w-5 transform rounded-full ").concat((_styles$inlineStyle4 = styles.inlineStyle) !== null && _styles$inlineStyle4 !== void 0 && _styles$inlineStyle4.activeBackgroundColor ? "" : styles.activeBackgroundColor || "bg-white", " shadow-lg ring-0 transition duration-200 ease-in-out")
       })
-    }), text && /*#__PURE__*/jsx("span", {
+    }), (text || children !== undefined) && /*#__PURE__*/jsx("span", {
       style: (_styles$inlineStyle5 = styles.inlineStyle) === null || _styles$inlineStyle5 === void 0 ? void 0 : _styles$inlineStyle5.textColor,
       className: "text-sm ".concat(styles.textColor || ""),
-      children: text
+      children: children !== undefined ? children : text
     })]
   });
 }
@@ -3813,6 +3897,7 @@ function Toggle2(_ref2) {
     disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
     _ref2$className = _ref2.className,
     className = _ref2$className === void 0 ? "" : _ref2$className,
+    children = _ref2.children,
     props = _objectWithoutProperties$f(_ref2, _excluded2$7);
   var _useContext2 = useContext(ThemeContext),
     currentTheme = _useContext2.currentTheme;
@@ -3837,10 +3922,10 @@ function Toggle2(_ref2) {
         style: (_styles$inlineStyle8 = styles.inlineStyle) === null || _styles$inlineStyle8 === void 0 ? void 0 : _styles$inlineStyle8.activeBackgroundColor,
         className: "".concat(enabled ? "translate-x-4" : "translate-x-0", " pointer-events-none inline-block h-4 w-4 transform rounded-full ").concat((_styles$inlineStyle9 = styles.inlineStyle) !== null && _styles$inlineStyle9 !== void 0 && _styles$inlineStyle9.activeBackgroundColor ? "" : styles.activeBackgroundColor || "bg-white", " shadow-lg ring-0 transition duration-200 ease-in-out")
       })
-    }), text && /*#__PURE__*/jsx("span", {
+    }), (text || children !== undefined) && /*#__PURE__*/jsx("span", {
       style: (_styles$inlineStyle0 = styles.inlineStyle) === null || _styles$inlineStyle0 === void 0 ? void 0 : _styles$inlineStyle0.textColor,
       className: "text-sm ".concat(styles.textColor || ""),
-      children: text
+      children: children !== undefined ? children : text
     })]
   });
 }
@@ -3855,6 +3940,7 @@ function Toggle3(_ref3) {
     disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
+    children = _ref3.children,
     props = _objectWithoutProperties$f(_ref3, _excluded3$7);
   var _useContext3 = useContext(ThemeContext),
     currentTheme = _useContext3.currentTheme;
@@ -3879,10 +3965,10 @@ function Toggle3(_ref3) {
         style: (_styles$inlineStyle11 = styles.inlineStyle) === null || _styles$inlineStyle11 === void 0 ? void 0 : _styles$inlineStyle11.activeBackgroundColor,
         className: "".concat(enabled ? "translate-x-3" : "translate-x-0", " pointer-events-none inline-block h-3 w-3 transform rounded-full ").concat((_styles$inlineStyle12 = styles.inlineStyle) !== null && _styles$inlineStyle12 !== void 0 && _styles$inlineStyle12.activeBackgroundColor ? "" : styles.activeBackgroundColor || "bg-white", " shadow-lg ring-0 transition duration-200 ease-in-out")
       })
-    }), text && /*#__PURE__*/jsx("span", {
+    }), (text || children !== undefined) && /*#__PURE__*/jsx("span", {
       style: (_styles$inlineStyle13 = styles.inlineStyle) === null || _styles$inlineStyle13 === void 0 ? void 0 : _styles$inlineStyle13.textColor,
       className: "text-xs ".concat(styles.textColor || ""),
-      children: text
+      children: children !== undefined ? children : text
     })]
   });
 }
@@ -4500,9 +4586,9 @@ var CodeRenderer = function CodeRenderer(_ref) {
 };
 
 function _typeof$h(o) { "@babel/helpers - typeof"; return _typeof$h = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$h(o); }
-var _excluded$b = ["text", "textSize", "onClick", "className"],
-  _excluded2$5 = ["text", "textSize", "onClick", "className", "active"],
-  _excluded3$5 = ["text", "textSize", "onClick", "className"];
+var _excluded$b = ["text", "textSize", "onClick", "className", "children"],
+  _excluded2$5 = ["text", "textSize", "onClick", "className", "active", "children"],
+  _excluded3$5 = ["text", "textSize", "onClick", "className", "children"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty$e(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty$e(e, r, t) { return (r = _toPropertyKey$h(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -4518,6 +4604,7 @@ var Tag = function Tag(_ref) {
     onClick = _ref$onClick === void 0 ? null : _ref$onClick,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
     props = _objectWithoutProperties$b(_ref, _excluded$b);
   var _useContext = useContext(ThemeContext),
     currentTheme = _useContext.currentTheme;
@@ -4530,7 +4617,7 @@ var Tag = function Tag(_ref) {
     id: uuid,
     onClick: onClick,
     className: "flex flex-row w-fit ".concat(stylesCalculated, " px-3 py-1.5 whitespace-nowrap items-center justify-center transition-colors duration-150"),
-    children: text
+    children: children !== undefined ? children : text
   });
 };
 var Tag2 = function Tag2(_ref2) {
@@ -4543,6 +4630,7 @@ var Tag2 = function Tag2(_ref2) {
     className = _ref2$className === void 0 ? "" : _ref2$className,
     _ref2$active = _ref2.active,
     active = _ref2$active === void 0 ? false : _ref2$active,
+    children = _ref2.children,
     props = _objectWithoutProperties$b(_ref2, _excluded2$5);
   var _useContext2 = useContext(ThemeContext),
     currentTheme = _useContext2.currentTheme;
@@ -4556,7 +4644,7 @@ var Tag2 = function Tag2(_ref2) {
     id: uuid,
     onClick: onClick,
     className: "flex flex-row w-fit ".concat(stylesCalculated, " px-2 py-1 whitespace-nowrap items-center justify-center transition-colors duration-150"),
-    children: text
+    children: children !== undefined ? children : text
   });
 };
 var Tag3 = function Tag3(_ref3) {
@@ -4567,6 +4655,7 @@ var Tag3 = function Tag3(_ref3) {
     onClick = _ref3$onClick === void 0 ? null : _ref3$onClick,
     _ref3$className = _ref3.className,
     className = _ref3$className === void 0 ? "" : _ref3$className,
+    children = _ref3.children,
     props = _objectWithoutProperties$b(_ref3, _excluded3$5);
   var _useContext3 = useContext(ThemeContext),
     currentTheme = _useContext3.currentTheme;
@@ -4579,7 +4668,7 @@ var Tag3 = function Tag3(_ref3) {
     id: uuid,
     onClick: onClick,
     className: "flex flex-row w-fit ".concat(stylesCalculated, " px-1.5 py-0.5 whitespace-nowrap items-center justify-center transition-colors duration-150"),
-    children: text
+    children: children !== undefined ? children : text
   });
 };