@televet/kibble-ui 1.0.17 → 1.1.0-beta.1

package/build/index.js

@@ -9,75 +9,99 @@ var styledComponents = require('styled-components');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
         });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
+    }
+    n["default"] = e;
+    return Object.freeze(n);
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DrawerConfig = {
-    variants: {
-        alwaysOpen: {
-            parts: ['dialog, dialogContainer'],
-            dialog: {
-                pointerEvents: 'auto',
-            },
-            dialogContainer: {
-                pointerEvents: 'none',
-            },
-        },
-    },
-};
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+}
 
 const SvgAlertCircle = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Zm.9 12.6a.9.9 0 1 1-1.8 0 .9.9 0 0 1 1.8 0Zm0-3.15a.9.9 0 1 1-1.8 0V8.4a.9.9 0 1 1 1.8 0v4.05Z", fill: color })));
-const ForwardRef$1N = React.forwardRef(SvgAlertCircle);
+const ForwardRef$1O = React.forwardRef(SvgAlertCircle);
 
 const SvgAnimalBird = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M20.217 3a.782.782 0 0 0-.17.018c-2.389.07-6.78 1.674-7.36 1.913-.882.363-1.154 1.095-1.323 1.365-.672 1.069-.958 1.614-1.131 1.48-.199-.156-.743-.616-1.147-.764-.403-.147-.688-.054-.993.043-.315-.197-1.313-.275-1.313-.275s.078.998.275 1.313c-.096.305-.19.588-.043.992.146.404.608.95.763 1.148.134.173-.41.459-1.48 1.13-.27.17-1 .44-1.365 1.323-.239.58-1.843 4.976-1.912 7.365a.783.783 0 0 0 .818.946c.658.003 2.814.078 4.034-1.064 1.324-1.24 1.136-4.155 2.956-5.975.685 0 1.176.596 1.612 1.371.282.501.736 1.758.736 3.323a.783.783 0 0 0 .876.777c1.548-.074 3.428-1.95 3.428-1.95s1.864-1.868 1.95-3.414a.786.786 0 0 0 .007-.1v-.008a.783.783 0 0 0-.783-.783c-1.565 0-2.822-.454-3.323-.735-.776-.436-1.371-.927-1.371-1.613 1.82-1.82 4.737-1.632 5.977-2.956C21.07 6.657 21 4.523 20.997 3.85a.782.782 0 0 0-.78-.851Z", fill: color })));
-const ForwardRef$1M = React.forwardRef(SvgAnimalBird);
+const ForwardRef$1N = React.forwardRef(SvgAnimalBird);
 
 const SvgAnimalCow = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M16.313 5c-.4 1.155.26 2 .31 2.103.195.295.258.445.498.838.49.8-.48 1.412-.918.64-1.051-1.851-1.16-2.317-2.351-2.317-.385 0-2.736.382-4.445.382-2.41 0-3.703-.382-5.185-.382-.834 0-1.481.806-1.481 1.526v3.816a.752.752 0 0 0-.741.763c0 .986.74 1.526.74 1.526s.741-.516.741-1.526V9.336c.37.897.741 2.042.741 3.033 0 2.072-.74 2.635-.74 3.288v3.58c0 .421.331.763.74.763h.741c0-1.961.301-3.3.68-4.216.33.261.724.4 1.143.4.92 0 1.684-.684 1.846-1.584.918.4 2.098.821 2.998.821h1.564c.38 0 .704.284.766.67l.53 3.271c.06.369.368.638.73.638h.854s-.156-2.407-.265-4.275c-.059-1.008 1.396-.813 1.752-1.86.448-1.312.735-3.022 1.476-3.022h1.923c.441 0 1.04-1.14 1.04-1.527 0-.386-.887-1.478-1.198-1.799-.185-.19-.67-1.418-1.186-1.418-.274 0-1.298.172-1.689.32-.257.098.038-1.433-1.614-1.419ZM11.63 16.566v2.47c0 .532.419.964.936.964h.516l.17-1.316-.342-2.118h-1.28Zm-3.658.504a2.878 2.878 0 0 1-1.638.225c-.017.074-.028.156-.043.232l.35 1.75c.085.42.444.723.861.723h.887c-.13-.546-.369-1.7-.417-2.93Z", fill: color })));
-const ForwardRef$1L = React.forwardRef(SvgAnimalCow);
+const ForwardRef$1M = React.forwardRef(SvgAnimalCow);
 
 const SvgAnimalHorse = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M17.435 3c-3.343 0-4.448 3.664-4.677 4.627-.247.08-.749.204-1.48.204-.515 0-.9-.083-1.354-.18-.528-.115-1.139-.253-2.018-.253-1.872 0-2.947 1.102-2.947 3.024 0 .721.721 2.516.915 2.988l-.188 1.71a.45.45 0 0 0 .013.145l1.003 4.024c.132.441.502.711.965.711h.928a.42.42 0 0 0 .326-.145.385.385 0 0 0 .076-.337l-.916-3.964a9.075 9.075 0 0 0 1.317-2.024c.505.223 1.44.53 2.834.53.69 0 1.427-.072 2.194-.217l.777 5.169a.983.983 0 0 0 .978.952H16.871c.23 0 .414-.176.414-.398a.389.389 0 0 0-.013-.096c-.028-.708-.218-5.52-.338-6.687.77-1.025.818-2.418.852-3.542.011-.342.022-.727.063-1.036.49.446 1.216.596 1.78.494.424-.077.997.176 1.166.265a.418.418 0 0 0 .49-.06l.438-.434a.958.958 0 0 0 .063-1.277l-1.893-2.097.576-.698a.401.401 0 0 0 .088-.338.404.404 0 0 0-.213-.277C19.3 3.262 18.324 3 17.435 3ZM4.645 8.373C3.468 8.914 2 10.29 2 13.747c0 .169.11.316.276.373l2.119.735a.513.513 0 0 0 .15.024c.093 0 .176-.039.251-.096a.385.385 0 0 0 .15-.217l.013-.096c0-.015.002-.033 0-.048-.058-.473-.09-.961-.1-1.434-.33-.869-.702-1.95-.702-2.566 0-.794.18-1.48.489-2.049Zm13.705 3.17a4.61 4.61 0 0 1-.589 1.433c.019.229.03.524.05.855l.778.253-.339 1.928a1.12 1.12 0 0 0 .74 1.301l.476.193a.44.44 0 0 0 .163.036c.065 0 .129-.02.188-.048a.4.4 0 0 0 .214-.265L20.833 14c.176-.672-.141-1.354-.74-1.614l-1.743-.844Zm-8.563 2.963c-.3.526-.602.941-.84 1.241l.764 3.277c.218.154.474.253.74.253l.69.036h.025a.424.424 0 0 0 .426-.41.386.386 0 0 0-.063-.204l-1.14-3.048.651-.904a8.068 8.068 0 0 1-1.253-.241Z", fill: color })));
-const ForwardRef$1K = React.forwardRef(SvgAnimalHorse);
+const ForwardRef$1L = React.forwardRef(SvgAnimalHorse);
 
 const SvgArrowCircle = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 3c-4.962 0-9 4.038-9 9s4.038 9 9 9 9-4.038 9-9h-1.8c0 3.97-3.23 7.2-7.2 7.2S4.8 15.97 4.8 12 8.03 4.8 12 4.8c1.986 0 3.783.81 5.085 2.115L14.7 9.3H21V3l-2.646 2.646A8.949 8.949 0 0 0 12 3Z", fill: color })));
-const ForwardRef$1J = React.forwardRef(SvgArrowCircle);
+const ForwardRef$1K = React.forwardRef(SvgArrowCircle);
 
 const SvgArrowLeft = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M10.395 3.267a.965.965 0 1 1 1.363 1.362L5.37 11.016h15.666a.964.964 0 0 1 0 1.928H5.37l6.388 6.387a.963.963 0 1 1-1.363 1.362l-8.032-8.032a.964.964 0 0 1 0-1.362l8.032-8.032Z", fill: color })));
-const ForwardRef$1I = React.forwardRef(SvgArrowLeft);
+const ForwardRef$1J = React.forwardRef(SvgArrowLeft);
 
 const SvgArrowRight = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M13.605 20.733a.965.965 0 0 1-1.67-.674.963.963 0 0 1 .307-.688l6.388-6.387H2.964a.964.964 0 0 1 0-1.928H18.63L12.243 4.67a.964.964 0 1 1 1.362-1.362l8.032 8.032a.964.964 0 0 1 0 1.362l-8.032 8.032Z", fill: color })));
-const ForwardRef$1H = React.forwardRef(SvgArrowRight);
+const ForwardRef$1I = React.forwardRef(SvgArrowRight);
 
 const SvgArrowsIn = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M13.159 4.044a.966.966 0 0 0-.063.379v5.359a.964.964 0 0 0 .963.963h5.359a.964.964 0 1 0 0-1.926h-3.033l5.078-5.078a.964.964 0 1 0-1.364-1.363l-5.077 5.078V4.423a.962.962 0 0 0-1.657-.704.965.965 0 0 0-.206.325ZM10.682 19.797a.964.964 0 0 0 .063-.379V14.06a.964.964 0 0 0-.963-.963h-5.36a.964.964 0 1 0 0 1.926h3.033L2.378 20.1a.964.964 0 0 0 1.363 1.363l5.078-5.078v3.033a.964.964 0 0 0 1.863.38Z", fill: color })));
-const ForwardRef$1G = React.forwardRef(SvgArrowsIn);
+const ForwardRef$1H = React.forwardRef(SvgArrowsIn);
 
 const SvgArrowsOut = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M21.682 8.797a.964.964 0 0 0 .063-.379V3.06a.964.964 0 0 0-.963-.963h-5.36a.964.964 0 1 0 0 1.926h3.034L13.378 9.1a.964.964 0 1 0 1.363 1.363l5.078-5.078v3.033a.964.964 0 0 0 1.863.38ZM2.16 15.044a.964.964 0 0 0-.064.379v5.359a.964.964 0 0 0 .963.963h5.36a.964.964 0 1 0 0-1.926H5.384l5.078-5.078A.964.964 0 1 0 9.1 13.378l-5.078 5.078v-3.033a.964.964 0 0 0-1.863-.38Z", fill: color })));
