react-miui 0.19.0 → 0.20.1

package/esm/index.d.ts

@@ -2,7 +2,7 @@ export * from "./components/form/choice/Choice.js";
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Label.js";
 export * from "./components/form/Select.js";
-export * from "./components/form/TextArea.js";
+export * from "./components/form/textarea/TextArea.js";
 export * from "./components/form/Toggle.js";
 export * from "./components/form/index.js";
 export * from "./components/icons/Icon.js";
@@ -21,6 +21,11 @@ export * from "./components/ui/button/Button.js";
 export * from "./components/ui/directionPad/Pad.js";
 export * from "./components/ui/drawer/Drawer.js";
 export * from "./components/ui/keyValue/KeyValue.js";
+export * from "./components/ui/loader/CoveringLoader.js";
+export * from "./components/ui/loader/FullLoader.js";
+export * from "./components/ui/loader/Loader.js";
+export * from "./components/ui/loader/Loading.js";
+export * from "./components/ui/loader/PopLoader.js";
 export * from "./components/ui/message/Message.js";
 export * from "./components/ui/modal/Modal.js";
 export * from "./components/ui/modal/ModalButtons.js";
@@ -32,5 +37,8 @@ export * from "./components/ui/toaster/Toaster.js";
 export * from "./components/utils/HandleEsc.js";
 export * from "./components/utils/If.js";
 export * from "./components/utils/Spacer.js";
+export * from "./scrollbars.css.js";
+export type { ThemeCSS } from "./theme.js";
 export { getCssText, styled } from "./theme.js";
+export { cssReset } from "./theme.css-reset.js";
 //# sourceMappingURL=index.d.ts.map

package/esm/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,qBAAqB,CAAC;AAEpC,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/index.js

@@ -2,7 +2,7 @@ export * from "./components/form/choice/Choice.js";
 export * from "./components/form/Checkbox.js";
 export * from "./components/form/Label.js";
 export * from "./components/form/Select.js";
-export * from "./components/form/TextArea.js";
+export * from "./components/form/textarea/TextArea.js";
 export * from "./components/form/Toggle.js";
 export * from "./components/form/index.js";
 export * from "./components/icons/Icon.js";
@@ -21,6 +21,11 @@ export * from "./components/ui/button/Button.js";
 export * from "./components/ui/directionPad/Pad.js";
 export * from "./components/ui/drawer/Drawer.js";
 export * from "./components/ui/keyValue/KeyValue.js";
+export * from "./components/ui/loader/CoveringLoader.js";
+export * from "./components/ui/loader/FullLoader.js";
+export * from "./components/ui/loader/Loader.js";
+export * from "./components/ui/loader/Loading.js";
+export * from "./components/ui/loader/PopLoader.js";
 export * from "./components/ui/message/Message.js";
 export * from "./components/ui/modal/Modal.js";
 export * from "./components/ui/modal/ModalButtons.js";
@@ -32,5 +37,7 @@ export * from "./components/ui/toaster/Toaster.js";
 export * from "./components/utils/HandleEsc.js";
 export * from "./components/utils/If.js";
 export * from "./components/utils/Spacer.js";
+export * from "./scrollbars.css.js";
 export { getCssText, styled } from "./theme.js";
+export { cssReset } from "./theme.css-reset.js";
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AACvD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,0CAA0C,CAAC;AACzD,cAAc,sCAAsC,CAAC;AACrD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,gCAAgC,CAAC;AAE/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC;AAEnD,cAAc,iCAAiC,CAAC;AAChD,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,qBAAqB,CAAC;AAIpC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}

package/esm/scrollbars.css.d.ts

@@ -0,0 +1,4 @@
+import type { ThemeCSS } from "./theme";
+declare const miuiScrollbars: ThemeCSS;
+export { miuiScrollbars };
+//# sourceMappingURL=scrollbars.css.d.ts.map

package/esm/scrollbars.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbars.css.d.ts","sourceRoot":"","sources":["../src/scrollbars.css.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAiBxC,QAAA,MAAM,cAAc,EAAE,QAoCrB,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/scrollbars.css.js

@@ -0,0 +1,49 @@
+import { pxToRem } from "./theme.js";
+const thumbStyle = {
+    background: "var(--scrollbars-thumb)",
+    backgroundClip: "padding-box",
+    border: "2px solid var(--scrollbars-bg)",
+    borderRadius: "$1",
+};
+const thumbActive = {
+    background: "var(--scrollbars-thumb-active)",
+    border: "2px solid var(--scrollbars-bg)",
+};
+const miuiScrollbars = {
+    "--scrollbars-thumb": "#737373",
+    "--scrollbars-thumb-active": "#737373",
+    "--scrollbars-bg": "transparent",
+    "scrollbar-color": "var(--scrollbars-thumb) var(--scrollbars-bg)",
+    "scrollbar-width": "thin !important",
+    "&::-webkit-scrollbar": {
+        height: pxToRem(7),
+        width: pxToRem(7),
+        backgroundColor: "transparent",
+        borderRadius: pxToRem(7),
+    },
+    "&::-webkit-scrollbar-thumb:vertical": {
+        ...thumbStyle,
+        "minHeight": pxToRem(10),
+        "marginRight": pxToRem(2),
+        "&:active": {
+            ...thumbActive,
+            minHeight: pxToRem(8),
+            marginRight: pxToRem(4),
+        },
+    },
+    "&::-webkit-scrollbar-thumb:horizontal": {
+        ...thumbStyle,
+        "minWidth": pxToRem(10),
+        "marginBottom": pxToRem(2),
+        "&:active": {
+            ...thumbActive,
+            minWidth: pxToRem(8),
+            marginBottom: pxToRem(4),
+        },
+    },
+    "&::-webkit-scrollbar-corner": {
+        backgroundColor: "transparent",
+    },
+};
+export { miuiScrollbars };
+//# sourceMappingURL=scrollbars.css.js.map

