tabler-react-2 0.0.1

package/dist/alert/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Alert = function Alert(_ref) {
+  var variant = _ref.variant,
+    title = _ref.title,
+    children = _ref.children,
+    onDismiss = _ref.onDismiss,
+    icon = _ref.icon;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "alert alert-".concat(variant, " ").concat(onDismiss ? "alert-dismissible" : ""),
+    role: "alert"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "d-flex"
+  }, icon && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "me-2"
+  }, icon), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("h4", {
+    className: "alert-title"
+  }, title), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "text-secondary"
+  }, children))), onDismiss && /*#__PURE__*/_react["default"].createElement("a", {
+    className: "btn-close",
+    "data-bs-dismiss": "alert",
+    "aria-label": "close",
+    onClick: onDismiss
+  }));
+};
+Alert.propTypes = {
+  variant: _propTypes["default"].oneOf(["success", "failure", "warning", "info", "danger", "dark"]),
+  title: _propTypes["default"].string.isRequired,
+  onDismiss: _propTypes["default"].func,
+  icon: _propTypes["default"].node,
+  children: _propTypes["default"].node.isRequired
+};
+Alert.defaultProps = {
+  onDismiss: null,
+  icon: null
+};
+var _default = exports["default"] = Alert;

package/dist/avatar/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AvatarStackedList = exports.Avatar = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var getDicebearAvatarUrl = function getDicebearAvatarUrl(seed, style) {
+  var dicebearStyle = style || "shapes"; // Default style if none is provided
+  return "https://api.dicebear.com/9.x/".concat(dicebearStyle, "/png?seed=").concat(seed);
+};
+var Avatar = exports.Avatar = function Avatar(_ref) {
+  var src = _ref.src,
+    initials = _ref.initials,
+    initialsColor = _ref.initialsColor,
+    dicebear = _ref.dicebear,
+    size = _ref.size,
+    status = _ref.status,
+    badge = _ref.badge,
+    color = _ref.color;
+  var dicebearStyle = typeof dicebear === "string" ? dicebear : "shapes";
+  var avatarUrl = src ? src : dicebear && initials ? getDicebearAvatarUrl(initials, dicebearStyle) : null;
+  return /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _classnames["default"])("avatar", size && "avatar-".concat(size), color && "bg-".concat(color, "-lt")),
+    style: {
+      backgroundImage: avatarUrl ? "url(".concat(avatarUrl, ")") : null,
+      backgroundColor: !avatarUrl && initialsColor ? initialsColor : null
+    }
+  }, status ? /*#__PURE__*/_react["default"].createElement("span", {
+    className: "badge bg-".concat(status)
+  }, badge) : null, initials && !avatarUrl ? initials : null);
+};
+var AvatarStackedList = exports.AvatarStackedList = function AvatarStackedList(_ref2) {
+  var children = _ref2.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "avatar-list avatar-list-stacked"
+  }, children);
+};