-const ForwardRef$1F = React.forwardRef(SvgArrowsOut);
+const ForwardRef$1G = React.forwardRef(SvgArrowsOut);
 
 const SvgBellRinging = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.68 5.342C10.68 4.606 11.276 4 12 4c.724 0 1.32.606 1.32 1.342v.645c2.114.552 3.52 2.412 3.52 4.813v3.49c0 .82.438 1.796.899 2.577l.002.002.785 1.199c.09.138.098.314.022.46a.442.442 0 0 1-.388.235H14.2C14.2 19.992 13.208 21 12 21c-1.208 0-2.2-1.008-2.2-2.237H5.84a.442.442 0 0 1-.388-.236.458.458 0 0 1 .022-.46l.789-1.203c.455-.773.897-1.814.897-2.636v-3.49c0-1.438.481-2.687 1.34-3.57.576-.589 1.324-.992 2.18-1.197v-.629Zm1.76 0a.442.442 0 0 0-.44-.447c-.244 0-.44.199-.44.447v.493l.085-.007c.07-.005.142-.011.216-.012a.38.38 0 0 1 .285.001c.08.003.156.01.233.018l.061.005v-.498Zm-9.909.213C1.55 7.177 1 9.108 1 11.158s.55 3.98 1.531 5.603l.752-.469c-.896-1.48-1.403-3.247-1.403-5.134 0-1.887.507-3.654 1.403-5.134l-.752-.469Zm18.186.469.752-.469C22.45 7.177 23 9.108 23 11.158s-.55 3.98-1.531 5.603l-.752-.469c.896-1.48 1.403-3.247 1.403-5.134 0-1.887-.507-3.654-1.402-5.134ZM12 6.684c2.425 0 3.96 1.641 3.96 4.116v3.49c0 1.123.53 2.2 1.024 3.04a.065.065 0 0 1 .01.013l.002.005.34.52H6.664l.34-.52.003-.005c.003-.004.006-.01.01-.013.5-.847 1.024-1.978 1.024-3.102v-3.49c0-1.237.402-2.238 1.086-2.939.683-.7 1.659-1.115 2.874-1.115Zm-8.8 4.474c0-1.63.438-3.095 1.24-4.41l.747.47a7.371 7.371 0 0 0-1.107 3.94c0 1.46.443 2.812 1.11 3.944l-.754.461C3.696 14.31 3.2 12.801 3.2 11.158Zm16.36-4.41-.747.47a7.37 7.37 0 0 1 1.107 3.94c0 1.46-.443 2.812-1.112 3.944l.756.461c.74-1.253 1.236-2.762 1.236-4.405 0-1.63-.438-3.095-1.24-4.41ZM12 20.104c.729 0 1.32-.6 1.32-1.342h-2.64c0 .741.591 1.342 1.32 1.342Z", fill: color })));
@@ -85,27 +109,27 @@ React.forwardRef(SvgBellRinging);
 
 const SvgBell = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 3c-.725 0-1.313.605-1.313 1.35v.626c-2.263.6-3.937 2.708-3.937 5.224v5.4l-1.343 1.04h-.002A.907.907 0 0 0 5 17.4c0 .497.392.9.875.9h12.25a.888.888 0 0 0 .875-.9.904.904 0 0 0-.405-.76L17.25 15.6v-5.4c0-2.516-1.674-4.624-3.938-5.224V4.35C13.313 3.605 12.726 3 12 3Zm-1.75 16.2c0 .99.787 1.8 1.75 1.8s1.75-.81 1.75-1.8h-3.5Z", fill: color })));
-const ForwardRef$1E = React.forwardRef(SvgBell);
+const ForwardRef$1F = React.forwardRef(SvgBell);
 
 const SvgBookmarkFilled = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.917C4 3.41 4.408 3 4.911 3H19.09c.503 0 .911.41.911.917v16.166a.917.917 0 0 1-.53.833.907.907 0 0 1-.974-.137L12 15.18l-6.495 5.6a.907.907 0 0 1-.974.137.917.917 0 0 1-.531-.833V3.917Z", fill: color })));
-const ForwardRef$1D = React.forwardRef(SvgBookmarkFilled);
+const ForwardRef$1E = React.forwardRef(SvgBookmarkFilled);
 
 const SvgBookmarkOutlined = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 3.917C4 3.41 4.408 3 4.911 3H19.09c.503 0 .911.41.911.917v16.166a.917.917 0 0 1-.53.833.907.907 0 0 1-.974-.137L12 15.18l-6.495 5.6a.907.907 0 0 1-.974.137.917.917 0 0 1-.531-.833V3.917Zm1.823.917V18.09l5.584-4.815a.907.907 0 0 1 1.186 0l5.584 4.815V4.834H5.823Z", fill: color })));
-const ForwardRef$1C = React.forwardRef(SvgBookmarkOutlined);
+const ForwardRef$1D = React.forwardRef(SvgBookmarkOutlined);
 
 const SvgBrush = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M16.351 3.001a.338.338 0 0 0-.045.012.36.36 0 0 0-.287.253.36.36 0 0 0 .103.366l1.396 1.363.023.035c.007.009.015.015.023.022.347.444.503.98.263 1.747l-1.098-1.07a.374.374 0 0 0-.298-.113h-.034a.361.361 0 0 0-.183.62l1.293 1.285a9.25 9.25 0 0 1-.72 1.14l-1.088-1.106a.375.375 0 0 0-.297-.124l-.046.012a.363.363 0 0 0-.275.25.357.357 0 0 0 .092.359l1.166 1.194a24.27 24.27 0 0 1-.857 1.014l-1.11-1.082a.373.373 0 0 0-.297-.112h-.034a.357.357 0 0 0-.183.62l1.121 1.115.011.012c-.329.347-.65.645-.96.9l-1.26-1.228a.372.372 0 0 0-.262-.113.468.468 0 0 0-.07.011.367.367 0 0 0-.276.25.356.356 0 0 0 .093.359l1.179 1.161c-.434.301-.836.52-1.201.676a.136.136 0 0 0-.024-.023l-1.257-1.228a.373.373 0 0 0-.297-.113h-.034a.362.362 0 0 0-.286.254.357.357 0 0 0 .103.365l1.006 1.005c-.386.095-.7.134-.904.134-.609 0-1.01-.17-1.2-.35l-.012-.01c-.005-.006-.007-.018-.011-.023a.153.153 0 0 0-.035-.034L7.864 11.41a.373.373 0 0 0-.297-.113l-.045.011a.357.357 0 0 0-.184.62l1.327 1.308c.018.267.074.524.126.755.08.35.141.646.045.834-.097.193-.344.33-.686.518-.549.302-1.299.72-2.06 1.713-1.105 1.444-1.409 2.917-.732 3.584.24.235.556.361.905.361.71 0 1.581-.508 2.585-1.51.975-.973 1.352-2.061 1.6-2.784.096-.274.2-.591.276-.665.694-.672 1.215-.775 1.875-.913.96-.2 2.157-.453 4.199-2.4C18.927 10.698 20 8.763 20 6.98c0-1.688-1.301-2.436-2.013-2.548l-1.338-1.319a.368.368 0 0 0-.298-.112Zm-2.939.35a.352.352 0 0 0-.046.011.36.36 0 0 0-.183.62l.95.935c.145.144.38.144.525 0a.36.36 0 0 0 0-.519l-.95-.935a.376.376 0 0 0-.296-.113ZM11.603 4.5a.361.361 0 0 0-.285.254.355.355 0 0 0 .103.365l1.029 1.016a.37.37 0 0 0 .367.125.359.359 0 0 0 .148-.633l-1.03-1.014a.37.37 0 0 0-.297-.113h-.034Zm2.62.778a.36.36 0 0 0-.184.62l.688.676a.368.368 0 0 0 .641-.145.36.36 0 0 0-.126-.363l-.688-.676a.37.37 0 0 0-.296-.112h-.035Zm-4.13.575a.376.376 0 0 0-.045.011.36.36 0 0 0-.183.62l1.006.98c.09.107.23.156.368.126a.358.358 0 0 0 .147-.633l-.994-.991a.375.375 0 0 0-.299-.114Zm3.032.867a.357.357 0 0 0-.183.62l.686.677a.37.37 0 0 0 .642-.145.358.358 0 0 0-.127-.363l-.686-.675a.372.372 0 0 0-.297-.113h-.035Zm-4.38.733a.361.361 0 0 0-.287.254.356.356 0 0 0 .103.365l.938.925a.368.368 0 0 0 .642-.145.36.36 0 0 0-.127-.362l-.937-.925a.373.373 0 0 0-.263-.113h-.069Zm2.916.71a.358.358 0 0 0-.183.62l.686.676a.37.37 0 0 0 .642-.145.357.357 0 0 0-.127-.362l-.687-.677a.372.372 0 0 0-.297-.112h-.034ZM7.817 9.38a.333.333 0 0 0-.045.012.362.362 0 0 0-.287.253.362.362 0 0 0 .103.367l.802.788c.145.144.38.144.526 0a.364.364 0 0 0 0-.518l-.801-.789a.372.372 0 0 0-.298-.113Zm2.38.226a.357.357 0 0 0-.183.62l.63.631c.144.143.379.143.525 0a.362.362 0 0 0 0-.52l-.64-.618a.373.373 0 0 0-.298-.113h-.035ZM9.1 11.049a.359.359 0 0 0-.183.618l.446.452c.145.144.38.144.526 0a.362.362 0 0 0 0-.518l-.458-.44a.374.374 0 0 0-.298-.113H9.1v.001Z", fill: color })));
