react-miui 0.18.1 → 0.19.0

package/src/components/form/input/Input.styled.ts

@@ -0,0 +1,22 @@
+import { styled } from "../../../theme.js";
+
+const InputStyled = styled("input", {
+    "boxSizing": "border-box",
+    "height": "calc(103px / var(--ratio-dimensions))",
+    "fontSize": "calc(34 / var(--ratio-font))",
+    "color": "var(--text)",
+    "border": "none",
+    "display": "block",
+    "width": "100%",
+    "background": "none",
+    "fontFamily": "inherit",
+    "padding": "1.2em 0",
+
+    "&::placeholder": {
+        color: "var(--sub)",
+    },
+});
+
+export {
+    InputStyled,
+};

package/src/components/form/{Input.tsx → input/Input.tsx}

@@ -1,13 +1,13 @@
-import React, { useCallback, useState } from "react";
+import React, { useCallback, useId, useState } from "react";
 
 import classnames from "classnames";
 
-import type { ObjectValue, Value } from "../../types/form";
+import type { ObjectValue, Value } from "../../../types/form";
 
-import { useRandomId } from "../../utils/index.js";
+import { Suggestions } from "../Suggestions.js";
 
-import { Suggestions } from "./Suggestions.js";
 import styles from "./Input.module.scss";