package/dist/badge/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["href", "children", "color", "outline", "soft"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Badge = function Badge(_ref) {
+  var href = _ref.href,
+    children = _ref.children,
+    color = _ref.color,
+    outline = _ref.outline,
+    soft = _ref.soft,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classes = (0, _classnames["default"])("badge", !outline && !soft && "bg-".concat(color), outline && "badge-outline text-".concat(color), soft && "bg-".concat(color, "-lt"));
+  return href ? /*#__PURE__*/_react["default"].createElement("a", {
+    href: href,
+    className: classes
+  }, children) : /*#__PURE__*/_react["default"].createElement("span", {
+    className: classes
+  }, children);
+};
+var _default = exports["default"] = Badge;

package/dist/breadcrumb/index.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Breadcrumb = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children"],
+  _excluded2 = ["children", "href", "active"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Breadcrumb = exports.Breadcrumb = function Breadcrumb(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("ol", _extends({
+    "class": "breadcrumb",
+    "aria-label": "breadcrumbs"
+  }, props), children);
+};
+Breadcrumb.Item = function (_ref2) {
+  var children = _ref2.children,
+    href = _ref2.href,
+    active = _ref2.active,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement("li", _extends({
+    className: (0, _classnames["default"])("breadcrumb-item", active && "active")
+  }, props), /*#__PURE__*/_react["default"].createElement("a", {
+    href: href
+  }, children));
+};

package/dist/button/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "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(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "href", "onClick", "variant", "color", "ghost", "square", "pill", "outline", "loading", "size"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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 || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Button = exports.Button = function Button(_ref) {
+  var children = _ref.children,
+    href = _ref.href,
+    onClick = _ref.onClick,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "primary" : _ref$variant,
+    color = _ref.color,
+    ghost = _ref.ghost,
+    square = _ref.square,
+    pill = _ref.pill,
+    outline = _ref.outline,
+    loading = _ref.loading,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "md" : _ref$size,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var classes = (0, _classnames["default"])("btn", _defineProperty({}, "btn-".concat(outline ? "outline-" : "").concat(ghost ? "ghost-" : "").concat(color || variant), color || variant), square && "btn-square", pill && "btn-pill", "btn-".concat(size));
+  if (href) {
+    return /*#__PURE__*/_react["default"].createElement("a", _extends({
+      href: href,
+      className: classes
+    }, props), loading && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "spinner-border spinner-border-sm me-2",
+      role: "status"
+    }), children);
+  } else {
+    return /*#__PURE__*/_react["default"].createElement("button", _extends({
+      onClick: onClick,
+      className: classes
+    }, props), loading && /*#__PURE__*/_react["default"].createElement("span", {
+      className: "spinner-border spinner-border-sm me-2",
+      role: "status"
+    }), children);
+  }
+};

package/dist/card/index.js

@@ -0,0 +1,108 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "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(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Card = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _excluded = ["children", "size", "title", "variant", "variantPos", "stacked", "tabs"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+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 _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 _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 _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 = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Card = exports.Card = function Card(_ref) {
+  var children = _ref.children,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "sm" : _ref$size,
+    title = _ref.title,
+    variant = _ref.variant,
+    variantPos = _ref.variantPos,
+    stacked = _ref.stacked,
+    tabs = _ref.tabs,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var sizeClass = {
+    sm: "card-sm",
+    md: "card-md",
+    lg: "card-lg"
+  }[size];
+  var variantClass = "bg-".concat(variant);
+  var variantPosClass = variantPos === "side" ? "card-status-start" : "card-status-top";
+  var stackedClass = stacked ? "card-stacked" : "";
+  var cardClass = tabs ? "" : "card";
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
+    className: "".concat(cardClass, " ").concat(sizeClass, " ").concat(stackedClass)
+  }), title && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-header"
+  }, typeof title === "string" ? /*#__PURE__*/_react["default"].createElement("h3", {
+    className: "card-title"
+  }, title) : title), variant && /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(variantClass, variantPosClass)
+  }), tabs ? /*#__PURE__*/_react["default"].createElement(CardTabs, {
+    tabs: tabs
+  }) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-body"
+  }, children));
+};
+var CardTabs = function CardTabs(_ref2) {
+  var tabs = _ref2.tabs,
+    _ref2$activeTabIndex = _ref2.activeTabIndex,
+    activeTabIndex = _ref2$activeTabIndex === void 0 ? 0 : _ref2$activeTabIndex;
+  var _useState = (0, _react.useState)(activeTabIndex),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeIndex = _useState2[0],
+    setActiveIndex = _useState2[1];
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "card-tabs"
+  }, /*#__PURE__*/_react["default"].createElement("ul", {
+    className: "nav nav-tabs"
+  }, tabs.map(function (tab, index) {
+    return /*#__PURE__*/_react["default"].createElement("li", {
+      className: "nav-item",
+      key: index
+    }, /*#__PURE__*/_react["default"].createElement("a", {
+      href: "#",
+      className: (0, _classnames["default"])("nav-link", {
+        active: activeIndex === index
+      }),
+      onClick: function onClick(e) {
+        e.preventDefault();
+        setActiveIndex(index);
+      },
+      "data-bs-toggle": "tab"
+    }, tab.title));
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "tab-content"
+  }, tabs.map(function (tab, index) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      key: index,
+      className: (0, _classnames["default"])("card tab-pane", {
+        "active show": activeIndex === index
+      })
+    }, /*#__PURE__*/_react["default"].createElement("div", {
+      className: "card-body"
+    }, tab.content));
+  })));
+};
+Card.propTypes = {
+  children: _propTypes["default"].node,
+  size: _propTypes["default"].oneOf(["sm", "md", "lg"]),
+  title: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].node]),
+  variant: _propTypes["default"].oneOf(["primary", "secondary", "success", "danger", "warning", "info", "light", "dark"]),
+  variantPos: _propTypes["default"].oneOf(["side", "top"]),
+  stacked: _propTypes["default"].bool,
+  tabs: _propTypes["default"].arrayOf(_propTypes["default"].shape({
+    title: _propTypes["default"].string.isRequired,
+    content: _propTypes["default"].node.isRequired
+  }))
+};

