strivui 1.22.61 → 1.22.63

package/dist/index.esm.js

@@ -0,0 +1,823 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: true,
+    configurable: true,
+    writable: true
+  }) : e[r] = t, e;
+}
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = true,
+      o = false;
+    try {
+      if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = true, n = r;
+    } finally {
+      try {
+        if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;
+      } finally {
+        if (o) throw n;
+      }
+    }
+    return a;
+  }
+}
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function ownKeys(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 _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(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(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;
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
+
+var _excluded$4 = ["children", "className"],
+  _excluded2$3 = ["className"],
+  _excluded3$2 = ["children", "className"],
+  _excluded4$2 = ["children", "className"],
+  _excluded5$1 = ["children", "className"],
+  _excluded6$1 = ["children", "className"],
+  _excluded7$1 = ["children", "className"],
+  _excluded8$1 = ["children", "className"],
+  _excluded9$1 = ["children", "className"],
+  _excluded0$1 = ["children", "className"],
+  _excluded1$1 = ["children", "className"],
+  _excluded10 = ["children", "className"],
+  _excluded11 = ["children", "className"],
+  _excluded12 = ["children", "className"],
+  _excluded13 = ["children", "className"];
+var Button = function Button(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$4);
+  return jsx("button", _objectSpread2(_objectSpread2({
+    className: clsx('default_button', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Input = function Input(_ref2) {
+  var className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2$3);
+  return jsx("input", _objectSpread2({
+    className: clsx('default_input', className)
+  }, props));
+};
+var Link = function Link(_ref3) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded3$2);
+  return jsx("a", _objectSpread2(_objectSpread2({
+    className: clsx('default_link', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TextArea = function TextArea(_ref4) {
+  var children = _ref4.children,
+    className = _ref4.className,
+    props = _objectWithoutProperties(_ref4, _excluded4$2);
+  return jsx("textarea", _objectSpread2(_objectSpread2({
+    className: clsx('default_textarea', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Select = function Select(_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className,
+    props = _objectWithoutProperties(_ref5, _excluded5$1);
+  return jsx("select", _objectSpread2(_objectSpread2({
+    className: clsx('default_select', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var View = function View(_ref6) {
+  var children = _ref6.children,
+    className = _ref6.className,
+    props = _objectWithoutProperties(_ref6, _excluded6$1);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx('default_view', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Text = function Text(_ref7) {
+  var children = _ref7.children,
+    className = _ref7.className,
+    props = _objectWithoutProperties(_ref7, _excluded7$1);
+  return jsx("p", _objectSpread2(_objectSpread2({
+    className: clsx('default_text', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Label = function Label(_ref8) {
+  var children = _ref8.children,
+    className = _ref8.className,
+    props = _objectWithoutProperties(_ref8, _excluded8$1);
+  return jsx("label", _objectSpread2(_objectSpread2({
+    className: clsx('default_label', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Span = function Span(_ref9) {
+  var children = _ref9.children,
+    className = _ref9.className,
+    props = _objectWithoutProperties(_ref9, _excluded9$1);
+  return jsx("span", _objectSpread2(_objectSpread2({
+    className: clsx('default_span', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H1 = function H1(_ref0) {
+  var children = _ref0.children,
+    className = _ref0.className,
+    props = _objectWithoutProperties(_ref0, _excluded0$1);
+  return jsx("h1", _objectSpread2(_objectSpread2({
+    className: clsx('default_h1', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H2 = function H2(_ref1) {
+  var children = _ref1.children,
+    className = _ref1.className,
+    props = _objectWithoutProperties(_ref1, _excluded1$1);
+  return jsx("h2", _objectSpread2(_objectSpread2({
+    className: clsx('default_h2', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H3 = function H3(_ref10) {
+  var children = _ref10.children,
+    className = _ref10.className,
+    props = _objectWithoutProperties(_ref10, _excluded10);
+  return jsx("h3", _objectSpread2(_objectSpread2({
+    className: clsx('default_h3', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H4 = function H4(_ref11) {
+  var children = _ref11.children,
+    className = _ref11.className,
+    props = _objectWithoutProperties(_ref11, _excluded11);
+  return jsx("h4", _objectSpread2(_objectSpread2({
+    className: clsx('default_h4', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H5 = function H5(_ref12) {
+  var children = _ref12.children,
+    className = _ref12.className,
+    props = _objectWithoutProperties(_ref12, _excluded12);
+  return jsx("h5", _objectSpread2(_objectSpread2({
+    className: clsx('default_h5', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var H6 = function H6(_ref13) {
+  var children = _ref13.children,
+    className = _ref13.className,
+    props = _objectWithoutProperties(_ref13, _excluded13);
+  return jsx("h6", _objectSpread2(_objectSpread2({
+    className: clsx('default_h6', className)
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var _excluded$3 = ["children", "onPress", "style", "className"],
+  _excluded2$2 = ["children", "horizontal", "style", "onScroll", "className"],
+  _excluded3$1 = ["children", "onPress", "className"],
+  _excluded4$1 = ["source", "resizeMode", "children", "style", "className"];
+var Pressable = function Pressable(_ref) {
+  var children = _ref.children,
+    onPress = _ref.onPress,
+    style = _ref.style,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    role: "button",
+    tabIndex: 0,
+    className: clsx("default_pressable", className),
+    style: style,
+    onClick: onPress
+  }, props), {}, {
+    children: children
+  }));
+};
+var ScrollView = function ScrollView(_ref2) {
+  var children = _ref2.children,
+    horizontal = _ref2.horizontal,
+    style = _ref2.style,
+    onScroll = _ref2.onScroll,
+    className = _ref2.className,
+    props = _objectWithoutProperties(_ref2, _excluded2$2);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx("default_scrollview", className),
+    style: _objectSpread2({
+      overflowX: horizontal ? "auto" : "hidden",
+      overflowY: horizontal ? "hidden" : "auto"
+    }, style),
+    onScroll: onScroll
+  }, props), {}, {
+    children: children
+  }));
+};
+var Image = function Image(props) {
+  return jsx("img", _objectSpread2({
+    className: "default_image"
+  }, props));
+};
+// ActivityIndicator
+var ActivityIndicator = function ActivityIndicator() {
+  return jsx("div", {
+    className: "default_activity_indicator"
+  });
+};
+var TouchableOpacity = function TouchableOpacity(_ref3) {
+  var children = _ref3.children,
+    onPress = _ref3.onPress,
+    className = _ref3.className,
+    props = _objectWithoutProperties(_ref3, _excluded3$1);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    active = _useState2[0],
+    setActive = _useState2[1];
+  return jsx("div", _objectSpread2(_objectSpread2({
+    role: "button",
+    tabIndex: 0,
+    className: clsx("default_touchable_opacity", active && "default_touchable_opacity_active ", className),
+    onMouseDown: function onMouseDown() {
+      return setActive(true);
+    },
+    onMouseUp: function onMouseUp() {
+      return setActive(false);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setActive(false);
+    },
+    onClick: onPress
+  }, props), {}, {
+    children: children
+  }));
+};
+function FlatList(_ref4) {
+  var data = _ref4.data,
+    renderItem = _ref4.renderItem,
+    keyExtractor = _ref4.keyExtractor;
+  return jsx("div", {
+    className: "default_flatlist",
+    children: data.map(function (item, index) {
+      var key = keyExtractor ? keyExtractor(item, index) : String(index);
+      return jsx("div", {
+        children: renderItem({
+          item: item,
+          index: index
+        })
+      }, key);
+    })
+  });
+}
+var ImageBackground = function ImageBackground(_ref5) {
+  var source = _ref5.source,
+    _ref5$resizeMode = _ref5.resizeMode,
+    resizeMode = _ref5$resizeMode === void 0 ? "cover" : _ref5$resizeMode,
+    children = _ref5.children,
+    style = _ref5.style,
+    className = _ref5.className,
+    props = _objectWithoutProperties(_ref5, _excluded4$1);
+  var backgroundSizeMap = {
+    cover: "cover",
+    contain: "contain",
+    stretch: "100% 100%",
+    center: "auto"
+  };
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx("w-full h-full flex flex-col", className),
+    style: _objectSpread2({
+      backgroundImage: "url(".concat(source, ")"),
+      backgroundRepeat: "no-repeat",
+      backgroundPosition: "center",
+      backgroundSize: backgroundSizeMap[resizeMode]
+    }, style)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Dialog = function Dialog(_ref7) {
+  var open = _ref7.open,
+    title = _ref7.title,
+    description = _ref7.description,
+    _ref7$confirmText = _ref7.confirmText,
+    confirmText = _ref7$confirmText === void 0 ? "OK" : _ref7$confirmText,
+    _ref7$cancelText = _ref7.cancelText,
+    cancelText = _ref7$cancelText === void 0 ? "Cancel" : _ref7$cancelText,
+    onConfirm = _ref7.onConfirm,
+    onCancel = _ref7.onCancel;
+  if (!open) return null;
+  return jsx("div", {
+    className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[1000]",
+    children: jsxs("div", {
+      className: "bg-white p-6 rounded-md w-full max-w-sm shadow-lg",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      children: [jsx("h3", {
+        className: "text-lg font-semibold mb-2",
+        children: title
+      }), jsx("p", {
+        className: "text-sm text-gray-600 mb-4",
+        children: description
+      }), jsxs("div", {
+        className: "flex justify-end gap-3",
+        children: [jsx("button", {
+          className: "px-4 py-2 rounded text-gray-600 hover:bg-gray-100",
+          onClick: onCancel,
+          children: cancelText
+        }), jsx("button", {
+          className: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700",
+          onClick: onConfirm,
+          children: confirmText
+        })]
+      })]
+    })
+  });
+};
+function SectionList(_ref9) {
+  var sections = _ref9.sections,
+    renderItem = _ref9.renderItem,
+    renderSectionHeader = _ref9.renderSectionHeader,
+    keyExtractor = _ref9.keyExtractor;
+  if (!renderItem) {
+    console.error("SectionList requires renderItem");
+    return null;
+  }
+  return jsx("div", {
+    className: "strivui-sectionlist",
+    children: sections.map(function (section, sectionIndex) {
+      return jsxs("div", {
+        children: [renderSectionHeader ? renderSectionHeader({
+          title: section.title,
+          sectionIndex: sectionIndex
+        }) : jsx("h4", {
+          className: "text-lg font-semibold mb-2",
+          children: section.title
+        }), jsx("div", {
+          className: "space-y-2",
+          children: section.data.map(function (item, index) {
+            var key = keyExtractor ? keyExtractor(item, index) : "".concat(sectionIndex, "-").concat(index);
+            return jsx("div", {
+              children: renderItem({
+                item: item,
+                index: index
+              })
+            }, key);
+          })
+        })]
+      }, sectionIndex);
+    })
+  });
+}
+var Overlay = function Overlay(_ref0) {
+  var visible = _ref0.visible,
+    onClick = _ref0.onClick,
+    children = _ref0.children;
+  if (!visible) return null;
+  return jsx("div", {
+    onClick: onClick,
+    className: "default_overlay",
+    children: children
+  });
+};
+
+var _excluded$2 = ["children", "className"],
+  _excluded2$1 = ["children", "className"],
+  _excluded3 = ["children", "className"],
+  _excluded4 = ["children", "className"],
+  _excluded5 = ["children", "className"],
+  _excluded6 = ["children", "className"],
+  _excluded7 = ["children", "className"],
+  _excluded8 = ["children", "className"],
+  _excluded9 = ["children", "className"],
+  _excluded0 = ["children", "className"],
+  _excluded1 = ["children", "className"];
+var Table = function Table(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded$2);
+  return jsx("table", _objectSpread2(_objectSpread2({
+    className: clsx("default_table", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TableHead = function TableHead(_ref2) {
+  var children = _ref2.children,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    props = _objectWithoutProperties(_ref2, _excluded2$1);
+  return jsx("thead", _objectSpread2(_objectSpread2({
+    className: clsx("default_table_head", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TableBody = function TableBody(_ref3) {
+  var children = _ref3.children,
+    _ref3$className = _ref3.className,
+    className = _ref3$className === void 0 ? "" : _ref3$className,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return jsx("tbody", _objectSpread2(_objectSpread2({
+    className: clsx("default_table_body", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TableRow = function TableRow(_ref4) {
+  var children = _ref4.children,
+    _ref4$className = _ref4.className,
+    className = _ref4$className === void 0 ? "" : _ref4$className,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return jsx("tr", _objectSpread2(_objectSpread2({
+    className: clsx("default_table_row", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TableHeaderCell = function TableHeaderCell(_ref5) {
+  var children = _ref5.children,
+    _ref5$className = _ref5.className,
+    className = _ref5$className === void 0 ? "" : _ref5$className,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return jsx("th", _objectSpread2(_objectSpread2({
+    className: clsx("default_th", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var TableDataCell = function TableDataCell(_ref6) {
+  var children = _ref6.children,
+    _ref6$className = _ref6.className,
+    className = _ref6$className === void 0 ? "" : _ref6$className,
+    props = _objectWithoutProperties(_ref6, _excluded6);
+  return jsx("td", _objectSpread2(_objectSpread2({
+    className: clsx("default_td", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Header = function Header(_ref7) {
+  var children = _ref7.children,
+    _ref7$className = _ref7.className,
+    className = _ref7$className === void 0 ? "" : _ref7$className,
+    props = _objectWithoutProperties(_ref7, _excluded7);
+  return jsx("header", _objectSpread2(_objectSpread2({
+    className: clsx("default_header", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Navigation = function Navigation(_ref8) {
+  var children = _ref8.children,
+    _ref8$className = _ref8.className,
+    className = _ref8$className === void 0 ? "" : _ref8$className,
+    props = _objectWithoutProperties(_ref8, _excluded8);
+  return jsx("nav", _objectSpread2(_objectSpread2({
+    className: clsx("default_nav", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Section = function Section(_ref9) {
+  var children = _ref9.children,
+    _ref9$className = _ref9.className,
+    className = _ref9$className === void 0 ? "" : _ref9$className,
+    props = _objectWithoutProperties(_ref9, _excluded9);
+  return jsx("section", _objectSpread2(_objectSpread2({
+    className: clsx("default_section", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Main = function Main(_ref0) {
+  var children = _ref0.children,
+    _ref0$className = _ref0.className,
+    className = _ref0$className === void 0 ? "" : _ref0$className,
+    props = _objectWithoutProperties(_ref0, _excluded0);
+  return jsx("main", _objectSpread2(_objectSpread2({
+    className: clsx("default_main", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Footer = function Footer(_ref1) {
+  var children = _ref1.children,
+    _ref1$className = _ref1.className,
+    className = _ref1$className === void 0 ? "" : _ref1$className,
+    props = _objectWithoutProperties(_ref1, _excluded1);
+  return jsx("footer", _objectSpread2(_objectSpread2({
+    className: clsx("default_footer", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var _excluded$1 = ["children", "className"],
+  _excluded2 = ["children", "className"];
+var Container = function Container(_ref) {
+  var children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx("default_container", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+var Card = function Card(_ref2) {
+  var children = _ref2.children,
+    _ref2$className = _ref2.className,
+    className = _ref2$className === void 0 ? "" : _ref2$className,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx("default_card", className)
+  }, props), {}, {
+    children: children
+  }));
+};
+
+var _excluded = ["children", "className", "variant"];
+var Modal = function Modal(_ref) {
+  var open = _ref.open,
+    onClose = _ref.onClose,
+    children = _ref.children;
+  if (!open) return null;
+  return jsx("div", {
+    className: "default_modal_overlay",
+    onClick: onClose,
+    children: jsx("div", {
+      className: "default_modal",
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      children: children
+    })
+  });
+};
+var Dropdown = function Dropdown(_ref2) {
+  var trigger = _ref2.trigger,
+    children = _ref2.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var ref = useRef(null);
+  useEffect(function () {
+    var handler = function handler(e) {
+      var _ref$current;
+      if (!((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(e.target))) {
+        setOpen(false);
+      }
+    };
+    document.addEventListener("mousedown", handler);
+    return function () {
+      return document.removeEventListener("mousedown", handler);
+    };
+  }, []);
+  return jsxs("div", {
+    className: "default_dropdown",
+    ref: ref,
+    children: [jsx("div", {
+      onClick: function onClick() {
+        return setOpen(function (p) {
+          return !p;
+        });
+      },
+      children: trigger
+    }), open && jsx("div", {
+      className: "default_dropdown_menu",
+      children: children
+    })]
+  });
+};
+var Accordion = function Accordion(_ref3) {
+  var items = _ref3.items;
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    active = _useState4[0],
+    setActive = _useState4[1];
+  return jsx("div", {
+    className: "default_accordion",
+    children: items.map(function (item, i) {
+      return jsxs("div", {
+        className: "default_accordion_item",
+        children: [jsx("button", {
+          className: "default_accordion_trigger",
+          onClick: function onClick() {
+            return setActive(active === i ? null : i);
+          },
+          children: item.title
+        }), active === i && jsx("div", {
+          className: "default_accordion_content",
+          children: item.content
+        })]
+      }, i);
+    })
+  });
+};
+var Tabs = function Tabs(_ref4) {
+  var tabs = _ref4.tabs;
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    active = _useState6[0],
+    setActive = _useState6[1];
+  return jsxs("div", {
+    className: "default_tabs",
+    children: [jsx("div", {
+      className: "default_tabs_list",
+      children: tabs.map(function (tab, i) {
+        return jsx("button", {
+          className: clsx("default_tab_trigger", active === i && "active"),
+          onClick: function onClick() {
+            return setActive(i);
+          },
+          children: tab.label
+        }, i);
+      })
+    }), jsx("div", {
+      className: "default_tab_content",
+      children: tabs[active].content
+    })]
+  });
+};
+var Tooltip = function Tooltip(_ref5) {
+  var text = _ref5.text,
+    children = _ref5.children;
+  return jsxs("div", {
+    className: "default_tooltip",
+    children: [children, jsx("span", {
+      className: "default_tooltip_text",
+      children: text
+    })]
+  });
+};
+var Avatar = function Avatar(_ref7) {
+  var src = _ref7.src,
+    alt = _ref7.alt,
+    fallback = _ref7.fallback;
+  return jsx("div", {
+    className: "default_avatar",
+    children: src ? jsx("img", {
+      src: src,
+      alt: alt
+    }) : fallback
+  });
+};
+var Alert = function Alert(_ref8) {
+  var children = _ref8.children,
+    _ref8$className = _ref8.className,
+    className = _ref8$className === void 0 ? "" : _ref8$className,
+    _ref8$variant = _ref8.variant,
+    variant = _ref8$variant === void 0 ? "info" : _ref8$variant,
+    props = _objectWithoutProperties(_ref8, _excluded);
+  return jsx("div", _objectSpread2(_objectSpread2({
+    className: clsx("default_alert", "default_alert_".concat(variant), className)
+  }, props), {}, {
+    children: children
+  }));
+};
+/* ------------------------ Skeleton ------------------------ */
+var Skeleton = function Skeleton(_ref9) {
+  var _ref9$className = _ref9.className,
+    className = _ref9$className === void 0 ? "" : _ref9$className;
+  return jsx("div", {
+    className: clsx("default_skeleton", className)
+  });
+};
+var Switch = function Switch(_ref0) {
+  var _ref0$checked = _ref0.checked,
+    checked = _ref0$checked === void 0 ? false : _ref0$checked,
+    onChange = _ref0.onChange;
+  var _useState7 = useState(checked),
+    _useState8 = _slicedToArray(_useState7, 2),
+    enabled = _useState8[0],
+    setEnabled = _useState8[1];
+  var toggle = function toggle() {
+    setEnabled(!enabled);
+    onChange === null || onChange === void 0 || onChange(!enabled);
+  };
+  return jsx("button", {
+    onClick: toggle,
+    className: clsx("default_switch", enabled && "active"),
+    children: jsx("span", {
+      className: "default_switch_thumb"
+    })
+  });
+};
+var Progress = function Progress(_ref1) {
+  var value = _ref1.value;
+  return jsx("div", {
+    className: "default_progress",
+    children: jsx("div", {
+      className: "default_progress_bar",
+      style: {
+        width: "".concat(value, "%")
+      }
+    })
+  });
+};
+
+export { Accordion, ActivityIndicator, Alert, Avatar, Button, Card, Container, Dialog, Dropdown, FlatList, Footer, H1, H2, H3, H4, H5, H6, Header, Image, ImageBackground, Input, Label, Link, Main, Modal, Navigation, Overlay, Pressable, Progress, ScrollView, Section, SectionList, Select, Skeleton, Span, Switch, Table, TableBody, TableDataCell, TableHead, TableHeaderCell, TableRow, Tabs, Text, TextArea, Tooltip, TouchableOpacity, View };
+//# sourceMappingURL=index.esm.js.map