+import { InputStyled } from "./Input.styled";
 
 interface CustomProps<T extends string> {
     children?: never;
@@ -29,7 +29,7 @@ const Input = <T extends string>({
     ...props
 }: Props<T>): ReturnType<React.FC<Props<T>>> => {
     const [focused, setFocused] = useState(false);
-    const suggestionsId = useRandomId();
+    const suggestionsId = useId();
     const [info] = useState<{ picked?: boolean }>({});
 
     const handleFocus = useCallback((e: React.FocusEvent<HTMLInputElement>) => {
@@ -86,7 +86,7 @@ const Input = <T extends string>({
     return (
         <div className={wrapperCls}>
             {prefixElem}
-            <input
+            <InputStyled
                 {...props}
                 {...extraProps}
                 onChange={handleChange}

package/src/components/layout/header/Header.module.scss

@@ -64,10 +64,22 @@
 .header--top, .header--bottom {
     .before {
         margin-right: calc(50px / var(--ratio-dimensions));
+        height: 100%;
+        padding: 7px 0;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
 
     .after {
         margin-left: calc(50px / var(--ratio-dimensions));
+        height: 100%;
+        padding: 7px 0;
+        box-sizing: border-box;
+        display: flex;
+        align-items: center;
+        justify-content: center;
     }
 
     .actions {

package/src/components/layout/header/HeaderIconAction.module.scss

@@ -1,8 +1,11 @@
 .btn, .a {
-    padding: 7px;
+    height: 100%;
+    aspect-ratio: 1;
     background: none;
     border-radius: 666px;
-    display: inline-block;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
     border: calc(2px / var(--ratio-border)) solid transparent;
     color: currentColor;
 

package/src/components/layout/list/Value.styled.ts

@@ -0,0 +1,13 @@
+import { styled } from "../../../theme.js";
+
+const StyledValue = styled("div", {
+    color: "var(--icon)",
+    fontSize: "calc(26px / var(--ratio-font))",
+    display: "flex",
+    justifyContent: "flex-end",
+    flex: 1,
+});
+
+export {
+    StyledValue,
+};

package/src/components/layout/list/Value.tsx

@@ -1,18 +1 @@
-import React from "react";
-
-import classnames from "classnames";
-
-import styles from "./Value.module.scss";
-
-interface Props {
-    className?: string;
-    children: React.ReactNode;
-}
-
-const Value: React.FC<Props> = (props) => {
-    return (
-        <div className={classnames(styles.value, props.className)}>{props.children}</div>
-    );
-};
-
-export { Value };
+export { StyledValue as Value } from "./Value.styled.js";

package/src/components/ui/pop/PopOption.tsx

@@ -2,14 +2,10 @@ import React from "react";
 
 import classnames from "classnames";
 
-import type { ICON } from "../../icons/Icon";
-
-import { Icon } from "../../icons/Icon.js";
-
 import styles from "./Pop.module.scss";
 
 interface Props {
-    icon?: ICON;
+    icon?: React.ReactElement;
     forceEmptyIcon?: boolean;
     onClick: () => void;
     className?: string;
@@ -18,7 +14,7 @@ interface Props {
 
 const PopOption: React.FC<Props> = (props) => {
     const ic = props.icon
-        ? <Icon name={props.icon} className={styles.icon} />
+        ? <div className={styles.icon}>{props.icon}</div>
         : ((props.forceEmptyIcon ?? true) ? <span className={styles.fakeIcon} /> : null);
 
     return (

package/src/demo/Demo.tsx

@@ -1,5 +1,7 @@
 import React from "react";
 
+import "@icon-park/react/styles/index.css";
+
 import { ToasterProvider } from "../components/ui/toaster/Toaster.js";
 
 import styles from "./Demo.module.scss";

package/src/demo/NextLink.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import Link from "next/link";
 
 const NextLink: React.FC<Omit<React.ComponentProps<typeof Link>, "href"> & { href: string }> = (props) => {
-    return <Link {...props} />;
+    return <Link legacyBehavior={true} {...props} />;
 };
 
 export {

package/src/demo/components/ui/pop/Pop.tsx

@@ -1,6 +1,8 @@
 import React, { useCallback, useState } from "react";
 
-import { Pop, Header, StickyHeader, HeaderIconAction, ICON, Section } from "../../../../index.js";
+import { SunOne } from "@icon-park/react";
+
+import { Pop, Header, StickyHeader, HeaderIconAction, ICON, Section, Icon } from "../../../../index.js";
 
 interface Props {}
 
@@ -34,8 +36,8 @@ const PopDemo: React.FC<Props> = () => {
         <>
             <HeaderIconAction icon={ICON.config} onClick={handleToggle} />
             <Pop anchor={"prev"} open={open} onClose={handleClose}>
-                <Pop.Option icon={ICON.heart} onClick={handleClick}>Add new list</Pop.Option>
-                <Pop.Option icon={ICON.trash} onClick={handleClick}>Remove empty lists</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.heart} />} onClick={handleClick}>Add new list</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.trash} />} onClick={handleClick}>Remove empty lists</Pop.Option>
                 <Pop.Option onClick={handleClick}>Configure</Pop.Option>
             </Pop>
         </>
@@ -45,15 +47,15 @@ const PopDemo: React.FC<Props> = () => {
         <>
             <HeaderIconAction icon={ICON.checkmark} onClick={handleLeftToggle} />
             <Pop anchor={"prev"} open={leftOpen} onClose={handleLeftClose}>
-                <Pop.Option icon={ICON.heart} onClick={handleClick}>Add new list</Pop.Option>
-                <Pop.Option icon={ICON.trash} onClick={handleClick}>Remove empty lists</Pop.Option>
-                <Pop.Option onClick={handleClick}>Configure</Pop.Option>
-                <Pop.Option icon={ICON.heart} onClick={handleClick}>Add new list</Pop.Option>
-                <Pop.Option icon={ICON.trash} onClick={handleClick}>Remove empty lists</Pop.Option>
-                <Pop.Option onClick={handleClick}>Configure</Pop.Option>
-                <Pop.Option icon={ICON.heart} onClick={handleClick}>Add new list</Pop.Option>
-                <Pop.Option icon={ICON.trash} onClick={handleClick}>Remove empty lists</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.heart} />} onClick={handleClick}>Add new list</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.trash} />} onClick={handleClick}>Remove empty lists</Pop.Option>
+                <Pop.Option icon={<SunOne />} onClick={handleClick}>Configure</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.heart} />} onClick={handleClick}>Add new list</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.trash} />} onClick={handleClick}>Remove empty lists</Pop.Option>
                 <Pop.Option onClick={handleClick}>Configure</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.heart} />} onClick={handleClick}>Add new list</Pop.Option>
+                <Pop.Option icon={<Icon name={ICON.trash} />} onClick={handleClick}>Remove empty lists</Pop.Option>
+                <Pop.Option icon={<>text</>} onClick={handleClick}>Configure</Pop.Option>
             </Pop>
         </>
     );

package/src/index.ts

@@ -1,12 +1,13 @@
 /* eslint-disable import/max-dependencies */
 export * from "./components/form/choice/Choice.js";
 export * from "./components/form/Checkbox.js";
-export * from "./components/form/Input.js";
 export * from "./components/form/Label.js";
 export * from "./components/form/Select.js";
 export * from "./components/form/TextArea.js";
 export * from "./components/form/Toggle.js";
 
+export * from "./components/form/index.js";
+
 export * from "./components/icons/Icon.js";
 
 export * from "./components/layout/card/Card.js";
@@ -38,3 +39,5 @@ 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 { getCssText, styled } from "./theme.js";

package/src/theme.ts

@@ -0,0 +1,21 @@
+import { createStitches } from "@stitches/react";
+
+export const {
+    styled,
+    css,
+    globalCss,
+    keyframes,
+    getCssText,
+    theme,
+    createTheme,
+    config,
+} = createStitches({
+    theme: {
+        colors: {},
+    },
+    utils: {
+        mx: (value: string) => ({ marginLeft: value, marginRight: value }),
+        my: (value: string) => ({ marginTop: value, marginBottom: value }),
+        size: (value: string) => ({ width: value, height: value }),
+    },
+});

package/src/utils/index.ts

@@ -1,4 +1,3 @@
 export * from "./makeVariants.js";
 export * from "./toObjectValue.js";
 export * from "./useKeyPress.js";
-export * from "./useRandomId.js";

package/typedoc.cjs

@@ -0,0 +1,5 @@
+const json = require("./pagesconfig.json");
+
+module.exports = {
+    pluginPages: json,
+};

package/dist/components/form/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAO3D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAG5G,QAAA,MAAM,KAAK,8LA+EV,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}

package/dist/components/form/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"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"}

package/dist/components/layout/list/Value.module.scss

@@ -1,7 +0,0 @@
-.value {
-    color: var(--icon);
-    font-size: calc(26px / var(--ratio-font));
-    display: flex;
-    justify-content: flex-end;
-    flex: 1;
-}

package/dist/utils/useRandomId.d.ts

@@ -1,3 +0,0 @@
-declare const useRandomId: () => string;
-export { useRandomId };
-//# sourceMappingURL=useRandomId.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useRandomId.d.ts","sourceRoot":"","sources":["../../src/utils/useRandomId.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW,cAEhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/utils/useRandomId.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRandomId = void 0;
-const react_1 = require("react");
-let id = 0;
-const getRandomId = () => {
-    return "r" + String(Date.now()) + "_" + String(++id);
-};
-const useRandomId = () => {
-    return (0, react_1.useMemo)(getRandomId, []);
-};
-exports.useRandomId = useRandomId;
-//# sourceMappingURL=useRandomId.js.map

package/dist/utils/useRandomId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRandomId.js","sourceRoot":"","sources":["../../src/utils/useRandomId.ts"],"names":[],"mappings":";;;AAAA,iCAAgC;AAEhC,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,OAAO,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,OAAO,IAAA,eAAO,EAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEO,kCAAW"}

package/esm/components/form/Input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AAO3D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,WAAW,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACzB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAG5G,QAAA,MAAM,KAAK,8LA+EV,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}