package/esm/scrollbars.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollbars.css.js","sourceRoot":"","sources":["../src/scrollbars.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,MAAM,UAAU,GAAG;IACf,UAAU,EAAE,yBAAyB;IACrC,cAAc,EAAE,aAAa;IAC7B,MAAM,EAAE,gCAAgC;IACxC,YAAY,EAAE,IAAI;CACrB,CAAC;AAEF,MAAM,WAAW,GAAa;IAC1B,UAAU,EAAE,gCAAgC;IAC5C,MAAM,EAAE,gCAAgC;CAC3C,CAAC;AAGF,MAAM,cAAc,GAAa;IAC7B,oBAAoB,EAAE,SAAS;IAC/B,2BAA2B,EAAE,SAAS;IACtC,iBAAiB,EAAE,aAAa;IAChC,iBAAiB,EAAE,8CAA8C;IACjE,iBAAiB,EAAE,iBAAiB;IAEpC,sBAAsB,EAAE;QACpB,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;QAClB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;QACjB,eAAe,EAAE,aAAa;QAC9B,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;KAC3B;IACD,qCAAqC,EAAE;QACnC,GAAG,UAAU;QACb,WAAW,EAAE,OAAO,CAAC,EAAE,CAAC;QACxB,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;QACzB,UAAU,EAAE;YACR,GAAG,WAAW;YACd,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;YACrB,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;SAC1B;KACJ;IACD,uCAAuC,EAAE;QACrC,GAAG,UAAU;QACb,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC;QACvB,cAAc,EAAE,OAAO,CAAC,CAAC,CAAC;QAC1B,UAAU,EAAE;YACR,GAAG,WAAW;YACd,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;YACpB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;SAC3B;KACJ;IACD,6BAA6B,EAAE;QAC3B,eAAe,EAAE,aAAa;KACjC;CACJ,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/theme.css-reset.d.ts

@@ -0,0 +1,3 @@
+declare const cssReset: string;
+export { cssReset, };
+//# sourceMappingURL=theme.css-reset.d.ts.map

package/esm/theme.css-reset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css-reset.d.ts","sourceRoot":"","sources":["../src/theme.css-reset.ts"],"names":[],"mappings":"AA+HA,QAAA,MAAM,QAAQ,QAAoC,CAAC;AAEnD,OAAO,EACH,QAAQ,GACX,CAAC"}

package/esm/theme.css-reset.js

@@ -0,0 +1,118 @@
+const theNewCssReset = `
+/*
+    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
+    - The "symbol *" part is to solve Firefox SVG sprite bug
+ */
+*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
+    all: unset;
+    display: revert;
+}
+
+/* Preferred box-sizing value */
+*,
+*::before,
+*::after {
+    box-sizing: border-box;
+}
+
+/* Reapply the pointer cursor for anchor tags */
+a, button {
+    cursor: revert;
+}
+
+/* Remove list styles (bullets/numbers) */
+ol, ul, menu {
+    list-style: none;
+}
+
+/* For images to not be able to exceed their container */
+img {
+    max-inline-size: 100%;
+    max-block-size: 100%;
+}
+
+/* removes spacing between cells in tables */
+table {
+    border-collapse: collapse;
+}
+
+/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
+input, textarea {
+    -webkit-user-select: auto;
+}
+
+/* revert the 'white-space' property for textarea elements on Safari */
+textarea {
+    white-space: revert;
+}
+
+/* minimum style to allow to style meter element */
+meter {
+    -webkit-appearance: revert;
+    appearance: revert;
+}
+
+/* preformatted text - use only for this feature */
+:where(pre) {
+    all: revert;
+}
+
+/* reset default text opacity of input placeholder */
+::placeholder {
+    color: unset;
+}
+
+/* remove default dot (•) sign */
+::marker {
+    content: initial;
+}
+
+/* fix the feature of 'hidden' attribute.
+   display:revert; revert to element instead of attribute */
+:where([hidden]) {
+    display: none;
+}
+
+/* revert for bug in Chromium browsers
+   - fix for the content editable attribute will work properly.
+   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
+:where([contenteditable]:not([contenteditable="false"])) {
+    -moz-user-modify: read-write;
+    -webkit-user-modify: read-write;
+    overflow-wrap: break-word;
+    -webkit-line-break: after-white-space;
+    -webkit-user-select: auto;
+}
+
+/* apply back the draggable feature - exist only in Chromium and Safari */
+:where([draggable="true"]) {
+    -webkit-user-drag: element;
+}
+
+/* Revert Modal native behavior */
+:where(dialog:modal) {
+    all: revert;
+}`;
+const cssTweaks = `*, *::before, *::after {
+  box-sizing: border-box;
+}
+
+html, body {
+  height: 100%;
+}
+
+body {
+  -webkit-font-smoothing: antialiased;
+}
+
+#root, #__next {
+  isolation: isolate;
+}
+
+body {
+  font-family: sans-serif;
+}
+`;
+const cssReset = theNewCssReset + "\n" + cssTweaks;
+export { cssReset, };
+//# sourceMappingURL=theme.css-reset.js.map

package/esm/theme.css-reset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.css-reset.js","sourceRoot":"","sources":["../src/theme.css-reset.ts"],"names":[],"mappings":"AAIA,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8FrB,CAAC;AAKH,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;CAmBjB,CAAC;AAKF,MAAM,QAAQ,GAAG,cAAc,GAAG,IAAI,GAAG,SAAS,CAAC;AAEnD,OAAO,EACH,QAAQ,GACX,CAAC"}