package/dist/form/autosize.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Autosize = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["title", "placeholder"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Autosize = exports.Autosize = function Autosize(_ref) {
+  var title = _ref.title,
+    placeholder = _ref.placeholder,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("label", {
+    "class": "form-label"
+  }, title), /*#__PURE__*/_react["default"].createElement("textarea", _extends({
+    "class": "form-control",
+    "data-bs-toggle": "autosize",
+    placeholder: placeholder
+  }, props)));
+};

package/dist/form/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _autosize = require("./autosize");
+Object.keys(_autosize).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _autosize[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _autosize[key];
+    }
+  });
+});

package/dist/index.js

@@ -0,0 +1,88 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "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(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  Typography: true,
+  Card: true,
+  Util: true,
+  Form: true
+};
+Object.defineProperty(exports, "Card", {
+  enumerable: true,
+  get: function get() {
+    return _index2.Card;
+  }
+});
+exports.Util = exports.Typography = exports.Form = void 0;
+var _Typography = _interopRequireWildcard(require("./typography/index"));
+exports.Typography = _Typography;
+var _index2 = require("./card/index");
+var _Util = _interopRequireWildcard(require("./util/index"));
+exports.Util = _Util;
+var _index4 = require("./alert/index");
+Object.keys(_index4).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index4[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index4[key];
+    }
+  });
+});
+var _Form = _interopRequireWildcard(require("./form/index"));
+exports.Form = _Form;
+var _index6 = require("./avatar/index");
+Object.keys(_index6).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index6[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index6[key];
+    }
+  });
+});
+var _index7 = require("./badge/index");
+Object.keys(_index7).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index7[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index7[key];
+    }
+  });
+});
+var _index8 = require("./breadcrumb/index");
+Object.keys(_index8).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index8[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index8[key];
+    }
+  });
+});
+var _index9 = require("./button/index");
+Object.keys(_index9).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _index9[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index9[key];
+    }
+  });
+});
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/dist/typography/headings.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.H6 = exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"],
+  _excluded5 = ["children"],
+  _excluded6 = ["children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var H1 = exports.H1 = function H1(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("h1", props, children);
+};
+var H2 = exports.H2 = function H2(_ref2) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement("h2", props, children);
+};
+var H3 = exports.H3 = function H3(_ref3) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_react["default"].createElement("h3", props, children);
+};
+var H4 = exports.H4 = function H4(_ref4) {
+  var children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/_react["default"].createElement("h4", props, children);
+};
+var H5 = exports.H5 = function H5(_ref5) {
+  var children = _ref5.children,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return /*#__PURE__*/_react["default"].createElement("h5", props, children);
+};
+var H6 = exports.H6 = function H6(_ref6) {
+  var children = _ref6.children,
+    props = _objectWithoutProperties(_ref6, _excluded6);
+  return /*#__PURE__*/_react["default"].createElement("h6", props, children);
+};

package/dist/typography/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _headings = require("./headings");
+Object.keys(_headings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _headings[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _headings[key];
+    }
+  });
+});
+var _text = require("./text");
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _text[key];
+    }
+  });
+});

package/dist/typography/text.js