package/esm/components/form/Input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"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"}

package/esm/components/layout/list/Value.module.scss

@@ -1,7 +0,0 @@
-.value {
-    color: var(--icon);
-    font-size: calc(26px / var(--ratio-font));
-    display: flex;
-    justify-content: flex-end;
-    flex: 1;
-}

package/esm/utils/useRandomId.d.ts

@@ -1,3 +0,0 @@
-declare const useRandomId: () => string;
-export { useRandomId };
-//# sourceMappingURL=useRandomId.d.ts.map

package/esm/utils/useRandomId.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRandomId.d.ts","sourceRoot":"","sources":["../../src/utils/useRandomId.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,WAAW,cAEhB,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/esm/utils/useRandomId.js

@@ -1,10 +0,0 @@
-import { useMemo } from "react";
-let id = 0;
-const getRandomId = () => {
-    return "r" + String(Date.now()) + "_" + String(++id);
-};
-const useRandomId = () => {
-    return useMemo(getRandomId, []);
-};
-export { useRandomId };
-//# sourceMappingURL=useRandomId.js.map

package/esm/utils/useRandomId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useRandomId.js","sourceRoot":"","sources":["../../src/utils/useRandomId.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,IAAI,EAAE,GAAG,CAAC,CAAC;AAEX,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,OAAO,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,GAAG,GAAG,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,GAAG,EAAE;IACrB,OAAO,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC;AAEF,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/src/components/layout/list/Value.module.scss

@@ -1,7 +0,0 @@
-.value {
-    color: var(--icon);
-    font-size: calc(26px / var(--ratio-font));
-    display: flex;
-    justify-content: flex-end;
-    flex: 1;
-}

package/src/utils/useRandomId.ts

@@ -1,13 +0,0 @@
-import { useMemo } from "react";
-
-let id = 0;
-
-const getRandomId = () => {
-    return "r" + String(Date.now()) + "_" + String(++id);
-};
-
-const useRandomId = () => {
-    return useMemo(getRandomId, []);
-};
-
-export { useRandomId };