-const ForwardRef$1B = React.forwardRef(SvgBrush);
+const ForwardRef$1C = React.forwardRef(SvgBrush);
 
 const SvgCaduceus = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12.197 3c-.282 0-.552.118-.75.33-.2.21-.312.496-.312.794 0 .158.032.314.093.458.061.144.15.273.261.378v1.138c.251.072.488.183.708.322.22-.139.457-.25.708-.322V4.96c.11-.105.2-.234.26-.378a1.159 1.159 0 0 0-.218-1.253C12.75 3.12 12.48 3 12.198 3Zm3.54.75c-.541 0-1.41.396-1.41 1.499 0 .31.14.618.236.925.863.33 1.528 1.088 1.77 2.037 1.744-.168 3.785-.99 4.696-1.552v-.002a.728.728 0 0 0 .27-.275.784.784 0 0 0-.107-.914.688.688 0 0 0-.53-.218c-2.8-.011-2.84-1.5-4.926-1.5Zm-7.074.001c-2.087 0-2.125 1.49-4.933 1.5a.689.689 0 0 0-.523.218.783.783 0 0 0-.108.913.728.728 0 0 0 .272.275v.002c.91.561 2.95 1.384 4.695 1.552.243-.95.907-1.707 1.77-2.037.096-.307.237-.614.237-.925 0-1.103-.87-1.499-1.41-1.498Zm2.118 3.735c-.815 0-1.416.717-1.416 1.51 0 1.014.36 1.826.877 2.36.117.121.24.226.365.323-.099.063-.197.126-.293.202-.52.41-.949 1.12-.949 1.988 0 .833.328 1.527.772 1.978.197.2.41.356.623.492-.383.39-.687.966-.687 1.653 0 .6.18 1.126.451 1.539a.725.725 0 0 0-.35.344.789.789 0 0 0-.065.503c.035.17.124.322.253.43.129.108.29.165.454.162 0 0 .644-.012 1.381-.252.737.24 1.381.252 1.381.252a.683.683 0 0 0 .454-.162.757.757 0 0 0 .252-.43.789.789 0 0 0-.063-.503.725.725 0 0 0-.351-.344c.27-.413.45-.939.45-1.539 0-.687-.303-1.263-.687-1.653a3.45 3.45 0 0 0 .624-.492c.444-.45.771-1.145.771-1.978 0-.868-.429-1.578-.948-1.988-.095-.076-.194-.139-.293-.202.125-.098.248-.202.365-.322.517-.535.877-1.347.877-2.36 0-.794-.601-1.511-1.416-1.511-.436 0-.8.227-1.034.504a1.516 1.516 0 0 0-.382 1.007.781.781 0 0 0 .122.43.716.716 0 0 0 .331.279.671.671 0 0 0 .423.028.703.703 0 0 0 .363-.232c-.076.271-.104.607-.274.782-.225.232-.575.425-.965.612-.39-.187-.74-.38-.965-.612-.17-.175-.198-.51-.274-.782a.702.702 0 0 0 .363.232.67.67 0 0 0 .422-.028.716.716 0 0 0 .332-.28.782.782 0 0 0 .122-.43c0-.401-.147-.73-.382-1.006-.234-.277-.598-.504-1.034-.504Zm1.416 5.052c.426.19.81.365 1.037.545.277.22.379.348.379.786 0 .475-.115.673-.335.896-.22.223-.589.428-1.022.637l-.059.03-.06-.03c-.432-.21-.802-.414-1.021-.637-.22-.223-.335-.421-.335-.896 0-.438.102-.567.379-.786.227-.18.61-.356 1.037-.545Zm0 4.558c.167.093.314.183.416.27.22.19.292.287.292.626 0 .383-.1.59-.259.779a1.57 1.57 0 0 1-.449.338 1.57 1.57 0 0 1-.45-.338c-.159-.19-.258-.396-.258-.779 0-.339.073-.437.292-.625.102-.088.25-.178.416-.271Z", fill: color })));
-const ForwardRef$1A = React.forwardRef(SvgCaduceus);
+const ForwardRef$1B = React.forwardRef(SvgCaduceus);
 
 const SvgCalendarCheck = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M7.556 2a.895.895 0 0 0-.889.9v.9h-.89C4.795 3.8 4 4.606 4 5.6v12.6C4 19.194 4.798 20 5.777 20h12.446A1.79 1.79 0 0 0 20 18.2V5.6c0-.994-.795-1.8-1.777-1.8h-.89v-.9c0-.496-.398-.9-.889-.9a.895.895 0 0 0-.888.9v.9H8.443v-.9a.893.893 0 0 0-.886-.9h-.001ZM5.777 8.3h12.446l.001 9.9H5.777V8.3Zm8.713 2.438a.875.875 0 0 0-.624.262l-2.31 2.34-.976-.99a.872.872 0 0 0-1.246 0 .895.895 0 0 0 0 1.26l1.594 1.615a.882.882 0 0 0 1.258 0l2.927-2.964a.898.898 0 0 0 0-1.261.87.87 0 0 0-.622-.262h-.001Z", fill: color })));
-const ForwardRef$1z = React.forwardRef(SvgCalendarCheck);
+const ForwardRef$1A = React.forwardRef(SvgCalendarCheck);
 
 const SvgCalendarDate = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M7.556 2a.895.895 0 0 0-.89.9v.9H5.78C4.8 3.8 4 4.61 4 5.6v12.6c0 .99.8 1.8 1.778 1.8H18.22C19.2 20 20 19.19 20 18.2V5.6c0-.99-.8-1.8-1.778-1.8h-.888v-.9c0-.495-.398-.899-.89-.899a.894.894 0 0 0-.888.9v.9H8.444V2.9c0-.496-.397-.9-.888-.9Zm-1.78 6.3h12.446v9.9H5.78V8.3h-.002Zm8 4.5a.895.895 0 0 0-.887.9v1.8c0 .497.399.9.889.9h1.778c.49 0 .888-.403.888-.9v-1.8c0-.496-.398-.9-.888-.9h-1.78Z", fill: color })));
@@ -113,7 +137,7 @@ React.forwardRef(SvgCalendarDate);
 
 const SvgCalendarInfo = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M16.445 10.286h-8.89v1.777h8.89v-1.777Zm1.777-5.08h-.889V4h-1.777v1.206H8.444V4H6.667v1.206h-.89c-.986 0-1.768.8-1.768 1.778L4 18.286C4 19.263 4.791 20 5.778 20h12.444C19.2 20 20 19.264 20 18.286V6.984c0-.978-.8-1.778-1.778-1.778Zm0 13.08H5.778V8.508h12.444v9.778Zm-4.444-4.445H7.556v1.778h6.222v-1.778Z", fill: color })));
-const ForwardRef$1y = React.forwardRef(SvgCalendarInfo);
+const ForwardRef$1z = React.forwardRef(SvgCalendarInfo);
 
 const SvgCalendarOutline = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6.783 3.708c0-.387.315-.708.695-.708h.696c.38 0 .696.321.696.708v.709h6.26v-.709c0-.387.316-.708.696-.708h.696c.38 0 .695.321.695.708v.709h2.087a.7.7 0 0 1 .499.202c.13.132.197.32.197.506v14.167a.732.732 0 0 1-.197.507.705.705 0 0 1-.499.201H4.696a.7.7 0 0 1-.498-.2.727.727 0 0 1-.198-.508V5.125c0-.185.067-.374.198-.506a.695.695 0 0 1 .498-.202h2.087v-.709Zm1.39 0h-.695v2.125h.696V3.708Zm7.653 0h.696v2.125h-.696V3.708ZM6.783 5.125H4.696v2.48h14.608v-2.48h-2.087v.708a.707.707 0 0 1-.695.709h-.696a.707.707 0 0 1-.696-.709v-.708H8.87v.708a.707.707 0 0 1-.696.709h-.696a.707.707 0 0 1-.695-.709v-.708ZM4.696 8.313h14.608v10.979H4.696V8.312Zm2.087 9.562V9.729h10.434v8.146H6.783Zm.695-7.438h1.74v1.771h-1.74v-1.77Zm4.174 0H9.913v1.771h1.74v-1.77Zm.696 0h1.739v1.771h-1.74v-1.77Zm4.174 0h-1.74v1.771h1.74v-1.77Zm-9.044 2.48h1.74v1.77h-1.74v-1.77Zm4.174 0H9.913v1.77h1.74v-1.77Zm.696 0h1.739v1.77h-1.74v-1.77Zm4.174 0h-1.74v1.77h1.74v-1.77Zm-9.044 2.479h1.74v1.77h-1.74v-1.77Zm4.174 0H9.913v1.77h1.74v-1.77Zm.696 0h1.739v1.77h-1.74v-1.77Zm4.174 0h-1.74v1.77h1.74v-1.77Z", fill: color })));
@@ -121,20 +145,20 @@ React.forwardRef(SvgCalendarOutline);
 
 const SvgCalendarPen = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M6.619 2.001a.91.91 0 0 0-.905.914v.912h-.905C3.81 3.827 3 4.645 3 5.654v12.78c0 1.009.81 1.826 1.81 1.826h10.107l-1.81-1.827H4.81V8.391h12.666v5.635l1.81 1.826v-10.2c0-1.008-.81-1.826-1.81-1.826h-.906v-.914A.909.909 0 0 0 15.667 2a.91.91 0 0 0-.905.914v.912H7.525v-.914A.91.91 0 0 0 6.62 2l-.001.001Zm.905 9.13a.91.91 0 0 0-.905.913.91.91 0 0 0 .905.914h7.238c.5 0 .905-.41.905-.914a.91.91 0 0 0-.905-.913H7.524Zm0 3.652a.91.91 0 0 0-.905.913.91.91 0 0 0 .905.914h3.62c.499 0 .904-.41.904-.914a.91.91 0 0 0-.905-.913H7.524Zm6.785 0a.456.456 0 0 0-.452.456v1.181c0 .12.048.237.133.323l4.523 4.565 1.81-1.827-4.524-4.564a.456.456 0 0 0-.32-.134h-1.17Zm6.654 5.344-1.811 1.826.664.669c.5.504 1.31.504 1.81 0a1.3 1.3 0 0 0 0-1.827l-.663-.668Z", fill: color })));
-const ForwardRef$1x = React.forwardRef(SvgCalendarPen);
+const ForwardRef$1y = React.forwardRef(SvgCalendarPen);
 
 const SvgCameraFlip = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M8.766 3.975a.84.84 0 0 0-.665.328l-.957 1.285H2.5a1 1 0 0 0-1 1V19.1a1 1 0 0 0 1 1h18.962a1 1 0 0 0 1-1V6.588a1 1 0 0 0-1-1H16.82l-.958-1.285a.84.84 0 0 0-.665-.328h-6.43ZM8.86 5.99a1 1 0 0 1 .802-.402h4.64a1 1 0 0 1 .802.402l.658.882.252.328h3.837a1 1 0 0 1 1 1v9.288a1 1 0 0 1-1 1H4.112a1 1 0 0 1-1-1V8.2a1 1 0 0 1 1-1H7.95l.252-.328.657-.882Zm3.122 2.016c-2.074 0-3.796 1.304-4.499 3.1-.184.47.201.931.707.931.376 0 .694-.265.857-.605.51-1.062 1.64-1.813 2.935-1.813 1.052 0 2.05.535 2.646 1.386l-1.033 1.032h3.225V8.813l-1.033 1.033a4.824 4.824 0 0 0-3.805-1.84ZM7.144 13.65v3.225l1.033-1.033a4.824 4.824 0 0 0 3.804 1.84c2.075 0 3.797-1.305 4.5-3.1.184-.471-.202-.932-.707-.932-.377 0-.694.266-.857.605-.511 1.062-1.64 1.814-2.936 1.814a3.261 3.261 0 0 1-2.645-1.386l1.033-1.033H7.144Z", fill: color })));