@@ -0,0 +1,163 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.U = exports.Text = exports.Strong = exports.Special = exports.Link = exports.I = exports.B = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children"],
+  _excluded2 = ["children"],
+  _excluded3 = ["children"],
+  _excluded4 = ["children"],
+  _excluded5 = ["children"],
+  _excluded6 = ["children"],
+  _excluded7 = ["children"],
+  _excluded8 = ["children"],
+  _excluded9 = ["children"],
+  _excluded10 = ["children"],
+  _excluded11 = ["children"],
+  _excluded12 = ["children"],
+  _excluded13 = ["children"],
+  _excluded14 = ["children"],
+  _excluded15 = ["children"],
+  _excluded16 = ["children"],
+  _excluded17 = ["children"],
+  _excluded18 = ["children"],
+  _excluded19 = ["children"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Text = exports.Text = function Text(_ref) {
+  var children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("p", props, children);
+};
+var Strong = exports.Strong = function Strong(_ref2) {
+  var children = _ref2.children,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement("strong", props, children);
+};
+var B = exports.B = Strong;
+var I = exports.I = function I(_ref3) {
+  var children = _ref3.children,
+    props = _objectWithoutProperties(_ref3, _excluded3);
+  return /*#__PURE__*/_react["default"].createElement("i", props, children);
+};
+var U = exports.U = function U(_ref4) {
+  var children = _ref4.children,
+    props = _objectWithoutProperties(_ref4, _excluded4);
+  return /*#__PURE__*/_react["default"].createElement("u", props, children);
+};
+var Abbr = function Abbr(_ref5) {
+  var children = _ref5.children,
+    props = _objectWithoutProperties(_ref5, _excluded5);
+  return /*#__PURE__*/_react["default"].createElement("abbr", props, children);
+};
+var Cite = function Cite(_ref6) {
+  var children = _ref6.children,
+    props = _objectWithoutProperties(_ref6, _excluded6);
+  return /*#__PURE__*/_react["default"].createElement("cite", props, children);
+};
+var Code = function Code(_ref7) {
+  var children = _ref7.children,
+    props = _objectWithoutProperties(_ref7, _excluded7);
+  return /*#__PURE__*/_react["default"].createElement("code", props, children);
+};
+var Del = function Del(_ref8) {
+  var children = _ref8.children,
+    props = _objectWithoutProperties(_ref8, _excluded8);
+  return /*#__PURE__*/_react["default"].createElement("del", props, children);
+};
+var Em = function Em(_ref9) {
+  var children = _ref9.children,
+    props = _objectWithoutProperties(_ref9, _excluded9);
+  return /*#__PURE__*/_react["default"].createElement("em", props, children);
+};
+var Ins = function Ins(_ref10) {
+  var children = _ref10.children,
+    props = _objectWithoutProperties(_ref10, _excluded10);
+  return /*#__PURE__*/_react["default"].createElement("ins", props, children);
+};
+var Kbd = function Kbd(_ref11) {
+  var children = _ref11.children,
+    props = _objectWithoutProperties(_ref11, _excluded11);
+  return /*#__PURE__*/_react["default"].createElement("kbd", props, children);
+};
+var Mark = function Mark(_ref12) {
+  var children = _ref12.children,
+    props = _objectWithoutProperties(_ref12, _excluded12);
+  return /*#__PURE__*/_react["default"].createElement("mark", props, children);
+};
+var S = function S(_ref13) {
+  var children = _ref13.children,
+    props = _objectWithoutProperties(_ref13, _excluded13);
+  return /*#__PURE__*/_react["default"].createElement("s", props, children);
+};
+var Samp = function Samp(_ref14) {
+  var children = _ref14.children,
+    props = _objectWithoutProperties(_ref14, _excluded14);
+  return /*#__PURE__*/_react["default"].createElement("samp", props, children);
+};
+var Sub = function Sub(_ref15) {
+  var children = _ref15.children,
+    props = _objectWithoutProperties(_ref15, _excluded15);
+  return /*#__PURE__*/_react["default"].createElement("sub", props, children);
+};
+var Sup = function Sup(_ref16) {
+  var children = _ref16.children,
+    props = _objectWithoutProperties(_ref16, _excluded16);
+  return /*#__PURE__*/_react["default"].createElement("sup", props, children);
+};
+var Time = function Time(_ref17) {
+  var children = _ref17.children,
+    props = _objectWithoutProperties(_ref17, _excluded17);
+  return /*#__PURE__*/_react["default"].createElement("time", props, children);
+};
+var Var = function Var(_ref18) {
+  var children = _ref18.children,
+    props = _objectWithoutProperties(_ref18, _excluded18);
+  return /*#__PURE__*/_react["default"].createElement("var", props, children);
+};
+var Link = exports.Link = function Link(_ref19) {
+  var children = _ref19.children,
+    props = _objectWithoutProperties(_ref19, _excluded19);
+  return /*#__PURE__*/_react["default"].createElement("a", props, children);
+};
+var Special = exports.Special = {
+  Abbr: Abbr,
+  Cite: Cite,
+  Code: Code,
+  Del: Del,
+  Em: Em,
+  Ins: Ins,
+  Kbd: Kbd,
+  Mark: Mark,
+  S: S,
+  Samp: Samp,
+  Sub: Sub,
+  Sup: Sup,
+  Time: Time,
+  Var: Var
+};
+
+/*
+
+<abbr title="Internationalization">I18N</abbr>
+<strong>Bold</strong>
+<cite>Citation</cite>
+<code>Hello World!</code>
+<del>Deleted</del>
+<em>Emphasis</em>
+<i>Italic</i>
+<ins>Inserted</ins>
+<kbd>Ctrl + S</kbd>
+<mark>Highlighted</mark>
+<s>Strikethrough</s>
+<samp>Sample</samp>
+Text <sub>Subscripted</sub>
+Text <sup>Superscripted</sup>
+<time>20:00</time>
+<u>Underline</u>
+<var>x</var> = <var>y</var> + 2
+
+*/

package/dist/util/flex.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Row = exports.Col = void 0;
+var _classnames = _interopRequireDefault(require("classnames"));
+require("../helper.css");
+var _react = _interopRequireDefault(require("react"));
+var _index = require("./index");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _excluded = ["children", "className", "wrap", "gap"],
+  _excluded2 = ["children", "className", "gap"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Row = exports.Row = function Row(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    wrap = _ref.wrap,
+    gap = _ref.gap,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
+    className: (0, _classnames["default"])("tbl__helper__row", className),
+    style: {
+      gap: (0, _index.m)(gap) || 0,
+      flexWrap: wrap && "wrap"
+    }
+  }), children);
+};
+var Col = exports.Col = function Col(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    gap = _ref2.gap,
+    props = _objectWithoutProperties(_ref2, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement("div", _extends({}, props, {
+    className: (0, _classnames["default"])("tbl__helper__col", className),
+    style: {
+      gap: (0, _index.m)(gap) || 0
+    }
+  }), children);
+};
+Row.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  wrap: _propTypes["default"].bool,
+  gap: _propTypes["default"].number
+};
+Col.propTypes = {
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  gap: _propTypes["default"].number
+};

