react-miui 0.33.0 → 0.35.0

package/dist/components/ui/modal/Modal.styled.js

@@ -14,19 +14,23 @@ const overlay = (0, theme_1.keyframes)({
     },
 });
 const OverlayStyled = (0, theme_1.styled)("div", {
-    position: "fixed",
-    zIndex: 4,
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    animation: `${overlay.toString()} 300ms`,
-    animationFillMode: "forwards",
-    backdropFilter: "blur(5px)",
-    variants: {
+    "position": "fixed",
+    "zIndex": 4,
+    "top": 0,
+    "bottom": 0,
+    "left": 0,
+    "right": 0,
+    "display": "flex",
+    "alignItems": "center",
+    "justifyContent": "center",
+    "animation": `${overlay.toString()} 300ms`,
+    "animationFillMode": "forwards",
+    "backdropFilter": "blur(5px)",
+    "@media (prefers-reduced-motion: reduce)": {
+        animation: "none",
+        background: "rgba($background, 0.3)",
+    },
+    "variants": {
         position: {
             bottom: {
                 alignItems: "flex-end",
@@ -56,17 +60,27 @@ const RemovePadding = (0, theme_1.styled)("div", {
 });
 exports.RemovePadding = RemovePadding;
 const ContainerStyled = (0, theme_1.styled)("div", {
-    background: "$modalBg",
-    borderRadius: (0, theme_1.dimensionsPxToRem)(12),
-    maxWidth: (0, theme_1.pxToRem)(333),
-    maxHeight: "100%",
-    width: "calc(100% - 30px)",
-    padding: PADDING,
-    position: "relative",
-    boxSizing: "border-box",
-    animation: `${container.toString()} 300ms`,
-    animationFillMode: "forwards",
-    variants: {
+    "background": "$modalBg",
+    "borderRadius": (0, theme_1.dimensionsPxToRem)(12),
+    "maxWidth": (0, theme_1.pxToRem)(333),
+    "maxHeight": "100%",
+    "width": "calc(100% - 30px)",
+    "padding": PADDING,
+    "position": "relative",
+    "boxSizing": "border-box",
+    "overflowY": "auto",
+    "overscrollBehavior": "contain",
+    "animation": `${container.toString()} 300ms`,
+    "animationFillMode": "forwards",
+    "&:focus": {
+        outline: "none",
+    },
+    "@media (prefers-reduced-motion: reduce)": {
+        animation: "none",
+        opacity: 1,
+        transform: "none",
+    },
+    "variants": {
         full: {
             true: {
                 width: "calc(100vw - 30px)",
@@ -81,11 +95,12 @@ const ContainerStyled = (0, theme_1.styled)("div", {
     },
 });
 exports.ContainerStyled = ContainerStyled;
-const TitleStyled = (0, theme_1.styled)("div", {
+const TitleStyled = (0, theme_1.styled)("h2", {
     fontSize: (0, theme_1.fontPxToRem)(40),
     textAlign: "center",
     color: "$text3",
     margin: `${(0, theme_1.dimensionsPxToRem)(90)} 0`,
+    fontWeight: "inherit",
 });
 exports.TitleStyled = TitleStyled;
 //# sourceMappingURL=Modal.styled.js.map

package/dist/components/ui/modal/Modal.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA4F;AAE5F,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,EAAE,CAAC,CAAC;AAC5B,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,CAAC,EAAE,CAAC,CAAC;AAgGlC,4CAAgB;AA9FpB,MAAM,OAAO,GAAG,IAAA,iBAAS,EAAC;IACtB,IAAI,EAAE;QACF,UAAU,EAAE,sBAAsB;KACrC;IACD,EAAE,EAAE;QACA,UAAU,EAAE,wBAAwB;KACvC;CACJ,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;IACT,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,SAAS,EAAE,GAAG,OAAO,CAAC,QAAQ,EAAE,QAAQ;IACxC,iBAAiB,EAAE,UAAU;IAC7B,cAAc,EAAE,WAAW;IAE3B,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,MAAM,EAAE;gBACJ,UAAU,EAAE,UAAU;gBACtB,aAAa,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;aACvC;SACJ;QACD,SAAS,EAAE;YACP,IAAI,EAAE;gBACF,kBAAkB,EAAE,SAAS;aAChC;SACJ;KACJ;CACJ,CAAC,CAAC;AAqDC,sCAAa;AAnDjB,MAAM,SAAS,GAAG,IAAA,iBAAS,EAAC;IACxB,IAAI,EAAE;QACF,SAAS,EAAE,kBAAkB;QAC7B,OAAO,EAAE,CAAC;KACb;IACD,EAAE,EAAE;QACA,SAAS,EAAE,eAAe;QAC1B,OAAO,EAAE,CAAC;KACb;CACJ,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAChC,EAAE,EAAE,gBAAgB;CACvB,CAAC,CAAC;AAuCC,sCAAa;AArCjB,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAClC,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACnC,QAAQ,EAAE,IAAA,eAAO,EAAC,GAAG,CAAC;IACtB,SAAS,EAAE,MAAM;IACjB,KAAK,EAAE,mBAAmB;IAC1B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,UAAU;IACpB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,GAAG,SAAS,CAAC,QAAQ,EAAE,QAAQ;IAC1C,iBAAiB,EAAE,UAAU;IAE7B,QAAQ,EAAE;QAEN,IAAI,EAAE;YACF,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;gBAC3B,QAAQ,EAAE,IAAA,yBAAiB,EAAC,IAAI,CAAC;aACpC;SACJ;QACD,SAAS,EAAE;YACP,IAAI,EAAE;gBACF,kBAAkB,EAAE,SAAS;aAChC;SACJ;KACJ;CACJ,CAAC,CAAC;AAYC,0CAAe;AAVnB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC9B,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI;CACvC,CAAC,CAAC;AAMC,kCAAW"}
+{"version":3,"file":"Modal.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/modal/Modal.styled.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/toaster/Toaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,UAAU,oBAAqB,SAAQ,kBAAkB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAOnD,CAAC;AAEF,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;AAErE,QAAA,MAAM,UAAU,QAAO,SAItB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAGhE,OAAO,EAAE,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,QAAQ,CAAC;AAEzD,KAAK,kBAAkB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,UAAU,oBAAqB,SAAQ,kBAAkB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgBnD,CAAC;AAEF,KAAK,SAAS,GAAG,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;AAErE,QAAA,MAAM,UAAU,QAAO,SAItB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ui/toaster/Toaster.js

@@ -46,13 +46,19 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.toast = exports.useToaster = exports.ToasterProvider = void 0;
 const react_1 = __importStar(require("react"));
+const react_dom_1 = require("react-dom");
 const sonner_1 = require("sonner");
 Object.defineProperty(exports, "toast", { enumerable: true, get: function () { return sonner_1.toast; } });
 const ToasterProvider = (_a) => {
     var { children, position = "bottom-center" } = _a, rest = __rest(_a, ["children", "position"]);
+    const [body, setBody] = (0, react_1.useState)(null);
+    (0, react_1.useEffect)(() => {
+        setBody(document.body);
+    }, []);
+    const toaster = react_1.default.createElement(sonner_1.Toaster, Object.assign({ position: position }, rest));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         children,
-        react_1.default.createElement(sonner_1.Toaster, Object.assign({ position: position }, rest))));
+        body ? (0, react_dom_1.createPortal)(toaster, body) : null));
 };
 exports.ToasterProvider = ToasterProvider;
 const useToaster = () => {

package/dist/components/ui/toaster/Toaster.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,mCAAyD;AAyBnB,sFAzB7B,cAAK,OAyB6B;AAjB3C,MAAM,eAAe,GAAmC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,OAAW,EAAN,IAAI,cAA/C,wBAAiD,CAAF;IACpG,OAAO,CACH;QACK,QAAQ;QACT,8BAAC,gBAAa,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI,CAChD,CACN,CAAC;AACN,CAAC,CAAC;AAUO,0CAAe;AANxB,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,IAAA,mBAAW,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,IAAA,cAAK,EAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEwB,gCAAU"}
+{"version":3,"file":"Toaster.js","sourceRoot":"","sources":["../../../../src/components/ui/toaster/Toaster.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgE;AAChE,yCAAyC;AAEzC,mCAAyD;AAkCnB,sFAlC7B,cAAK,OAkC6B;AA1B3C,MAAM,eAAe,GAAmC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,QAAQ,GAAG,eAAe,OAAW,EAAN,IAAI,cAA/C,wBAAiD,CAAF;IACpG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAC;IAE3D,IAAA,iBAAS,EAAC,GAAG,EAAE;QAEX,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,8BAAC,gBAAa,kBAAC,QAAQ,EAAE,QAAQ,IAAM,IAAI,EAAI,CAAC;IAEhE,OAAO,CACH;QACK,QAAQ;QACR,IAAI,CAAC,CAAC,CAAC,IAAA,wBAAY,EAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,CACN,CAAC;AACN,CAAC,CAAC;AAUO,0CAAe;AANxB,MAAM,UAAU,GAAG,GAAc,EAAE;IAC/B,OAAO,IAAA,mBAAW,EAAC,CAAC,IAAI,EAAE,OAAO,EAAE,EAAE;QACjC,OAAO,IAAA,cAAK,EAAC,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAC5E,CAAC,EAAE,EAAE,CAAC,CAAC;AACX,CAAC,CAAC;AAEwB,gCAAU"}

package/dist/components/ui/tooltip/Tooltip.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+type Side = "top" | "right" | "bottom" | "left";
+type Align = "start" | "center" | "end";
+interface TooltipProviderProps {
+    delayDuration?: number;
+    skipDelayDuration?: number;
+    disableHoverableContent?: boolean;
+    children: React.ReactNode;
+}
+declare const TooltipProvider: (props: TooltipProviderProps) => React.JSX.Element;
+interface TooltipProps {
+    content: React.ReactNode;
+    side?: Side;
+    sideOffset?: number;
+    align?: Align;
+    alignOffset?: number;
+    delayDuration?: number;
+    avoidCollisions?: boolean;
+    arrow?: boolean;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    children: React.ReactElement;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
+declare const TooltipContentSelector: string;
+export { Tooltip, TooltipProvider, TooltipContentSelector, };
+export type { TooltipProps, TooltipProviderProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/components/ui/tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,KAAK,IAAI,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAChD,KAAK,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAExC,UAAU,oBAAoB;IAK1B,aAAa,CAAC,EAAE,MAAM,CAAC;IAMvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAM3B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAUD,QAAA,MAAM,eAAe,GAAI,OAAO,oBAAoB,sBAanD,CAAC;AAEF,UAAU,YAAY;IAIlB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAMzB,IAAI,CAAC,EAAE,IAAI,CAAC;IAKZ,UAAU,CAAC,EAAE,MAAM,CAAC;IAKpB,KAAK,CAAC,EAAE,KAAK,CAAC;IAKd,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,aAAa,CAAC,EAAE,MAAM,CAAC;IAKvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAK1B,KAAK,CAAC,EAAE,OAAO,CAAC;IAIhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAIf,WAAW,CAAC,EAAE,OAAO,CAAC;IAItB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAIvC,SAAS,CAAC,EAAE,MAAM,CAAC;IAKnB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC;AAqBD,QAAA,MAAM,OAAO,qFA8CX,CAAC;AAKH,QAAA,MAAM,sBAAsB,QAA2B,CAAC;AAExD,OAAO,EACH,OAAO,EACP,eAAe,EACf,sBAAsB,GACzB,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,oBAAoB,EAAE,CAAC"}

package/dist/components/ui/tooltip/Tooltip.js

@@ -0,0 +1,81 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TooltipContentSelector = exports.TooltipProvider = exports.Tooltip = void 0;
+const react_1 = __importStar(require("react"));
+const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
+const Tooltip_styled_1 = require("./Tooltip.styled");
+const TooltipProvider = (props) => {
+    const radixProps = {};
+    if (props.delayDuration !== undefined) {
+        radixProps.delayDuration = props.delayDuration;
+    }
+    if (props.skipDelayDuration !== undefined) {
+        radixProps.skipDelayDuration = props.skipDelayDuration;
+    }
+    if (props.disableHoverableContent !== undefined) {
+        radixProps.disableHoverableContent = props.disableHoverableContent;
+    }
+    return (react_1.default.createElement(RadixTooltip.Provider, Object.assign({}, radixProps), props.children));
+};
+exports.TooltipProvider = TooltipProvider;
+const Tooltip = (0, react_1.forwardRef)((props, ref) => {
+    const { content, side = "top", sideOffset = 6, align = "center", alignOffset = 0, delayDuration, avoidCollisions = true, arrow = true, open, defaultOpen, onOpenChange, className, children, } = props;
+    const rootProps = {};
+    if (open !== undefined) {
+        rootProps.open = open;
+    }
+    if (defaultOpen !== undefined) {
+        rootProps.defaultOpen = defaultOpen;
+    }
+    if (onOpenChange !== undefined) {
+        rootProps.onOpenChange = onOpenChange;
+    }
+    if (delayDuration !== undefined) {
+        rootProps.delayDuration = delayDuration;
+    }
+    return (react_1.default.createElement(RadixTooltip.Root, Object.assign({}, rootProps),
+        react_1.default.createElement(RadixTooltip.Trigger, { asChild: true }, children),
+        react_1.default.createElement(RadixTooltip.Portal, null,
+            react_1.default.createElement(Tooltip_styled_1.StyledContent, { ref: ref, side: side, sideOffset: sideOffset, align: align, alignOffset: alignOffset, avoidCollisions: avoidCollisions, className: className },
+                content,
+                arrow && react_1.default.createElement(Tooltip_styled_1.StyledArrow, { width: 10, height: 5 })))));
+});
+exports.Tooltip = Tooltip;
+Tooltip.displayName = "Tooltip";
+Tooltip.toString = () => Tooltip_styled_1.StyledContent.toString();
+const TooltipContentSelector = Tooltip_styled_1.StyledContent.toString();
+exports.TooltipContentSelector = TooltipContentSelector;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/ui/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,sEAAwD;AAExD,qDAA8D;AAkC9D,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACpD,MAAM,UAAU,GAAyE,EAAE,CAAC;IAC5F,IAAI,KAAK,CAAC,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IAAC,CAAC;IAC1F,IAAI,KAAK,CAAC,iBAAiB,KAAK,SAAS,EAAE,CAAC;QAAC,UAAU,CAAC,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAAC,CAAC;IACtG,IAAI,KAAK,CAAC,uBAAuB,KAAK,SAAS,EAAE,CAAC;QAC9C,UAAU,CAAC,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,CAAC;IACvE,CAAC;IAED,OAAO,CACH,8BAAC,YAAY,CAAC,QAAQ,oBAAK,UAAU,GAChC,KAAK,CAAC,QAAQ,CACK,CAC3B,CAAC;AACN,CAAC,CAAC;AA4IE,0CAAe;AAvDnB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAA+B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpE,MAAM,EACF,OAAO,EACP,IAAI,GAAG,KAAK,EAEZ,UAAU,GAAG,CAAC,EACd,KAAK,GAAG,QAAQ,EAChB,WAAW,GAAG,CAAC,EACf,aAAa,EACb,eAAe,GAAG,IAAI,EACtB,KAAK,GAAG,IAAI,EACZ,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAmD,EAAE,CAAC;IACrE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,IAAI,GAAG,IAAI,CAAC;IAAC,CAAC;IAClD,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;IAAC,CAAC;IACvE,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,YAAY,GAAG,YAAY,CAAC;IAAC,CAAC;IAC1E,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;QAAC,SAAS,CAAC,aAAa,GAAG,aAAa,CAAC;IAAC,CAAC;IAE7E,OAAO,CACH,8BAAC,YAAY,CAAC,IAAI,oBAAK,SAAS;QAC5B,8BAAC,YAAY,CAAC,OAAO,IAAC,OAAO,EAAE,IAAI,IAC9B,QAAQ,CACU;QACvB,8BAAC,YAAY,CAAC,MAAM;YAChB,8BAAC,8BAAa,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS;gBAEnB,OAAO;gBAEP,KAAK,IAAI,8BAAC,4BAAW,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,GAAI,CACnC,CACE,CACN,CACvB,CAAC;AACN,CAAC,CAAC,CAAC;AAQC,0BAAO;AANX,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAChC,OAAO,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,8BAAa,CAAC,QAAQ,EAAE,CAAC;AAElD,MAAM,sBAAsB,GAAG,8BAAa,CAAC,QAAQ,EAAE,CAAC;AAKpD,wDAAsB"}

package/dist/components/ui/tooltip/Tooltip.styled.d.ts

@@ -0,0 +1,173 @@
+import * as RadixTooltip from "@radix-ui/react-tooltip";
+declare const StyledContent: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RadixTooltip.TooltipContentProps & import("react").RefAttributes<HTMLDivElement>>, {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledArrow: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<RadixTooltip.TooltipArrowProps & import("react").RefAttributes<SVGSVGElement>>, {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
+    colors: {
+        background: "white";
+        mainColor: "#008ad2";
+        mainColorAlt: "#006AA9";
+        activeBg: "#e7e7e7";
+        inactiveBg: "#d3d3de";
+        inactiveDarkBg: "#999";
+        toggleHandleBg: "#e0e0e0";
+        toggleHandleBorder: "#cdcdcd";
+        toggleBgDisabled: "#f0f0f0";
+        toggleHandleBorderDisabled: "#c29f7d";
+        toggleHandleBgDisabled: "#deae84";
+        icon: "#636363";
+        border: "#d5d5d5";
+        buttonBorder: "#bababa";
+        headerBorder: "#c8c8c9";
+        headerBg: "#efeff0";
+        headerText: "#484848";
+        text: "#323232";
+        text2: "#181818";
+        text3: "#000000";
+        sub: "#959595";
+        popText: "#666";
+        toolbarBorder: "#ababab";
+        toolbarBg: "#f8f8f8";
+        modalBg: "#f7f7f7";
+        modalButtonBg: "#f8f8f8";
+        modalButtonBorder: "#c2c2c2";
+        inputDisabledBg: "#f3f3f3";
+        inputDisabledText: "#959595";
+        choiceBg: "#ffffff";
+        choiceText: "#999999";
+        choiceActiveBg: "#f3f3f3";
+        choiceActiveText: "#313131";
+        choiceBorder: "#cfcfcf";
+        selectorText: "#606060";
+        selectorActive: "#008ad2";
+        blue1: "#038bf4";
+        blue2: "#b7d6f5";
+        blue3: "#dbe6ff";
+        blue4: "#33b4ff";
+        blue5: "#30a2e6";
+        orange1: "#ff7200";
+        orange1Darker: "#cc5b00";
+        purple1: "#7357e8";
+        green1: "#3ec234";
+        green1Darker: "#38af2f";
+        pink1: "#ff388f";
+        red1: "#ea2700";
+        yellow1: "#ffde9d";
+        yellow2: "#e4a429";
+        yellow3: "#fff5db";
+        pinky1: "#f5c0b7";
+        pinky2: "#e07b67";
+        pinky3: "#ffe1db";
+        grey1: "#737373";
+        focusColor: "#dcaf00";
+        scrollbarsThumb: "#737373";
+        scrollbarsBg: "transparent";
+        tableStripedBg: "#fafafa";
+        toolButtonText: "#666e80";
+    };
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledContent, StyledArrow, };
+//# sourceMappingURL=Tooltip.styled.d.ts.map

package/dist/components/ui/tooltip/Tooltip.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AASxD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBjB,CAAC;AAEH,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEf,CAAC;AAEH,OAAO,EACH,aAAa,EACb,WAAW,GACd,CAAC"}

package/dist/components/ui/tooltip/Tooltip.styled.js

@@ -0,0 +1,65 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledArrow = exports.StyledContent = void 0;
+const RadixTooltip = __importStar(require("@radix-ui/react-tooltip"));
+const theme_1 = require("../../../theme");
+const fadeIn = (0, theme_1.keyframes)({
+    from: { opacity: 0, transform: "scale(0.96)" },
+    to: { opacity: 1, transform: "scale(1)" },
+});
+const StyledContent = (0, theme_1.styled)(RadixTooltip.Content, {
+    "zIndex": 10,
+    "background": "$text2",
+    "color": "$background",
+    "padding": `${(0, theme_1.dimensionsPxToRem)(18)} ${(0, theme_1.dimensionsPxToRem)(36)}`,
+    "borderRadius": (0, theme_1.dimensionsPxToRem)(12),
+    "fontSize": (0, theme_1.fontPxToRem)(24),
+    "lineHeight": 1.3,
+    "maxWidth": (0, theme_1.pxToRem)(280),
+    "boxShadow": `0 ${(0, theme_1.pxToRem)(2)} ${(0, theme_1.pxToRem)(8)} rgba(0, 0, 0, 0.18)`,
+    "userSelect": "none",
+    "transformOrigin": "var(--radix-tooltip-content-transform-origin)",
+    "animation": `${fadeIn.toString()} 120ms ease-out`,
+    "&[data-state=\"closed\"]": {
+        animationDirection: "reverse",
+    },
+});
+exports.StyledContent = StyledContent;
+const StyledArrow = (0, theme_1.styled)(RadixTooltip.Arrow, {
+    fill: "$text2",
+});
+exports.StyledArrow = StyledArrow;
+//# sourceMappingURL=Tooltip.styled.js.map

package/dist/components/ui/tooltip/Tooltip.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/tooltip/Tooltip.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sEAAwD;AAExD,0CAA4F;AAE5F,MAAM,MAAM,GAAG,IAAA,iBAAS,EAAC;IACrB,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE;IAC9C,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE;CAC5C,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,IAAA,cAAM,EAAC,YAAY,CAAC,OAAO,EAAE;IAC/C,QAAQ,EAAE,EAAE;IACZ,YAAY,EAAE,QAAQ;IACtB,OAAO,EAAE,aAAa;IACtB,SAAS,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IAC9D,cAAc,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IACrC,UAAU,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IAC3B,YAAY,EAAE,GAAG;IACjB,UAAU,EAAE,IAAA,eAAO,EAAC,GAAG,CAAC;IACxB,WAAW,EAAE,KAAK,IAAA,eAAO,EAAC,CAAC,CAAC,IAAI,IAAA,eAAO,EAAC,CAAC,CAAC,sBAAsB;IAChE,YAAY,EAAE,MAAM;IACpB,iBAAiB,EAAE,+CAA+C;IAClE,WAAW,EAAE,GAAG,MAAM,CAAC,QAAQ,EAAE,iBAAiB;IAElD,0BAA0B,EAAE;QACxB,kBAAkB,EAAE,SAAS;KAChC;CACJ,CAAC,CAAC;AAOC,sCAAa;AALjB,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,YAAY,CAAC,KAAK,EAAE;IAC3C,IAAI,EAAE,QAAQ;CACjB,CAAC,CAAC;AAIC,kCAAW"}

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export * from "./components/ui/stats/Stats";
 export * from "./components/ui/tabs/Selector";
 export * from "./components/ui/toaster/Toaster";
 export * from "./components/ui/toolButton/ToolButton";
+export * from "./components/ui/tooltip/Tooltip";
 export * from "./components/utils/Gap";
 export * from "./components/utils/HandleEsc";
 export * from "./components/utils/If";

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -54,6 +54,7 @@ __exportStar(require("./components/ui/stats/Stats"), exports);
 __exportStar(require("./components/ui/tabs/Selector"), exports);
 __exportStar(require("./components/ui/toaster/Toaster"), exports);
 __exportStar(require("./components/ui/toolButton/ToolButton"), exports);
+__exportStar(require("./components/ui/tooltip/Tooltip"), exports);
 __exportStar(require("./components/utils/Gap"), exports);
 __exportStar(require("./components/utils/HandleEsc"), exports);
 __exportStar(require("./components/utils/If"), exports);

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,kEAAgD;AAChD,6DAA2C;AAC3C,gEAA8C;AAC9C,0DAAwC;AACxC,2DAAyC;AACzC,sEAAoD;AACpD,2DAAyC;AAEzC,0DAAwC;AAExC,0DAAwC;AAExC,gEAA8C;AAC9C,oEAAkD;AAClD,8EAA4D;AAC5D,0EAAwD;AACxD,gEAA8C;AAC9C,8EAA4D;AAC5D,sEAAoD;AACpD,kEAAgD;AAEhD,gEAA8C;AAC9C,sEAAoD;AACpD,gEAA8C;AAC9C,mEAAiD;AACjD,gEAA8C;AAC9C,oEAAkD;AAClD,4DAA0C;AAC1C,wEAAsD;AACtD,oEAAkD;AAClD,gEAA8C;AAC9C,iEAA+C;AAC/C,mEAAiD;AACjD,kEAAgD;AAChD,8DAA4C;AAC5C,qEAAmD;AACnD,oEAAkD;AAClD,0DAAwC;AACxC,gEAA8C;AAC9C,8DAA4C;AAC5C,gEAA8C;AAC9C,kEAAgD;AAChD,wEAAsD;AAEtD,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,4DAA0C;AAE1C,mDAAiC;AAIjC,0CAAwB;AACxB,qDAA6C;AAApC,2GAAA,QAAQ,OAAA;AACjB,uDAAwD;AAA/C,sHAAA,kBAAkB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,kEAAgD;AAChD,6DAA2C;AAC3C,gEAA8C;AAC9C,0DAAwC;AACxC,2DAAyC;AACzC,sEAAoD;AACpD,2DAAyC;AAEzC,0DAAwC;AAExC,0DAAwC;AAExC,gEAA8C;AAC9C,oEAAkD;AAClD,8EAA4D;AAC5D,0EAAwD;AACxD,gEAA8C;AAC9C,8EAA4D;AAC5D,sEAAoD;AACpD,kEAAgD;AAEhD,gEAA8C;AAC9C,sEAAoD;AACpD,gEAA8C;AAC9C,mEAAiD;AACjD,gEAA8C;AAC9C,oEAAkD;AAClD,4DAA0C;AAC1C,wEAAsD;AACtD,oEAAkD;AAClD,gEAA8C;AAC9C,iEAA+C;AAC/C,mEAAiD;AACjD,kEAAgD;AAChD,8DAA4C;AAC5C,qEAAmD;AACnD,oEAAkD;AAClD,0DAAwC;AACxC,gEAA8C;AAC9C,8DAA4C;AAC5C,gEAA8C;AAC9C,kEAAgD;AAChD,wEAAsD;AACtD,kEAAgD;AAEhD,yDAAuC;AACvC,+DAA6C;AAC7C,wDAAsC;AACtC,4DAA0C;AAE1C,mDAAiC;AAIjC,0CAAwB;AACxB,qDAA6C;AAApC,2GAAA,QAAQ,OAAA;AACjB,uDAAwD;AAA/C,sHAAA,kBAAkB,OAAA"}

package/dist/theme.css-global.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.css-global.d.ts","sourceRoot":"","sources":["../src/theme.css-global.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,cAYtB,CAAC;AAEH,OAAO,EACH,kBAAkB,GACrB,CAAC"}
+{"version":3,"file":"theme.css-global.d.ts","sourceRoot":"","sources":["../src/theme.css-global.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB,cAWtB,CAAC;AAEH,OAAO,EACH,kBAAkB,GACrB,CAAC"}

package/dist/theme.css-global.js

@@ -9,7 +9,6 @@ const injectGlobalStyles = (0, theme_1.globalCss)({
     "*:focus-visible:focus-visible": {
         outline: "none !important",
         borderColor: "$focusColor",
-        backgroundColor: "var(--focus-bg-set)",
     },
     "body": {
         color: "$text",

package/dist/theme.css-global.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.css-global.js","sourceRoot":"","sources":["../src/theme.css-global.ts"],"names":[],"mappings":";;;AAAA,mCAAoC;AAEpC,MAAM,kBAAkB,GAAG,IAAA,iBAAS,EAAC;IACjC,SAAS,EAAE;QACP,OAAO,EAAE,iBAAiB;KAC7B;IACD,+BAA+B,EAAE;QAC7B,OAAO,EAAE,iBAAiB;QAC1B,WAAW,EAAE,aAAa;QAC1B,eAAe,EAAE,qBAAqB;KACzC;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC,CAAC;AAGC,gDAAkB"}
+{"version":3,"file":"theme.css-global.js","sourceRoot":"","sources":["../src/theme.css-global.ts"],"names":[],"mappings":";;;AAAA,mCAAoC;AAEpC,MAAM,kBAAkB,GAAG,IAAA,iBAAS,EAAC;IACjC,SAAS,EAAE;QACP,OAAO,EAAE,iBAAiB;KAC7B;IACD,+BAA+B,EAAE;QAC7B,OAAO,EAAE,iBAAiB;QAC1B,WAAW,EAAE,aAAa;KAC7B;IACD,MAAM,EAAE;QACJ,KAAK,EAAE,OAAO;KACjB;CACJ,CAAC,CAAC;AAGC,gDAAkB"}

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from "./toObjectValue";
 export * from "./useKeyPress";
+export * from "./useNativeValidity";
 export * from "./useTailSpin";
 //# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,eAAe,CAAC"}

package/dist/utils/index.js

@@ -16,5 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./toObjectValue"), exports);
 __exportStar(require("./useKeyPress"), exports);
+__exportStar(require("./useNativeValidity"), exports);
 __exportStar(require("./useTailSpin"), exports);
 //# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,gDAA8B;AAC9B,gDAA8B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,gDAA8B;AAC9B,sDAAoC;AACpC,gDAA8B"}

package/dist/utils/useNativeValidity.d.ts

@@ -0,0 +1,11 @@
+import type React from "react";
+interface UseNativeValidityResult {
+    finalError: boolean;
+    onBlur: (e: React.FocusEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onInvalid: () => void;
+    revalidate: (input: HTMLInputElement | null) => void;
+}
+declare const useNativeValidity: (error: boolean | undefined) => UseNativeValidityResult;
+export { useNativeValidity };
+//# sourceMappingURL=useNativeValidity.d.ts.map

package/dist/utils/useNativeValidity.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeValidity.d.ts","sourceRoot":"","sources":["../../src/utils/useNativeValidity.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,UAAU,uBAAuB;IAE7B,UAAU,EAAE,OAAO,CAAC;IAEpB,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAExD,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAE3D,SAAS,EAAE,MAAM,IAAI,CAAC;IAEtB,UAAU,EAAE,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AASD,QAAA,MAAM,iBAAiB,GAAI,OAAO,OAAO,GAAG,SAAS,KAAG,uBA8BvD,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC"}