-const ForwardRef$1w = React.forwardRef(SvgCameraFlip);
+const ForwardRef$1x = React.forwardRef(SvgCameraFlip);
 
 const SvgCameraOff = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M3.133 3.023c.22-.22.575-.22.795 0l17.766 17.766a.563.563 0 0 1-.795.795L3.133 3.818a.563.563 0 0 1 0-.795ZM3.83 6.016c-.89.12-1.58.9-1.58 1.84v9.286c0 1.025.816 1.858 1.818 1.858h11.819c.27 0 .527-.06.758-.17L3.83 6.017Z", fill: color }),
     React__namespace.createElement("path", { d: "M17.466 18.061c.152-.271.238-.585.238-.919v-2.709l3.068 2.506a.906.906 0 0 0 .57.204.903.903 0 0 0 .394-.093.932.932 0 0 0 .514-.836V8.786c0-.357-.2-.683-.514-.839a.898.898 0 0 0-.964.114l-3.066 2.506v-2.71c0-1.024-.818-1.857-1.82-1.857H5.406l12.06 12.061Z", fill: color })));
-const ForwardRef$1v = React.forwardRef(SvgCameraOff);
+const ForwardRef$1w = React.forwardRef(SvgCameraOff);
 
 const SvgCamera = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M9.927 4.5a1.5 1.5 0 0 0-1.342.83l-.295.59c-.255.509-.774.83-1.342.83H3.75a1.5 1.5 0 0 0-1.5 1.5V18a1.5 1.5 0 0 0 1.5 1.5h16.5a1.5 1.5 0 0 0 1.5-1.5V8.25a1.5 1.5 0 0 0-1.5-1.5h-3.198a1.5 1.5 0 0 1-1.342-.83l-.295-.59a1.502 1.502 0 0 0-1.342-.83H9.927Zm-4.677.75A.75.75 0 0 0 4.5 6h2.25A.75.75 0 0 0 6 5.25h-.75ZM12 7.5a5.256 5.256 0 0 1 5.25 5.25A5.256 5.256 0 0 1 12 18a5.256 5.256 0 0 1-5.25-5.25A5.256 5.256 0 0 1 12 7.5Zm6.75.75a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5ZM12 9a3.75 3.75 0 1 0 0 7.5A3.75 3.75 0 0 0 12 9Z", fill: color })));
-const ForwardRef$1u = React.forwardRef(SvgCamera);
+const ForwardRef$1v = React.forwardRef(SvgCamera);
 
 const SvgCancel = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3 12a9 9 0 1 1 18 0 9 9 0 0 1-18 0Zm5.602 5.306a6.3 6.3 0 0 0 8.704-8.704l-8.704 8.704Zm-1.908-1.909a6.3 6.3 0 0 1 8.704-8.704l-8.704 8.704Z", fill: color })));
@@ -142,28 +166,28 @@ React.forwardRef(SvgCancel);
 
 const SvgCatFace = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M18.346 9.555c.29-.908.573-2.172.653-3.79a.73.73 0 0 0-.889-.746c-1.413.33-2.458.816-3.21 1.285A7.25 7.25 0 0 0 12 5.7a7.25 7.25 0 0 0-2.9.604c-.753-.469-1.797-.954-3.21-1.285a.73.73 0 0 0-.89.746c.081 1.618.363 2.882.655 3.79A6.343 6.343 0 0 0 5 12.35C5 16.023 9.2 19 12 19s7-2.977 7-6.65c0-1-.239-1.944-.654-2.795Zm-7.973 3.006c-.177.068-.45.14-.818.14-1.364 0-1.679-1.088-1.75-1.59a.347.347 0 0 1 .223-.373c.177-.067.45-.138.818-.138 1.363 0 1.678 1.087 1.75 1.589a.343.343 0 0 1-.223.372Zm2.934 2.128c-.324.335-.827.62-1.105.762a.443.443 0 0 1-.403 0c-.278-.143-.782-.428-1.105-.762-.222-.23-.022-.59.315-.59h1.982c.337 0 .537.36.315.59h.001Zm1.138-1.99c-.368 0-.64-.07-.818-.14a.344.344 0 0 1-.224-.37c.072-.502.387-1.59 1.75-1.59.369 0 .642.07.819.14.155.06.246.21.224.373-.072.501-.387 1.588-1.75 1.588h-.001Z", fill: color })));
-const ForwardRef$1t = React.forwardRef(SvgCatFace);
+const ForwardRef$1u = React.forwardRef(SvgCatFace);
 
 const SvgCellphoneAlert = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M11 8a1 1 0 1 1 2 0v4a1 1 0 1 1-2 0V8ZM13 15a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z", fill: color }),
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.627 2.5h8.637c.954 0 1.727.773 1.727 1.727v15.546c0 .954-.773 1.727-1.727 1.727H7.627A1.727 1.727 0 0 1 5.9 19.773V4.227c0-.954.773-1.727 1.727-1.727Zm2.591 17.273h3.455v-.864h-3.455v.864Zm-2.59-2.591h8.636V5.09H7.627v12.09Z", fill: color })));
-const ForwardRef$1s = React.forwardRef(SvgCellphoneAlert);
+const ForwardRef$1t = React.forwardRef(SvgCellphoneAlert);
 
 const SvgCellphone = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M16.264 2.5H7.627c-.954 0-1.727.773-1.727 1.727v15.546c0 .954.773 1.727 1.727 1.727h8.637c.954 0 1.727-.773 1.727-1.727V4.227c0-.954-.773-1.727-1.727-1.727Zm-2.591 17.273h-3.455v-.864h3.455v.864Zm2.59-2.591H7.628V5.09h8.637v12.09Z", fill: color })));
-const ForwardRef$1r = React.forwardRef(SvgCellphone);
+const ForwardRef$1s = React.forwardRef(SvgCellphone);
 
 const SvgChainLink = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M16.521 4.082c-.869 0-1.738.331-2.4.993L12.238 6.96a3.393 3.393 0 0 0-.813 3.478l1.354-1.354c.056-.387.227-.76.525-1.058l1.885-1.885c.367-.367.85-.552 1.333-.552s.966.184 1.333.552c.735.735.735 1.93 0 2.665l-1.885 1.885c-.297.298-.67.468-1.058.525l-1.355 1.355a3.383 3.383 0 0 0 3.479-.814l1.885-1.885a3.396 3.396 0 0 0 0-4.797 3.383 3.383 0 0 0-2.399-.993Zm-2.276 4.892a.754.754 0 0 0-.519.228l-4.524 4.524a.754.754 0 1 0 1.067 1.066l4.524-4.524a.753.753 0 0 0-.548-1.294Zm-4.717 2.278a3.376 3.376 0 0 0-2.568.985l-1.885 1.885a3.397 3.397 0 0 0 0 4.798c.661.661 1.53.992 2.399.992.868 0 1.737-.33 2.398-.992l1.885-1.886a3.393 3.393 0 0 0 .814-3.478l-1.355 1.355c-.056.387-.227.76-.525 1.058l-1.885 1.885a1.886 1.886 0 0 1-2.665 0 1.887 1.887 0 0 1 0-2.665l1.885-1.885a1.87 1.87 0 0 1 1.058-.526l1.354-1.354a3.416 3.416 0 0 0-.91-.172Z", fill: color })));
-const ForwardRef$1q = React.forwardRef(SvgChainLink);
+const ForwardRef$1r = React.forwardRef(SvgChainLink);
 
 const SvgChatBubbleFilled = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 4c-4.695 0-8.5 3.152-8.5 7.04 0 2.155 1.173 4.082 3.015 5.374.047.983-.108 2.34-1.494 2.966l-.003.001a.32.32 0 0 0-.21.299.324.324 0 0 0 .355.319c1.591-.01 2.942-.852 3.874-1.741a1.283 1.283 0 0 1 1.114-.347A10.1 10.1 0 0 0 12 18.08c4.695 0 8.5-3.152 8.5-7.04S16.695 4 12 4Z", fill: color })));
-const ForwardRef$1p = React.forwardRef(SvgChatBubbleFilled);
+const ForwardRef$1q = React.forwardRef(SvgChatBubbleFilled);
 
 const SvgChatBubbleOutlined = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.6 11.04C2.6 6.504 6.974 3.1 12 3.1c5.026 0 9.4 3.404 9.4 7.94 0 4.536-4.374 7.94-9.4 7.94-.69 0-1.364-.063-2.014-.184l.165-.885-.163.885a.384.384 0 0 0-.33.112c-1.016.97-2.567 1.97-4.463 1.99-.02.002-.039.002-.058.002h-.002c-.66 0-1.227-.528-1.227-1.22v-.001c0-.502.308-.94.755-1.125.7-.322.929-.947.957-1.684-1.824-1.424-3.02-3.486-3.02-5.83ZM12 4.9c-4.364 0-7.6 2.9-7.6 6.14 0 1.809.982 3.48 2.632 4.637l.36.253.022.44c.028.587-.004 1.443-.375 2.235a6.072 6.072 0 0 0 1.377-.999 2.183 2.183 0 0 1 1.898-.58h.002A9.2 9.2 0 0 0 12 17.18c4.364 0 7.6-2.9 7.6-6.14 0-3.24-3.236-6.14-7.6-6.14Z", fill: color })));
-const ForwardRef$1o = React.forwardRef(SvgChatBubbleOutlined);
+const ForwardRef$1p = React.forwardRef(SvgChatBubbleOutlined);
 
 const SvgCheckmarkBox = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M18.223 4H5.777C4.795 4 4 4.795 4 5.777v12.446C4 19.205 4.795 20 5.777 20h12.446c.982 0 1.777-.795 1.777-1.777V5.777C20 4.795 19.205 4 18.223 4Zm-8 12.812-4.185-4.184 1.257-1.256 2.928 2.927 6.482-6.484 1.256 1.258-7.738 7.74Z", fill: color })));
