react-miui 0.28.2 → 0.29.0

package/dist/components/layout/section/Section.d.ts

@@ -1,8 +1,4 @@
-import { SectionContainer } from "./SectionContainer";
-interface SubComponents {
-    Container: typeof SectionContainer;
-}
-declare const SectionCmp: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const Section: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     vertical?: boolean | "true";
     horizontal?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
@@ -87,7 +83,90 @@ declare const SectionCmp: import("@stitches/react/types/styled-component").Style
         width: string | number;
         height: string | number;
     };
-}>>;
-declare const Section: typeof SectionCmp & SubComponents;
+}>> & {
+    Container: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@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";
+            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("@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 { Section };
 //# sourceMappingURL=Section.d.ts.map

package/dist/components/layout/section/Section.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,UAAU,aAAa;IACnB,SAAS,EAAE,OAAO,gBAAgB,CAAC;CACtC;AAED,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiBd,CAAC;AAQH,QAAA,MAAM,OAAO,EAAiB,OAAO,UAAU,GAAG,aAAa,CAAC;AAIhE,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":"AA8BA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAEX,CAAC;AAEH,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/components/layout/section/Section.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Section = void 0;
 const theme_1 = require("../../../theme");
+const fnWithProps_1 = require("../../../types/fnWithProps");
 const SectionContainer_1 = require("./SectionContainer");
 const SectionCmp = (0, theme_1.styled)("div", {
     background: "$background",
@@ -18,7 +19,8 @@ const SectionCmp = (0, theme_1.styled)("div", {
         },
     },
 });
-const Section = SectionCmp;
+const Section = (0, fnWithProps_1.fnWithProps)(SectionCmp, {
+    Container: SectionContainer_1.SectionContainer,
+});
 exports.Section = Section;
-Section.Container = SectionContainer_1.SectionContainer;
 //# sourceMappingURL=Section.js.map

package/dist/components/layout/section/Section.js.map

@@ -1 +1 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":";;;AAAA,0CAAiD;AAEjD,yDAAsD;AAMtD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC7B,UAAU,EAAE,aAAa;IAEzB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBAEF,EAAE,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;aAClB;SACJ;QACD,UAAU,EAAE;YACR,IAAI,EAAE;gBAEF,EAAE,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;aAClB;SACJ;KACJ;CACJ,CAAC,CAAC;AAQH,MAAM,OAAO,GAAG,UAA+C,CAAC;AAIvD,0BAAO;AAFhB,OAAO,CAAC,SAAS,GAAG,mCAAgB,CAAC"}
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/layout/section/Section.tsx"],"names":[],"mappings":";;;AAAA,0CAAiD;AACjD,4DAAyD;AAEzD,yDAAsD;AAEtD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC7B,UAAU,EAAE,aAAa;IAEzB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBAEF,EAAE,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;aAClB;SACJ;QACD,UAAU,EAAE;YACR,IAAI,EAAE;gBAEF,EAAE,EAAE,IAAA,eAAO,EAAC,EAAE,CAAC;aAClB;SACJ;KACJ;CACJ,CAAC,CAAC;AAQH,MAAM,OAAO,GAAG,IAAA,yBAAW,EAAC,UAAU,EAAE;IACpC,SAAS,EAAE,mCAAgB;CAC9B,CAAC,CAAC;AAEM,0BAAO"}

package/dist/components/native/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAoB,CAAC;AAE9B,OAAO,EAAE,GAAG,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAEP,CAAC;AAEH,OAAO,EAAE,GAAG,EAAE,CAAC"}

package/dist/components/native/index.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Div = void 0;
 const theme_1 = require("../../theme");
-const Div = (0, theme_1.styled)("div", {});
+const Div = (0, theme_1.styled)("div", {
+    "--DivDummyVar": "0",
+});
 exports.Div = Div;
 //# sourceMappingURL=index.js.map

package/dist/components/native/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAErB,kBAAG"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/native/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAErC,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IACtB,eAAe,EAAE,GAAG;CACvB,CAAC,CAAC;AAEM,kBAAG"}

package/dist/components/ui/action/Action.js.map

@@ -1 +1 @@
-{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,uCAAmC;AAKnC,2CAAwC;AAExC,mDAAsE;AAiEtE,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,wBAAmC,CAAQ,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,YAAI,EAClB,UAA+C,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACP,CAAC;IAC7E,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpC,IAAI,QAAQ,GAAc,IAAI,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,QAAQ,GAAG,8BAAC,WAAI,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;IAC5C,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,2CAAM,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,MAAM,OAAO,GAAG,CACZ;QACI,8BAAC,4BAAY;YAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,8BAAC,qBAAK,QAAE,KAAK,CAAC,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YAAE,QAAQ,CAAgB;QACzF,SAAS,CACX,CACN,CAAC;IAEF,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAChB,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACH,8BAAC,KAAK,CAAC,IAAI,kBAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAM,SAAS;YACrC,8BAAC,sBAAM,kBAAC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,QAAQ,GAAG,OAAO,CAAU,CAC3D,CAChB,CAAC;IACN,CAAC;IAED,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QAClB,OAAO,8BAAC,sBAAM,kBAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,SAAS,EAAM,QAAQ,GAAG,OAAO,CAAU,CAAC;IACjH,CAAC;IAED,OAAO,CACH,8BAAC,sBAAM,kBAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,QAAQ,IAAE,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,KACjG,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Action.js","sourceRoot":"","sources":["../../../../src/components/ui/action/Action.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,uCAAmC;AAKnC,2CAAwC;AAExC,mDAAsE;AAiEtE,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAoB,KAAK,EAApB,UAAU,UAAK,KAAK,EAA3C,wBAAmC,CAAQ,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,YAAI,EAClB,UAAqC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CACG,CAAC;IAC7E,MAAM,QAAQ,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpC,IAAI,QAAQ,GAAc,IAAI,CAAC;IAC/B,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC3B,QAAQ,GAAG,8BAAC,WAAI,IAAC,IAAI,EAAE,IAAY,GAAI,CAAC;IAC5C,CAAC;IAED,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,2CAAM,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEpD,MAAM,OAAO,GAAG,CACZ;QACI,8BAAC,4BAAY;YAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,8BAAC,qBAAK,QAAE,KAAK,CAAC,KAAK,CAAS,CAAC,CAAC,CAAC,IAAI;YAAE,QAAQ,CAAgB;QACzF,SAAS,CACX,CACN,CAAC;IAEF,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;QAChB,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,EAAE,CAAC;YACrB,MAAM,IAAI,SAAS,CAAC,0CAA0C,CAAC,CAAC;QACpE,CAAC;QAED,OAAO,CACH,8BAAC,KAAK,CAAC,IAAI,kBAAC,IAAI,EAAE,KAAK,CAAC,EAAE,IAAM,SAAS;YACrC,8BAAC,sBAAM,kBAAC,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,QAAQ,GAAG,OAAO,CAAU,CAC3D,CAChB,CAAC;IACN,CAAC;IAED,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;QAClB,OAAO,8BAAC,sBAAM,kBAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,SAAS,EAAM,QAAQ,GAAG,OAAO,CAAU,CAAC;IACjH,CAAC;IAED,OAAO,CACH,8BAAC,sBAAM,kBAAC,OAAO,EAAE,KAAK,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAM,QAAQ,IAAE,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,QAAQ,KACjG,OAAO,CACH,CACZ,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/ui/action/EqualActions.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
-interface Props {
+type EqualActionsProps = {
     className?: string;
     mode?: "horizontal" | "vertical";
     children: React.ReactNode;
-}
-declare const EqualActions: React.FC<Props>;
+};
+declare const EqualActions: React.ForwardRefExoticComponent<EqualActionsProps & React.RefAttributes<HTMLDivElement>>;
 export { EqualActions };
+export type { EqualActionsProps };
 //# sourceMappingURL=EqualActions.d.ts.map

package/dist/components/ui/action/EqualActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EqualActions.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmBjC,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"EqualActions.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,KAAK,iBAAiB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAEF,QAAA,MAAM,YAAY,0FAuBhB,CAAC;AAKH,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/ui/action/EqualActions.js

@@ -1,14 +1,43 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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.EqualActions = void 0;
-const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
+const react_1 = __importStar(require("react"));
 const Action_1 = require("./Action");
-const EqualActions_module_scss_1 = __importDefault(require("./EqualActions.module.scss"));
-const EqualActions = (props) => {
+const EqualActions_styled_1 = require("./EqualActions.styled");
+const EqualActions = (0, react_1.forwardRef)((props, ref) => {
     react_1.default.Children.forEach(props.children, (child) => {
         if (!child || typeof child !== "object" || !("type" in child) || child.type !== Action_1.Action) {
             throw new TypeError("Every child of EqualActions must be an Action component");
@@ -17,8 +46,10 @@ const EqualActions = (props) => {
     const style = {
         "--actions-count": react_1.default.Children.count(props.children),
     };
-    const cls = (0, classnames_1.default)(EqualActions_module_scss_1.default.actions, props.className, { [EqualActions_module_scss_1.default.vertical]: props.mode === "vertical" });
-    return (react_1.default.createElement("div", { className: cls, style: style }, props.children));
-};
+    const isVertical = props.mode === "vertical";
+    return (react_1.default.createElement(EqualActions_styled_1.StyledEqualActions, { className: props.className, vertical: isVertical, css: style, ref: ref }, props.children));
+});
 exports.EqualActions = EqualActions;
+EqualActions.displayName = "EqualActions";
+EqualActions.toString = () => EqualActions_styled_1.StyledEqualActions.toString();
 //# sourceMappingURL=EqualActions.js.map

package/dist/components/ui/action/EqualActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EqualActions.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAEpC,qCAAkC;AAElC,0FAAgD;AAQhD,MAAM,YAAY,GAAoB,CAAC,KAAK,EAAE,EAAE;IAC5C,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAM,EAAE,CAAC;YACrF,MAAM,IAAI,SAAS,CAAC,yDAAyD,CAAC,CAAC;QACnF,CAAC;IACL,CAAC,CAAC,CAAC;IAGH,MAAM,KAAK,GAAG;QACV,iBAAiB,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;KACnC,CAAC;IAEzB,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,kCAAM,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,EAAE,EAAE,CAAC,kCAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC,CAAC;IAEpH,OAAO,CACH,uCAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,IAC5B,KAAK,CAAC,QAAQ,CACb,CACT,CAAC;AACN,CAAC,CAAC;AAEO,oCAAY"}
+{"version":3,"file":"EqualActions.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAI1C,qCAAkC;AAClC,+DAA2D;AAQ3D,MAAM,YAAY,GAAG,IAAA,kBAAU,EAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC9E,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC7C,IAAI,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,eAAM,EAAE,CAAC;YACrF,MAAM,IAAI,SAAS,CAAC,yDAAyD,CAAC,CAAC;QACnF,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAa;QACpB,iBAAiB,EAAE,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC;KAC1D,CAAC;IAEF,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,UAAU,CAAC;IAE7C,OAAO,CACH,8BAAC,wCAAkB,IACf,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,QAAQ,EAAE,UAAU,EACpB,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,GAAG,IAEP,KAAK,CAAC,QAAQ,CACE,CACxB,CAAC;AACN,CAAC,CAAC,CAAC;AAKM,oCAAY;AAHrB,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAC1C,YAAY,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,wCAAkB,CAAC,QAAQ,EAAE,CAAC"}

package/dist/components/ui/action/EqualActions.styled.d.ts

@@ -0,0 +1,87 @@
+declare const StyledEqualActions: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    vertical?: boolean | "true";
+}, {}, import("@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";
+        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("@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 { StyledEqualActions, };
+//# sourceMappingURL=EqualActions.styled.d.ts.map

package/dist/components/ui/action/EqualActions.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EqualActions.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GActB,CAAC;AAEH,OAAO,EACH,kBAAkB,GACrB,CAAC"}

package/dist/components/ui/action/EqualActions.styled.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledEqualActions = void 0;
+const theme_1 = require("../../../theme");
+const StyledEqualActions = (0, theme_1.styled)("div", {
+    "--actions-count": "1",
+    "display": "inline-grid",
+    "gridTemplateColumns": "repeat(var(--actions-count), 1fr)",
+    "gap": (0, theme_1.dimensionsPxToRem)(56),
+    "variants": {
+        vertical: {
+            true: {
+                gridTemplateColumns: "auto",
+                gridTemplateRows: "repeat(var(--actions-count), 1fr)",
+            },
+        },
+    },
+});
+exports.StyledEqualActions = StyledEqualActions;
+//# sourceMappingURL=EqualActions.styled.js.map

package/dist/components/ui/action/EqualActions.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EqualActions.styled.js","sourceRoot":"","sources":["../../../../src/components/ui/action/EqualActions.styled.ts"],"names":[],"mappings":";;;AAAA,0CAA2D;AAE3D,MAAM,kBAAkB,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IACrC,iBAAiB,EAAE,GAAG;IACtB,SAAS,EAAE,aAAa;IACxB,qBAAqB,EAAE,mCAAmC;IAC1D,KAAK,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAE5B,UAAU,EAAE;QACR,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,mBAAmB,EAAE,MAAM;gBAC3B,gBAAgB,EAAE,mCAAmC;aACxD;SACJ;KACJ;CACJ,CAAC,CAAC;AAGC,gDAAkB"}

package/dist/components/ui/directionPad/Button.d.ts

@@ -1,7 +1,9 @@
 import React from "react";
-interface Props {
+type PadButtonProps = {
     onClick?: (() => void) | undefined;
-}
-declare const PadButton: React.FC<Props>;
-export { PadButton };
+};
+declare const PadButton: React.ForwardRefExoticComponent<PadButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PadButtonDotSelector: string;
+export { PadButton, PadButtonDotSelector };
+export type { PadButtonProps };
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/ui/directionPad/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAI9B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,KAAK,cAAc,GAAG;IAClB,OAAO,CAAC,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,QAAA,MAAM,SAAS,0FAMb,CAAC;AAKH,QAAA,MAAM,oBAAoB,QAAuB,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAAC;AAC3C,YAAY,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/directionPad/Button.js

@@ -1,14 +1,48 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+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.PadButton = void 0;
-const react_1 = __importDefault(require("react"));
-const Pad_module_scss_1 = __importDefault(require("./Pad.module.scss"));
-const PadButton = (props) => {
-    return (react_1.default.createElement("button", Object.assign({}, props, { className: Pad_module_scss_1.default.pad__button }),
-        react_1.default.createElement("span", { className: Pad_module_scss_1.default.pad__dot })));
-};
+exports.PadButtonDotSelector = exports.PadButton = void 0;
+const react_1 = __importStar(require("react"));
+const Button_styled_1 = require("./Button.styled");
+const PadButton = (0, react_1.forwardRef)((props, ref) => {
+    return (react_1.default.createElement(Button_styled_1.StyledButton, Object.assign({}, props, { ref: ref }),
+        react_1.default.createElement(Button_styled_1.StyledDot, null)));
+});
 exports.PadButton = PadButton;
+PadButton.displayName = "PadButton";
+PadButton.toString = () => Button_styled_1.StyledButton.toString();
+const PadButtonDotSelector = Button_styled_1.StyledDot.toString();
+exports.PadButtonDotSelector = PadButtonDotSelector;
 //# sourceMappingURL=Button.js.map

package/dist/components/ui/directionPad/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wEAAuC;AAMvC,MAAM,SAAS,GAAoB,CAAC,KAAK,EAAE,EAAE;IACzC,OAAO,CACH,0DAAY,KAAK,IAAE,SAAS,EAAE,yBAAM,CAAC,WAAW;QAAE,wCAAM,SAAS,EAAE,yBAAM,CAAC,QAAQ,GAAI,CAAS,CAClG,CAAC;AACN,CAAC,CAAC;AAEO,8BAAS"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAE1C,mDAA0D;AAM1D,MAAM,SAAS,GAAG,IAAA,kBAAU,EAAoC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC3E,OAAO,CACH,8BAAC,4BAAY,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG;QAC7B,8BAAC,yBAAS,OAAG,CACF,CAClB,CAAC;AACN,CAAC,CAAC,CAAC;AAOM,8BAAS;AALlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AACpC,SAAS,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,4BAAY,CAAC,QAAQ,EAAE,CAAC;AAEnD,MAAM,oBAAoB,GAAG,yBAAS,CAAC,QAAQ,EAAE,CAAC;AAE9B,oDAAoB"}

package/dist/components/ui/directionPad/Button.styled.d.ts

@@ -0,0 +1,168 @@
+declare const StyledButton: import("@stitches/react/types/styled-component").StyledComponent<"button", {}, {}, import("@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";
+        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("@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 StyledDot: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("@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";
+        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("@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 { StyledButton, StyledDot, };
+//# sourceMappingURL=Button.styled.d.ts.map

package/dist/components/ui/directionPad/Button.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/directionPad/Button.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAQhB,CAAC;AAEH,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAOb,CAAC;AAEH,OAAO,EACH,YAAY,EACZ,SAAS,GACZ,CAAC"}