react-miui 0.32.1 → 0.32.3

package/dist/components/layout/list/Item.d.ts

@@ -1,12 +1,11 @@
 import React from "react";
-import { Value } from "./Value";
 import { Label } from "./Label";
-import { StyledItem } from "./Item.styled";
+import { Value } from "./Value";
 interface LinkProps {
     href: string;
     children: React.ReactNode;
 }
-type Ratio = `${number}` | ``;
+type Ratio = `${number}` | "";
 type SlashSeparatedNumbers = Ratio | `${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}` | `${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}/${Ratio}`;
 interface Props {
     href?: string;
@@ -19,9 +18,276 @@ interface SubComponents {
     Label: typeof Label;
     Value: typeof Value;
 }
-declare const ItemInnerContainerClassName: string;
-type StyledItemProps = React.ComponentProps<typeof StyledItem>;
-declare const Item: React.FC<StyledItemProps & Props> & SubComponents;
-export { Item, ItemInnerContainerClassName };
+declare const ListItemInnerContainerClassNameSelector: string;
+declare const Item: React.ForwardRefExoticComponent<Omit<Omit<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLIElement> | null | undefined;
+}, "inset" | "css" | "selected"> & import("@stitches/react/types/styled-component").TransformProps<{
+    inset?: boolean | "true";
+    selected?: boolean | "true";
+}, {}> & {
+    css?: 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";
+            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("@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;
+        };
+    }>;
+} & Props, "ref"> & React.RefAttributes<HTMLLIElement>> & {
+    Label: React.FC<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {}> & {
+        css?: 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";
+                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("@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;
+            };
+        }>;
+    } & {
+        sub?: React.ReactNode;
+    }>;
+    Value: 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";
+            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("@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 { Item, ListItemInnerContainerClassNameSelector };
 export type { Props as ItemProps, SubComponents as ItemSubComponents, };
 //# sourceMappingURL=Item.d.ts.map

package/dist/components/layout/list/Item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAoC,UAAU,EAAgB,MAAM,eAAe,CAAC;AAE3F,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GACpB,KAAK,GACL,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAElG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,2BAA2B,QAAkC,CAAC;AACpE,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAwB/D,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,GAAG,KAAK,CAAC,GAAG,aAqD/C,CAAC;AAKF,OAAO,EAAE,IAAI,EAAE,2BAA2B,EAAE,CAAC;AAE7C,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,KAAK,GAAG,GAAG,MAAM,EAAE,GAAG,EAAE,CAAC;AAE9B,KAAK,qBAAqB,GAClB,KAAK,GACH,GAAG,KAAK,IAAI,KAAK,EAAE,GACnB,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC5B,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACrC,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAC9C,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACvD,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAChE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GACzE,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,GAClF,GAAG,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,IAAI,KAAK,EAAE,CAAC;AAEtG,UAAU,KAAK;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAC7D,KAAK,CAAC,EAAE,qBAAqB,CAAC;CACjC;AAED,UAAU,aAAa;IACnB,KAAK,EAAE,OAAO,KAAK,CAAC;IACpB,KAAK,EAAE,OAAO,KAAK,CAAC;CACvB;AAKD,QAAA,MAAM,uCAAuC,QAAkC,CAAC;AAoFhF,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGR,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,uCAAuC,EAAE,CAAC;AAEzD,YAAY,EACR,KAAK,IAAI,SAAS,EAClB,aAAa,IAAI,iBAAiB,GACrC,CAAC"}

package/dist/components/layout/list/Item.js

@@ -1,4 +1,37 @@
 "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;
+    };
+})();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -10,21 +43,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemInnerContainerClassName = exports.Item = void 0;
-const react_1 = __importDefault(require("react"));
+exports.ListItemInnerContainerClassNameSelector = exports.Item = void 0;
+const react_1 = __importStar(require("react"));
+const fnWithProps_1 = require("../../../types/fnWithProps");
 const Icon_1 = require("../../icons/Icon");
-const Value_1 = require("./Value");
-const Label_1 = require("./Label");
 const Item_styled_1 = require("./Item.styled");
+const Label_1 = require("./Label");
+const Value_1 = require("./Value");
 const icon = react_1.default.createElement(Item_styled_1.StyledIcon, { name: Icon_1.ICON.forward });
 const noIcon = react_1.default.createElement(Item_styled_1.StyledNoIcon, null);