package/dist/util/hr.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Hr = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _excluded = ["children", "text"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(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 (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var Hr = exports.Hr = function Hr(_ref) {
+  var children = _ref.children,
+    text = _ref.text,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return !text ? /*#__PURE__*/_react["default"].createElement("hr", null) : /*#__PURE__*/_react["default"].createElement("div", {
+    "class": "hr-text"
+  }, /*#__PURE__*/_react["default"].createElement("span", null, text));
+};

package/dist/util/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  m: true
+};
+exports.m = void 0;
+var _flex = require("./flex");
+Object.keys(_flex).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _flex[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _flex[key];
+    }
+  });
+});
+var _hr = require("./hr");
+Object.keys(_hr).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _hr[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _hr[key];
+    }
+  });
+});
+var m = exports.m = function m(n) {
+  return n * 8;
+};

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "tabler-react-2",
+  "version": "0.0.1",
+  "description": "A react implementation of Tabler ui",
+  "main": "dist/index.js",
+  "scripts": {
+    "test": "cd demo && yarn start",
+    "build": "babel src --out-dir dist"
+  },
+  "author": "Jack Crane",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/cli": "^7.24.8",
+    "@babel/core": "^7.24.8",
+    "@babel/preset-env": "^7.24.8",
+    "@babel/preset-react": "^7.24.7",
+    "@tabler/icons-react": "^3.14.0",
+    "classnames": "^2.5.1",
+    "prop-types": "^15.8.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  }
+}