@@ -171,44 +195,44 @@ React.forwardRef(SvgCheckmarkBox);
 
 const SvgCheckmarkCircle = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 3a9 9 0 0 0-9 9 9 9 0 0 0 9 9 9 9 0 0 0 9-9 9 9 0 0 0-9-9Zm5.136 6.936-6.3 6.3a.898.898 0 0 1-1.272 0l-2.7-2.7a.899.899 0 1 1 1.272-1.272l2.064 2.063 5.664-5.663a.899.899 0 1 1 1.272 1.272Z", fill: color })));
-const ForwardRef$1n = React.forwardRef(SvgCheckmarkCircle);
+const ForwardRef$1o = React.forwardRef(SvgCheckmarkCircle);
 
 const SvgCheckmark = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M10.5 17 19 8.5 17.5 7l-7 7-4-4.003L5 11.5l5.5 5.5Z", fill: color })));
-const ForwardRef$1m = React.forwardRef(SvgCheckmark);
+const ForwardRef$1n = React.forwardRef(SvgCheckmark);
 
 const SvgChevronDown = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 13.69 6.607 8.277a.937.937 0 0 0-1.331 0 .951.951 0 0 0 0 1.34l6.096 6.12c.347.35.91.35 1.256 0l6.096-6.119a.951.951 0 0 0 0-1.34.937.937 0 0 0-1.331 0L12 13.69Z", fill: color })));
-const ForwardRef$1l = React.forwardRef(SvgChevronDown);
+const ForwardRef$1m = React.forwardRef(SvgChevronDown);
 
 const SvgChevronLeft = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "m10.31 12 5.412-5.393a.937.937 0 0 0 0-1.331.951.951 0 0 0-1.34 0l-6.12 6.096a.883.883 0 0 0 0 1.256l6.12 6.096c.37.368.97.368 1.34 0a.937.937 0 0 0 0-1.331L10.31 12Z", fill: color })));
-const ForwardRef$1k = React.forwardRef(SvgChevronLeft);
+const ForwardRef$1l = React.forwardRef(SvgChevronLeft);
 
 const SvgChevronRight = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "m13.69 12-5.413 5.393a.937.937 0 0 0 0 1.331c.37.368.97.368 1.34 0l6.12-6.096a.882.882 0 0 0 0-1.256L9.619 5.276a.951.951 0 0 0-1.34 0 .937.937 0 0 0 0 1.331L13.69 12Z", fill: color })));
-const ForwardRef$1j = React.forwardRef(SvgChevronRight);
+const ForwardRef$1k = React.forwardRef(SvgChevronRight);
 
 const SvgChevronUp = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "m12 10.31 5.393 5.412c.367.37.964.37 1.331 0a.951.951 0 0 0 0-1.34l-6.096-6.12a.883.883 0 0 0-1.256 0l-6.096 6.12a.951.951 0 0 0 0 1.34c.367.37.964.37 1.331 0L12 10.31Z", fill: color })));
-const ForwardRef$1i = React.forwardRef(SvgChevronUp);
+const ForwardRef$1j = React.forwardRef(SvgChevronUp);
 
 const SvgCircleDotted = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12.011 3c-4.661 0-8.507 3.561-8.96 8.105h1.817c.446-3.548 3.476-6.304 7.143-6.304 3.668 0 6.698 2.756 7.144 6.304h1.817C20.518 6.561 16.672 3 12.012 3Zm-8.96 9.907a8.95 8.95 0 0 0 1.996 4.79l1.28-1.28a7.185 7.185 0 0 1-1.46-3.51H3.052Zm14.608 3.539a7.275 7.275 0 0 1-1.275 1.27l.911 1.562a9.102 9.102 0 0 0 1.923-1.898l-1.559-.934ZM7.601 17.689l-1.28 1.281a9.004 9.004 0 0 0 4.155 1.909l.128-1.812a7.175 7.175 0 0 1-3.003-1.378Zm7.23.938a7.18 7.18 0 0 1-2.431.567L12.27 21a8.943 8.943 0 0 0 3.47-.814l-.91-1.559Z", fill: color })));
-const ForwardRef$1h = React.forwardRef(SvgCircleDotted);
+const ForwardRef$1i = React.forwardRef(SvgCircleDotted);
 
 const SvgClock = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12.9 6.5a.9.9 0 1 0-1.8 0V12a.9.9 0 0 0 .546.827l3.5 1.5a.9.9 0 1 0 .709-1.654L12.9 11.406V6.5Z", fill: color }),
     React__namespace.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2ZM3.8 12a8.2 8.2 0 1 1 16.4 0 8.2 8.2 0 1 1-16.4 0Z", fill: color })));
-const ForwardRef$1g = React.forwardRef(SvgClock);
+const ForwardRef$1h = React.forwardRef(SvgClock);
 
 const SvgCloseCircle = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12 3c-4.977 0-9 4.023-9 9s4.023 9 9 9 9-4.023 9-9-4.023-9-9-9Zm4.5 12.231L15.231 16.5 12 13.269 8.769 16.5 7.5 15.231 10.731 12 7.5 8.769 8.769 7.5 12 10.731 15.231 7.5 16.5 8.769 13.269 12l3.231 3.231Z", fill: color })));
-const ForwardRef$1f = React.forwardRef(SvgCloseCircle);
+const ForwardRef$1g = React.forwardRef(SvgCloseCircle);
 
 const SvgClose = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M18.695 5.305a1.042 1.042 0 0 0-1.475 0L12 10.525l-5.22-5.22A1.043 1.043 0 1 0 5.305 6.78l5.22 5.22-5.22 5.22a1.042 1.042 0 1 0 1.475 1.475l5.22-5.22 5.22 5.22a1.042 1.042 0 1 0 1.475-1.475L13.475 12l5.22-5.22a1.042 1.042 0 0 0 0-1.475Z", fill: color })));
-const ForwardRef$1e = React.forwardRef(SvgClose);
+const ForwardRef$1f = React.forwardRef(SvgClose);
 
 const SvgClosedSign = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M12.054 4.114a.784.784 0 0 0-.779.788c0 .433.35.787.779.787a.784.784 0 0 0 .778-.787.784.784 0 0 0-.778-.788Zm-1.386 1.5L5.745 8.839H7.18l4.012-2.633a1.561 1.561 0 0 1-.523-.59Zm2.771 0c-.121.24-.302.442-.523.591l4.012 2.633h1.422L13.44 5.615ZM3.496 9.627a.392.392 0 0 0-.389.393v9.447c0 .219.175.394.389.394h17.116a.39.39 0 0 0 .388-.394V10.02a.39.39 0 0 0-.389-.393H3.497ZM5.83 12.38c.643 0 1.167.53 1.167 1.18v.394H6.22v-.393a.392.392 0 0 0-.389-.394.392.392 0 0 0-.39.393v2.363c0 .217.176.393.39.393a.392.392 0 0 0 .389-.393v-.394h.778v.394c0 .65-.524 1.18-1.167 1.18s-1.167-.53-1.167-1.18v-2.362c0-.65.524-1.181 1.167-1.181Zm1.556 0h.777v3.936H9.33v.788H7.386V12.38Zm3.112 0c.643 0 1.167.53 1.167 1.18v2.363c0 .65-.524 1.18-1.167 1.18s-1.167-.53-1.167-1.18v-2.362c0-.65.524-1.181 1.167-1.181Zm2.723 0c.642 0 1.166.53 1.166 1.18v.394h-.778v-.393a.391.391 0 0 0-.388-.394.392.392 0 0 0-.39.393v.542l1.556.787v1.034c0 .65-.524 1.18-1.166 1.18-.643 0-1.167-.53-1.167-1.18v-.394h.778v.394c0 .217.175.393.388.393a.392.392 0 0 0 .39-.393v-.542l-1.556-.787V13.56c0-.65.524-1.18 1.167-1.18Zm1.555 0h1.945v.787h-1.167v1.18h1.167v.788h-1.167v1.18h1.167v.788h-1.945v-4.723Zm2.334 0h1.167c.643 0 1.167.53 1.167 1.18v2.363c0 .65-.524 1.18-1.167 1.18H17.11v-4.723Zm-6.612.787a.392.392 0 0 0-.39.393v2.362c0 .217.175.394.39.394.214 0 .389-.177.389-.393V13.56a.392.392 0 0 0-.39-.394Zm7.39 0v3.149h.389c.214 0 .39-.177.39-.393V13.56a.392.392 0 0 0-.39-.394h-.389Z", fill: color })));
@@ -216,11 +240,11 @@ React.forwardRef(SvgClosedSign);
 
 const SvgCode = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M5.778 4C4.796 4 4 4.796 4 5.778v12.444C4 19.194 4.806 20 5.778 20h12.444c.972 0 1.778-.806 1.778-1.778V5.777C20 4.797 19.204 4 18.222 4H5.778Zm0 3.556h12.444v10.666H5.778V7.556Zm4.444 2.743a.627.627 0 0 0-.444.184L8 12.26a.888.888 0 0 0 0 1.257l1.778 1.778a.629.629 0 0 0 .889-.889L9.149 12.89l1.518-1.518a.629.629 0 0 0-.445-1.072Zm3.556 0a.627.627 0 0 0-.445 1.072l1.518 1.518-1.518 1.517a.629.629 0 0 0 .89.89L16 13.516a.888.888 0 0 0 0-1.257l-1.778-1.777a.627.627 0 0 0-.444-.184Z", fill: color })));
-const ForwardRef$1d = React.forwardRef(SvgCode);
+const ForwardRef$1e = React.forwardRef(SvgCode);
 
 const SvgConversation = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M8.277 1c-1.16 0-2.11.99-2.11 2.2v4.4c0 1.21.95 2.2 2.11 2.2h2.112l1.625 2.539a.572.572 0 0 0 .972 0l1.625-2.54h2.112c1.16 0 2.11-.99 2.11-2.2V3.2c0-1.21-.95-2.2-2.11-2.2H8.277ZM7.223 13.1c-1.167 0-2.112.985-2.112 2.2 0 1.215.945 2.2 2.112 2.2 1.165 0 2.11-.985 2.11-2.2 0-1.216-.945-2.2-2.11-2.2Zm10.554 0c-1.165 0-2.11.985-2.11 2.2 0 1.215.945 2.2 2.11 2.2 1.167 0 2.112-.985 2.112-2.2 0-1.216-.945-2.2-2.112-2.2ZM7.223 18.6C4.915 18.6 3 19.6 3 21.039v.86C3 22.508 3.473 23 4.056 23h6.333c.583 0 1.056-.493 1.056-1.1v-.862c0-1.439-1.917-2.438-4.222-2.438Zm10.554 0c-2.305 0-4.221 1-4.221 2.439v.86c0 .608.472 1.101 1.055 1.101h6.333c.583 0 1.056-.493 1.056-1.1v-.862c0-1.439-1.915-2.438-4.223-2.438Z", fill: color })));
