@kaio-xyz/design-system 1.1.63 → 1.1.65

package/dist/index.cjs.js

@@ -326,9 +326,9 @@ var SvgArrowUpRight = function SvgArrowUpRight(props) {
 var style$v = {"root":"stack-module__root__AqSLk"};
 
 var Stack = function (_a) {
-    var children = _a.children, _b = _a.space, space = _b === void 0 ? "s" : _b, className = _a.className, _c = _a.position, position = _c === void 0 ? "vertical" : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, dataTest = _a.dataTest, dataAlignItems = _a.dataAlignItems, dataCapitalize = _a.dataCapitalize, dataMarginTop = _a.dataMarginTop, dataMarginBottom = _a.dataMarginBottom, dataMarginLeft = _a.dataMarginLeft, dataPaddingBottom = _a.dataPaddingBottom, as = _a.as, rest = __rest(_a, ["children", "space", "className", "position", "fullHeight", "fullWidth", "dataTest", "dataAlignItems", "dataCapitalize", "dataMarginTop", "dataMarginBottom", "dataMarginLeft", "dataPaddingBottom", "as"]);
+    var children = _a.children, _b = _a.space, space = _b === void 0 ? "s" : _b, className = _a.className, _c = _a.position, position = _c === void 0 ? "vertical" : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, dataTest = _a.dataTest, dataAlignItems = _a.dataAlignItems, dataCapitalize = _a.dataCapitalize, dataMarginTop = _a.dataMarginTop, dataMarginBottom = _a.dataMarginBottom, dataMarginLeft = _a.dataMarginLeft, dataPaddingBottom = _a.dataPaddingBottom, _f = _a.wrap, wrap = _f === void 0 ? false : _f, as = _a.as, rest = __rest(_a, ["children", "space", "className", "position", "fullHeight", "fullWidth", "dataTest", "dataAlignItems", "dataCapitalize", "dataMarginTop", "dataMarginBottom", "dataMarginLeft", "dataPaddingBottom", "wrap", "as"]);
     var Tag = as || "div";
-    return (jsxRuntime.jsx(Tag, __assign({ className: clsx(style$v.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom }, rest, { children: children })));
+    return (jsxRuntime.jsx(Tag, __assign({ className: clsx(style$v.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom, "data-wrap": wrap }, rest, { children: children })));
 };
 
 var baseStyle = {"root":"badge-base-module__root__oUZlm"};
@@ -397,6 +397,12 @@ var TextField = React.forwardRef(function (_a, ref) {
     var _h = React.useState(function () { return Boolean(value || defaultValue); }), hasValue = _h[0], setHasValue = _h[1];
     var internalRef = React.useRef(null);
     var inputRef = ref || internalRef;
+    React.useEffect(function () {
+        var input = inputRef.current;
+        if (input && input.value) {
+            setHasValue(true);
+        }
+    }, []);
     React.useEffect(function () {
         if (value !== undefined)
             setHasValue(value !== '');
@@ -602,7 +608,7 @@ var style$e = {"root":"list-item-module__root__-fOHc","label":"list-item-module_
 
 var ListItem = function (_a) {
     var value = _a.value, label = _a.label, key = _a.key;
-    return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, { space: "m", className: style$e.root, children: [jsxRuntime.jsx("span", { className: style$e.label, children: label }), jsxRuntime.jsx("span", { className: style$e.value, children: value })] }) }, key));
+    return (jsxRuntime.jsx("li", { children: jsxRuntime.jsxs(Stack, { space: "m", className: style$e.root, wrap: true, children: [jsxRuntime.jsx("span", { className: style$e.label, children: label }), jsxRuntime.jsx("span", { className: style$e.value, children: value })] }) }, key));
 };
 
 var AccordionRoot = function (_a) {