-const ItemInnerContainerClassName = Item_styled_1.StyledInnerContainer.toString();
-exports.ItemInnerContainerClassName = ItemInnerContainerClassName;
-const Item = (_a) => {
+const ListItemInnerContainerClassNameSelector = Item_styled_1.StyledInnerContainer.toString();
+exports.ListItemInnerContainerClassNameSelector = ListItemInnerContainerClassNameSelector;
+const ItemBase = (0, react_1.forwardRef)((_a, ref) => {
     var _b;
     var { href, to, onClick, Link, ratio } = _a, props = __rest(_a, ["href", "to", "onClick", "Link", "ratio"]);
     const r = ratio ? ratio.split("/") : [];
@@ -51,30 +82,34 @@ const Item = (_a) => {
         if (!Link) {
             throw new TypeError("`to` prop given without `Link` component");
         }
-        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props),
+        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props, { ref: ref }),
             react_1.default.createElement(Link, { href: to },
                 react_1.default.createElement(Item_styled_1.StyledInnerContainer, { as: "a", href: to },
                     pre,
                     ren))));
     }
     if (href) {
-        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props),
+        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props, { ref: ref }),
             react_1.default.createElement(Item_styled_1.StyledInnerContainer, { as: "a", href: href, onClick: onClick },
                 pre,
                 ren)));
     }
     if (onClick) {
-        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props),
+        return (react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props, { ref: ref }),
             react_1.default.createElement(Item_styled_1.StyledInnerContainer, { as: "button", onClick: onClick },
                 pre,
                 ren)));
     }
-    return react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props),
+    return react_1.default.createElement(Item_styled_1.StyledItem, Object.assign({}, props, { ref: ref }),
         react_1.default.createElement(Item_styled_1.StyledInnerContainer, null,
             pre,
             ren));
-};
+});
+ItemBase.displayName = "List.Item";
+const Item = (0, fnWithProps_1.fnWithProps)(ItemBase, {
+    Label: Label_1.Label,
+    Value: Value_1.Value,
+});
 exports.Item = Item;
-Item.Label = Label_1.Label;
-Item.Value = Value_1.Value;
+Item.toString = () => Item_styled_1.StyledItem.toString();
 //# sourceMappingURL=Item.js.map

package/dist/components/layout/list/Item.js.map

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

package/dist/components/layout/list/Item.styled.d.ts

@@ -171,7 +171,7 @@ declare const StyledItem: import("@stitches/react/types/styled-component").Style
         height: string | number;
     };
 }>>;
-declare const StyledIcon: import("@stitches/react/types/styled-component").StyledComponent<import("react").FC<import("../../icons/Icon").IconProps>, {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledIcon: import("@stitches/react/types/styled-component").StyledComponent<import("react").ForwardRefExoticComponent<import("../../icons/Icon").IconProps & import("react").RefAttributes<SVGSVGElement>>, {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";

package/dist/components/layout/list/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGf,CAAC;AAEH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAMjE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAO3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYvC,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGf,CAAC;AAEH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAMjE,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,GAAG;IAAE,GAAG,CAAC,EAAE,SAAS,CAAA;CAAE,CAO3D,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/layout/list/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAG1B,0CAAwE;AAExE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE3B,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM;IAEb,SAAS,EAAE,IAAA,mBAAW,EAAC,EAAE,GAAG,CAAC,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE9B,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI;CACxC,CAAC,CAAC;AAQH,MAAM,KAAK,GAAqD,CAAC,EAAiB,EAAE,EAAE;QAArB,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IAC5E,OAAO,CACH,8BAAC,WAAW,oBAAK,KAAK;QAClB,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,IAAI,IAAI,IAAI,8BAAC,QAAQ,QAAE,GAAG,CAAY,CAChC,CACjB,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../../src/components/layout/list/Label.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,0CAAwE;AAExE,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE3B,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;IACzB,KAAK,EAAE,MAAM;IAEb,SAAS,EAAE,IAAA,mBAAW,EAAC,EAAE,GAAG,CAAC,CAAC;CACjC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAE9B,OAAO,EAAE,GAAG,IAAA,yBAAiB,EAAC,EAAE,CAAC,IAAI;CACxC,CAAC,CAAC;AAQH,MAAM,KAAK,GAAqD,CAAC,EAAiB,EAAE,EAAE;QAArB,EAAE,GAAG,OAAY,EAAP,KAAK,cAAf,OAAiB,CAAF;IAC5E,OAAO,CACH,8BAAC,WAAW,oBAAK,KAAK;QAClB,2CAAM,KAAK,CAAC,QAAQ,CAAO;QAC1B,GAAG,IAAI,IAAI,IAAI,8BAAC,QAAQ,QAAE,GAAG,CAAY,CAChC,CACjB,CAAC;AACN,CAAC,CAAC;AAEO,sBAAK"}