-React.forwardRef(SvgConversation);
+const ForwardRef$1d = React.forwardRef(SvgConversation);
 
 const SvgCreditCardHand = ({ color = "currentColor", height = "24px", width = "24px" }, ref) => (React__namespace.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", width: width, height: height, ref: ref },
     React__namespace.createElement("path", { d: "M10.286 6c-.895 0-1.62.684-1.62 1.53v.764H20V7.53C20 6.684 19.276 6 18.381 6h-8.095Zm-1.62 3.823v3.06c0 .33.115.636.306.886l3.67-2.159c.702-.414 1.622-.261 2.132.356l.59.713c.416.503.606 1.12.582 1.733h2.435c.895 0 1.619-.684 1.619-1.529v-3.06H8.667Zm-2.632.07a1 1 0 0 0-.51.165l-1.83 1.2A1.505 1.505 0 0 0 3 12.515v4.957C3 18.316 3.724 19 4.619 19h4.519c.907 0 1.754-.428 2.256-1.14l2.721-2.894c.31-.404.299-.952-.027-1.344-.36-.518-.818-.604-1.374-.252l-3.559 2.094c-.918.541-2.108-.083-2.108-1.104v-3.55c0-.554-.494-.937-1.013-.916Z", fill: color })));
@@ -607,40 +631,42 @@ var IconMap = {
     addAutomation: ForwardRef$a,
     addReaction: ForwardRef$9,
     announcement: ForwardRef$I,
-    appointment: ForwardRef$1y,
+    appointment: ForwardRef$1z,
     attachFile: ForwardRef$s,
-    attention: ForwardRef$1N,
+    attention: ForwardRef$1O,
     automation: ForwardRef$a,
     automations: ForwardRef$D,
-    back: ForwardRef$1I,
-    bird: ForwardRef$1M,
+    back: ForwardRef$1J,
+    bird: ForwardRef$1N,
     boarding: ForwardRef$18,
-    bookmark: ForwardRef$1C,
-    bookmarked: ForwardRef$1D,
-    caduceus: ForwardRef$1A,
+    bookmark: ForwardRef$1D,
+    bookmarked: ForwardRef$1E,
+    caduceus: ForwardRef$1B,
     call: ForwardRef$j,
-    camera: ForwardRef$1u,
-    cameraOff: ForwardRef$1v,
-    cat: ForwardRef$1t,
+    camera: ForwardRef$1v,
+    cameraOff: ForwardRef$1w,
+    cat: ForwardRef$1u,
     chat: ForwardRef$B,
     chatLinks: ForwardRef$C,
-    checkmark: ForwardRef$1m,
-    checkmarkCircle: ForwardRef$1n,
-    chevronDown: ForwardRef$1l,
-    chevronLeft: ForwardRef$1k,
-    chevronRight: ForwardRef$1j,
-    chevronUp: ForwardRef$1i,
-    clock: ForwardRef$1g,
-    close: ForwardRef$1e,
-    closeCircle: ForwardRef$1f,
-    collapse: ForwardRef$1G,
+    checkmark: ForwardRef$1n,
+    checkmarkCircle: ForwardRef$1o,
+    chevronDown: ForwardRef$1m,
+    chevronLeft: ForwardRef$1l,
+    chevronRight: ForwardRef$1k,
+    chevronUp: ForwardRef$1j,
+    clock: ForwardRef$1h,
+    close: ForwardRef$1f,
+    closeCircle: ForwardRef$1g,
+    collapse: ForwardRef$1H,
     colorPicker: ForwardRef$Y,
     compose: ForwardRef$c,
-    conversations: ForwardRef$1p,
-    conversationsOutlined: ForwardRef$1o,
-    cow: ForwardRef$1L,
+    conversationClinicians: ForwardRef$1a,
+    conversationParents: ForwardRef$1d,
+    conversations: ForwardRef$1q,
+    conversationsOutlined: ForwardRef$1p,
+    cow: ForwardRef$1M,
     delete: ForwardRef$3,
-    devTools: ForwardRef$1d,
+    devTools: ForwardRef$1e,
     dialPad: ForwardRef$l,
     dog: ForwardRef$19,
     download: ForwardRef$13,
@@ -648,60 +674,60 @@ var IconMap = {
     draggable: ForwardRef$R,
     duplicate: ForwardRef$2,
     edit: ForwardRef$n,
-    editCalendar: ForwardRef$1x,
+    editCalendar: ForwardRef$1y,
     editForm: ForwardRef$o,
     editText: ForwardRef$5,
     emoji: ForwardRef$8,
     endCall: ForwardRef$k,
     envelope: ForwardRef$10,
     envelopeOutlined: ForwardRef$$,
-    expand: ForwardRef$1F,
+    expand: ForwardRef$1G,
     filter: ForwardRef$U,
     filterOutlined: ForwardRef$T,
-    flipCamera: ForwardRef$1w,
+    flipCamera: ForwardRef$1x,
     forms: ForwardRef$W,
     formsOutlined: ForwardRef$V,
-    forward: ForwardRef$1H,
-    grooming: ForwardRef$1B,
+    forward: ForwardRef$1I,
+    grooming: ForwardRef$1C,
     help: ForwardRef$e,
     helpdesk: ForwardRef$G,
     hidden: ForwardRef$Z,
     home: ForwardRef$P,
-    horse: ForwardRef$1K,
+    horse: ForwardRef$1L,
     information: ForwardRef$O,
     invoicing: ForwardRef$1c,
-    link: ForwardRef$1q,
+    link: ForwardRef$1r,
     like: ForwardRef$4,
     list: ForwardRef$M,
     locationMap: ForwardRef$L,
     locationMarker: ForwardRef$K,
-    massTextAlerts: ForwardRef$1s,
+    massTextAlerts: ForwardRef$1t,
     medicalRecords: ForwardRef$1b,
     menu: ForwardRef$Q,
     message: ForwardRef$E,
     messageTemplates: ForwardRef$F,
     microphone: ForwardRef$z,
     microphoneMuted: ForwardRef$A,
-    mobileDevice: ForwardRef$1r,
+    mobileDevice: ForwardRef$1s,
     more: ForwardRef$15,
     moreHorizontal: ForwardRef$16,
-    next: ForwardRef$1j,
+    next: ForwardRef$1k,
     note: ForwardRef$t,
-    notification: ForwardRef$1E,
+    notification: ForwardRef$1F,
     pay: ForwardRef$17,
     pdf: ForwardRef$p,
     prescribe: ForwardRef$i,
     prescription: ForwardRef$h,
     pets: ForwardRef$q,
-    previous: ForwardRef$1k,
-    processing: ForwardRef$1h,
+    previous: ForwardRef$1l,
+    processing: ForwardRef$1i,
     questionMark: ForwardRef$d,
-    refresh: ForwardRef$1J,
-    reminder: ForwardRef$1E,
+    refresh: ForwardRef$1K,
+    reminder: ForwardRef$1F,
     reminders: ForwardRef$w,
     renew: ForwardRef$14,
     reporting: ForwardRef$b,
-    schedule: ForwardRef$1z,
+    schedule: ForwardRef$1A,
     search: ForwardRef$H,
     searchPets: ForwardRef$r,
     secure: ForwardRef$J,
@@ -738,13 +764,456 @@ var useAdaptiveColorMap = function (map, token) {
     return react.useColorModeValue(map.light[token], map.dark[token]);
 };
 
-var Icon = function (_a) {
+var Icon = React.forwardRef(function (_a, ref) {
     var name = _a.name, _b = _a.size, size = _b === void 0 ? 'lg' : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c;
     var colors = useTheme().colors;
     var c = useAdaptiveColorMap(colors.icon, color);
     var MappedIcon = IconMap[name];
     var d = IconSizeMap[size] + 'px';
-    return React__default["default"].createElement(MappedIcon, { width: d, height: d, color: c });
+    return React__default["default"].createElement(MappedIcon, { ref: ref, width: d, height: d, color: c });
+});
+Icon.displayName = 'Icon';
+
+var camelCaseToLabel = function (s) {
+    return s.replace(/([A-Z])/g, ' $1').replace(/^\w/, function (c) { return c.toUpperCase(); });
+};
+
+var Button = React.forwardRef(function (props, ref) {
+    var components = useTheme().components;
+    var _a = components.Button[props.variant || 'primary'], variant = _a.variant, light = _a.light, dark = _a.dark;
+    var bg = react.useColorModeValue(light.default, dark.default);
+    var color = react.useColorModeValue(light.content, dark.content);
+    var borderColor = react.useColorModeValue(light.border, dark.border);
+    var p = __assign(__assign({}, props), { variant: variant, bg: bg, color: color, borderColor: borderColor });
+    var hoverClass = {
+        bg: react.useColorModeValue(light.hover, dark.hover),
+    };
+    var activeClass = {
+        bg: react.useColorModeValue(light.active, dark.active),
+        transform: 'scale(0.98)',
+    };
+    if (p.iconName) {
+        var ButtonIcon = React__default["default"].createElement(Icon, { size: p.size, name: p.iconName });
+        if (!p.children) {
+            var label = camelCaseToLabel(p.iconName);
+            return (React__default["default"].createElement(react.IconButton, __assign({ ref: ref, _hover: hoverClass, _active: activeClass, "aria-label": label, icon: ButtonIcon }, p)));
+        }
+        else {
+            var position = p.iconPosition === 'right' ? 'rightIcon' : 'leftIcon';
+            p[position] = ButtonIcon;
+        }
+    }
+    return (React__default["default"].createElement(react.Button, __assign({ ref: ref, _hover: hoverClass, _active: activeClass }, p), props.children));
+});
+Button.displayName = 'Button';
+
+var baseColors = {
+    comet: {
+        50: '#F0F1F5',
+        100: '#D5D7E2',
+        200: '#BABECF',
+        300: '#9FA5BC',
+        400: '#838BA9',
+        500: '#687297',
+        600: '#575D7C',
+        700: '#3F445A',
+        800: '#2A2D3C',
+        900: '#15171E',
+    },
+    teal: {
+        50: '#F7FAFC',
+        100: '#EBF9FB',
+        200: '#DCF6FB',
+        300: '#AFE1EC',
+        400: '#78CBDC',
+        500: '#39ADC3',
+        600: '#3CA0B4',
+        700: '#2E8C9E',
+        800: '#236976',
+        900: '#17464F',
+    },
+    blue: {
+        50: '#E7E9FE',
+        100: '#BBC2FB',
+        200: '#909AF9',
+        300: '#6473F7',
+        400: '#384BF5',
+        500: '#0D24F2',
+        600: '#0A1DC2',
+        700: '#000B8E',
+        800: '#050E5F',
+        900: '#030730',
+    },
+    red: {
+        50: '#FFF5F5',
+        100: '#FED7D7',
+        200: '#FEB2B2',
+        300: '#FC8181',
+        400: '#F56565',
+        500: '#E01F1F',
+        600: '#C53030',
+        700: '#9B2C2C',
+        800: '#822727',
+        900: '#63171B',
+    },
+    orange: {
+        50: '#FFFAF0',
+        100: '#FEEBC8',
+        200: '#FBD38D',
+        300: '#F6AD55',
+        400: '#ED8936',
+        500: '#DD6B20',
+        600: '#C05621',
+        700: '#9C4221',
+        800: '#7B341E',
+        900: '#652B19',
+    },
+    yellow: {
+        50: '#FFFFF0',
+        100: '#FEEBCB',
+        200: '#FAF089',
+        300: '#F6E05E',
+        400: '#ECC94B',
+        500: '#D69E2E',
+        600: '#B7791F',
+        700: '#975A16',
+        800: '#744210',
+        900: '#5F370E',
+    },
+    green: {
+        50: '#F0FFF4',
+        100: '#C6F6D5',
+        200: '#9AE6B4',
+        300: '#68D391',
+        400: '#48BB78',
+        500: '#38A169',
+        600: '#25855A',
+        700: '#276749',
+        800: '#22543D',
+        900: '#1C4532',
+    },
+    transparent: 'transparent',
+    current: 'currentColor',
+    black: '#000000',
+    white: '#FFFFFF',
+    whiteAlpha: {
+        50: 'rgba(255, 255, 255, 0.04)',
+        100: 'rgba(255, 255, 255, 0.06)',
+        200: 'rgba(255, 255, 255, 0.08)',
+        300: 'rgba(255, 255, 255, 0.16)',
+        400: 'rgba(255, 255, 255, 0.24)',
+        500: 'rgba(255, 255, 255, 0.36)',
+        600: 'rgba(255, 255, 255, 0.48)',
+        700: 'rgba(255, 255, 255, 0.64)',
+        800: 'rgba(255, 255, 255, 0.80)',
+        900: 'rgba(255, 255, 255, 0.92)',
+    },
+    blackAlpha: {
+        50: 'rgba(0, 0, 0, 0.04)',
+        100: 'rgba(0, 0, 0, 0.06)',
+        200: 'rgba(0, 0, 0, 0.08)',
+        300: 'rgba(0, 0, 0, 0.16)',
+        400: 'rgba(0, 0, 0, 0.24)',
+        500: 'rgba(0, 0, 0, 0.36)',
+        600: 'rgba(0, 0, 0, 0.48)',
+        700: 'rgba(0, 0, 0, 0.64)',
+        800: 'rgba(0, 0, 0, 0.80)',
+        900: 'rgba(0, 0, 0, 0.92)',
+    },
+    gray: {
+        50: '#F9F9FA',
+        100: '#EBEEEF',
+        200: '#DDE2E3',
+        300: '#CDD4D6',
+        400: '#BCC5C8',
+        500: '#A9B5B8',
+        600: '#94A2A6',
+        700: '#7A8C90',
+        800: '#5B7074',
+        900: '#354144',
+    },
+};
+var semanticTokens = {
+    text: {
+        onLight: baseColors.comet[700],
+        linkOnLight: baseColors.teal[600],
+        onLightSubtle: baseColors.gray[800],
+        onDark: baseColors.white,
+        headline: baseColors.blue[800],
+        placeholder: baseColors.blackAlpha[500],
+        success: baseColors.green[600],
+        warning: baseColors.yellow[600],
+        error: baseColors.red[600],
+    },
+    background: {
+        light: baseColors.gray[300],
+        grayLight: baseColors.gray[50],
+        grayDark: baseColors.gray[300],
+        tealLight: baseColors.teal[50],
+        dark: baseColors.blue[800],
+        table: baseColors.comet[50],
+        overlay: baseColors.blackAlpha[300],
+        info: baseColors.teal[200],
+        error: baseColors.red[100],
+        warning: baseColors.yellow[100],
+        success: baseColors.green[100],
+    },
+    border: {
+        default: baseColors.gray[200],
+        dark: baseColors.comet[700],
+        focus: baseColors.teal[600],
+        info: baseColors.teal[600],
+        error: baseColors.red[500],
+        warning: baseColors.yellow[500],
+        success: baseColors.green[400],
+    },
+    divider: {
+        onLight: baseColors.gray[100],
+    },
+    status: {
+        open: baseColors.blue[300],
+        confirmed: baseColors.teal[500],
+        success: baseColors.green[400],
+        warning: baseColors.yellow[400],
+        action: baseColors.orange[400],
+        negative: baseColors.red[300],
+        error: baseColors.red[500],
+        archived: baseColors.gray[800],
+        closed: baseColors.gray[900],
+    },
+    general: {
+        brand: baseColors.teal[500],
+        error: baseColors.red[500],
+    },
+};
+var adaptiveColorTokens = {
+    icon: {
+        light: {
+            currentColor: 'currentColor',
+            default: baseColors.comet[700],
+            subtle: baseColors.gray[800],
+            inactive: baseColors.gray[700],
+            active: baseColors.teal[600],
+            success: baseColors.green[600],
+            warning: baseColors.yellow[600],
+            error: baseColors.red[600],
+        },
+        dark: {
+            currentColor: 'currentColor',
+            default: baseColors.white,
+            subtle: baseColors.gray[200],
+            inactive: baseColors.gray[400],
+            active: baseColors.teal[400],
+            success: baseColors.green[400],
+            warning: baseColors.yellow[300],
+            error: baseColors.red[300],
+        },
+    },
+};
+var colors = __assign(__assign(__assign({}, baseColors), semanticTokens), adaptiveColorTokens);
+
+var ButtonConfig = {
+    primary: {
+        variant: 'solid',
+        light: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.teal['600'],
+            hover: baseColors.teal['700'],
+            active: baseColors.teal['800'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.white,
+            hover: baseColors.teal['100'],
+            active: baseColors.teal['200'],
+            border: baseColors.transparent,
+        },
+    },
+    primaryDestructive: {
+        variant: 'solid',
+        light: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.red['500'],
+            hover: baseColors.red['600'],
+            active: baseColors.red['700'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.red['200'],
+            hover: baseColors.red['100'],
+            active: baseColors.red['50'],
+            border: baseColors.transparent,
+        },
+    },
+    secondary: {
+        variant: 'outline',
+        light: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.transparent,
+            hover: baseColors.teal['100'],
+            active: baseColors.teal['200'],
+            border: semanticTokens.border.dark,
+        },
+        dark: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: semanticTokens.text.onDark,
+        },
+    },
+    secondaryDestructive: {
+        variant: 'outline',
+        light: {
+            content: semanticTokens.text.error,
+            default: baseColors.transparent,
+            hover: baseColors.red['100'],
+            active: baseColors.red['200'],
+            border: semanticTokens.border.error,
+        },
+        dark: {
+            content: baseColors.red['200'],
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: baseColors.red['200'],
+        },
+    },
+    secondarySubtle: {
+        variant: 'outline',
+        light: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.white,
+            hover: baseColors.gray['50'],
+            active: baseColors.gray['100'],
+            border: semanticTokens.border.default,
+        },
+        dark: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.whiteAlpha['200'],
+            hover: baseColors.whiteAlpha['300'],
+            active: baseColors.whiteAlpha['400'],
+            border: semanticTokens.text.onDark,
+        },
+    },
+    secondarySubtleDestructive: {
+        variant: 'outline',
+        light: {
+            content: semanticTokens.text.error,
+            default: baseColors.white,
+            hover: baseColors.red['50'],
+            active: baseColors.red['100'],
+            border: semanticTokens.border.default,
+        },
+        dark: {
+            content: baseColors.red['300'],
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: baseColors.whiteAlpha['500'],
+        },
+    },
+    tertiary: {
+        variant: 'solid',
+        light: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.gray['100'],
+            hover: baseColors.gray['200'],
+            active: baseColors.gray['300'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.gray['700'],
+            hover: baseColors.gray['600'],
+            active: baseColors.gray['700'],
+            border: baseColors.transparent,
+        },
+    },
+    tertiaryDestructive: {
+        variant: 'solid',
+        light: {
+            content: semanticTokens.text.error,
+            default: baseColors.red['100'],
+            hover: baseColors.red['200'],
+            active: baseColors.red['300'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: baseColors.red['300'],
+            default: baseColors.whiteAlpha['200'],
+            hover: baseColors.whiteAlpha['300'],
+            active: baseColors.whiteAlpha['400'],
+            border: baseColors.transparent,
+        },
+    },
+    ghost: {
+        variant: 'ghost',
+        light: {
+            content: semanticTokens.text.linkOnLight,
+            default: baseColors.transparent,
+            hover: baseColors.teal['100'],
+            active: baseColors.teal['200'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: baseColors.teal['400'],
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: baseColors.transparent,
+        },
+    },
+    ghostNeutral: {
+        variant: 'ghost',
+        light: {
+            content: semanticTokens.text.onLight,
+            default: baseColors.transparent,
+            hover: baseColors.blackAlpha['100'],
+            active: baseColors.blackAlpha['200'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: semanticTokens.text.onDark,
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: baseColors.transparent,
+        },
+    },
+    ghostDestructive: {
+        variant: 'ghost',
+        light: {
+            content: semanticTokens.text.error,
+            default: baseColors.transparent,
+            hover: baseColors.red['100'],
+            active: baseColors.red['200'],
+            border: baseColors.transparent,
+        },
+        dark: {
+            content: baseColors.red['300'],
+            default: baseColors.transparent,
+            hover: baseColors.whiteAlpha['200'],
+            active: baseColors.whiteAlpha['300'],
+            border: baseColors.transparent,
+        },
+    },
+};
+
+var DrawerConfig = {
+    variants: {
+        alwaysOpen: {
+            parts: ['dialog, dialogContainer'],
+            dialog: {
+                pointerEvents: 'auto',
+            },
+            dialogContainer: {
+                pointerEvents: 'none',
+            },
+        },
+    },
 };
 
 var _path$k, _path2$7;
@@ -2123,44 +2592,6 @@ var Logo = function (_a) {
 };
 Logo.displayName = 'Logo';
 
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
 var Heading = function (_a) {
     var children = _a.children, _b = _a.size, size = _b === void 0 ? 'lg' : _b, _c = _a.variant, variant = _c === void 0 ? 'large' : _c, rest = __rest(_a, ["children", "size", "variant"]);
     var components = useTheme().components;
@@ -2270,211 +2701,6 @@ var borders = {
     '8px': '8px solid',
 };
 
-var baseColors = {
-    comet: {
-        50: '#F0F1F5',
-        100: '#D5D7E2',
-        200: '#BABECF',
-        300: '#9FA5BC',
-        400: '#838BA9',
-        500: '#687297',
-        600: '#575D7C',
-        700: '#3F445A',
-        800: '#2A2D3C',
-        900: '#15171E',
-    },
-    teal: {
-        50: '#F7FAFC',
-        100: '#EBF9FB',
-        200: '#DCF6FB',
-        300: '#AFE1EC',
-        400: '#78CBDC',
-        500: '#39ADC3',
-        600: '#3CA0B4',
-        700: '#2E8C9E',
-        800: '#236976',
-        900: '#17464F',
-    },
-    blue: {
-        50: '#E7E9FE',
-        100: '#BBC2FB',
-        200: '#909AF9',
-        300: '#6473F7',
-        400: '#384BF5',
-        500: '#0D24F2',
-        600: '#0A1DC2',
-        700: '#000B8E',
-        800: '#050E5F',
-        900: '#030730',
-    },
-    red: {
-        50: '#FFF5F5',
-        100: '#FED7D7',
-        200: '#FEB2B2',
-        300: '#FC8181',
-        400: '#F56565',
-        500: '#E01F1F',
-        600: '#C53030',
-        700: '#9B2C2C',
-        800: '#822727',
-        900: '#63171B',
-    },
-    orange: {
-        50: '#FFFAF0',
-        100: '#FEEBC8',
-        200: '#FBD38D',
-        300: '#F6AD55',
-        400: '#ED8936',
-        500: '#DD6B20',
-        600: '#C05621',
-        700: '#9C4221',
-        800: '#7B341E',
-        900: '#652B19',
-    },
-    yellow: {
-        50: '#FFFFF0',
-        100: '#FEEBCB',
-        200: '#FAF089',
-        300: '#F6E05E',
-        400: '#ECC94B',
-        500: '#D69E2E',
-        600: '#B7791F',
-        700: '#975A16',
-        800: '#744210',
-        900: '#5F370E',
-    },
-    green: {
-        50: '#F0FFF4',
-        100: '#C6F6D5',
-        200: '#9AE6B4',
-        300: '#68D391',
-        400: '#48BB78',
-        500: '#38A169',
-        600: '#25855A',
-        700: '#276749',
-        800: '#22543D',
-        900: '#1C4532',
-    },
-    transparent: 'transparent',
-    current: 'currentColor',
-    black: '#000000',
-    white: '#FFFFFF',
-    whiteAlpha: {
-        50: 'rgba(255, 255, 255, 0.04)',
-        100: 'rgba(255, 255, 255, 0.06)',
-        200: 'rgba(255, 255, 255, 0.08)',
-        300: 'rgba(255, 255, 255, 0.16)',
-        400: 'rgba(255, 255, 255, 0.24)',
-        500: 'rgba(255, 255, 255, 0.36)',
-        600: 'rgba(255, 255, 255, 0.48)',
-        700: 'rgba(255, 255, 255, 0.64)',
-        800: 'rgba(255, 255, 255, 0.80)',
-        900: 'rgba(255, 255, 255, 0.92)',
-    },
-    blackAlpha: {
-        50: 'rgba(0, 0, 0, 0.04)',
-        100: 'rgba(0, 0, 0, 0.06)',
-        200: 'rgba(0, 0, 0, 0.08)',
-        300: 'rgba(0, 0, 0, 0.16)',
-        400: 'rgba(0, 0, 0, 0.24)',
-        500: 'rgba(0, 0, 0, 0.36)',
-        600: 'rgba(0, 0, 0, 0.48)',
-        700: 'rgba(0, 0, 0, 0.64)',
-        800: 'rgba(0, 0, 0, 0.80)',
-        900: 'rgba(0, 0, 0, 0.92)',
-    },
-    gray: {
-        50: '#F9F9FA',
-        100: '#EBEEEF',
-        200: '#DDE2E3',
-        300: '#CDD4D6',
-        400: '#BCC5C8',
-        500: '#A9B5B8',
-        600: '#94A2A6',
-        700: '#7A8C90',
-        800: '#5B7074',
-        900: '#354144',
-    },
-};
-var semanticTokens = {
-    text: {
-        onLight: baseColors.comet[700],
-        linkOnLight: baseColors.teal[600],
-        onLightSubtle: baseColors.gray[800],
-        onDark: baseColors.white,
-        headline: baseColors.blue[800],
-        placeholder: baseColors.blackAlpha[500],
-        success: baseColors.green[600],
-        warning: baseColors.yellow[600],
-        error: baseColors.red[600],
-    },
-    background: {
-        light: baseColors.gray[300],
-        grayLight: baseColors.gray[50],
-        grayDark: baseColors.gray[300],
-        tealLight: baseColors.teal[50],
-        dark: baseColors.blue[800],
-        table: baseColors.comet[50],
-        overlay: baseColors.blackAlpha[300],
-        info: baseColors.teal[200],
-        error: baseColors.red[100],
-        warning: baseColors.yellow[100],
-        success: baseColors.green[100],
-    },
-    border: {
-        default: baseColors.gray[200],
-        dark: baseColors.comet[700],
-        focus: baseColors.teal[600],
-        info: baseColors.teal[600],
-        error: baseColors.red[500],
-        warning: baseColors.yellow[500],
-        success: baseColors.green[400],
-    },
-    divider: {
-        onLight: baseColors.gray[100],
-    },
-    status: {
-        open: baseColors.blue[300],
-        confirmed: baseColors.teal[500],
-        success: baseColors.green[400],
-        warning: baseColors.yellow[400],
-        action: baseColors.orange[400],
-        negative: baseColors.red[300],
-        error: baseColors.red[500],
-        archived: baseColors.gray[800],
-        closed: baseColors.gray[900],
-    },
-    general: {
-        brand: baseColors.teal[500],
-        error: baseColors.red[500],
-    },
-};
-var adaptiveColorTokens = {
-    icon: {
-        light: {
-            currentColor: 'currentColor',
-            default: baseColors.comet[700],
-            subtle: baseColors.gray[800],
-            inactive: baseColors.gray[700],
-            active: baseColors.teal[600],
-            success: baseColors.green[600],
-            warning: baseColors.yellow[600],
-            error: baseColors.red[600],
-        },
-        dark: {
-            currentColor: 'currentColor',
-            default: baseColors.white,
-            subtle: baseColors.gray[200],
-            inactive: baseColors.gray[400],
-            active: baseColors.teal[400],
-            success: baseColors.green[400],
-            warning: baseColors.yellow[300],
-            error: baseColors.red[300],
-        },
-    },
-};
-var colors = __assign(__assign(__assign({}, baseColors), semanticTokens), adaptiveColorTokens);
-
 var fonts = {
     body: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',
     heading: 'LinearSans, Noto Sans, Arial, Helvetica, sans-serif',
@@ -2648,6 +2874,26 @@ var TextConfig = {
     },
 };
 
+var useAdaptiveColor = function (color) { return react.useColorModeValue(color.light, color.dark); };
+
+var Tooltip = function (_a) {
+    var children = _a.children, label = _a.label, placement = _a.placement, isOpen = _a.isOpen, defaultIsOpen = _a.defaultIsOpen, rest = __rest(_a, ["children", "label", "placement", "isOpen", "defaultIsOpen"]);
+    var components = useTheme().components;
+    var bg = useAdaptiveColor(components.Tooltip.color);
+    return (React__default["default"].createElement(react.Tooltip, __assign({ hasArrow: true, arrowSize: 10, label: label, placement: placement, bg: bg, isOpen: isOpen, defaultIsOpen: defaultIsOpen }, rest), children));
+};
+
+var TooltipGlobalStyle = {
+    '[id^=tooltip]': {
+        padding: '4px 8px 4px 8px !important',
+        borderRadius: '4px !important',
+        textTransform: 'capitalize',
+    },
+};
+var TooltipConfig = {
+    color: { light: semanticTokens.background.dark, dark: semanticTokens.background.light },
+};
+
 var Textarea = function (props) {
     var colors = useTheme().colors;
     return React__default["default"].createElement(react.Textarea, __assign({}, props, { errorBorderColor: colors.border.error, focusBorderColor: colors.border.focus }));
@@ -2696,6 +2942,9 @@ var TextareaConfig = {
 
 // @ts-ignore
 var theme = react.extendTheme({
+    styles: {
+        global: __assign({}, TooltipGlobalStyle),
+    },
     blur: blur,
     borders: borders,
     colors: colors,
@@ -2718,7 +2967,9 @@ var theme = react.extendTheme({
         Text: TextConfig,
         Heading: HeadingConfig,
         Textarea: TextareaConfig,
+        Button: ButtonConfig,
         Drawer: DrawerConfig,
+        Tooltip: TooltipConfig,
     },
 });
 
@@ -2728,6 +2979,8 @@ var KibbleThemeProvider = function (_a) {
         React__default["default"].createElement(styledComponents.ThemeProvider, { theme: theme }, children)));
 };
 
+exports.Button = Button;
+exports.ButtonConfig = ButtonConfig;
 exports.DrawerConfig = DrawerConfig;
 exports.Heading = Heading;
 exports.HeadingConfig = HeadingConfig;
@@ -2738,6 +2991,9 @@ exports.Text = Text;
 exports.TextConfig = TextConfig;
 exports.Textarea = Textarea;
 exports.TextareaConfig = TextareaConfig;
+exports.Tooltip = Tooltip;
+exports.TooltipConfig = TooltipConfig;
+exports.TooltipGlobalStyle = TooltipGlobalStyle;
 exports.theme = theme;
 exports.useTheme = useTheme;
 //# sourceMappingURL=index.js.map