@basic-ui/material 0.1.6 → 0.1.7

package/build/cjs/index.js

@@ -2481,6 +2481,7 @@ const TextField = /*#__PURE__*/react$1.forwardRef(function TextField(props, forw
 const List = /*#__PURE__*/react$1.forwardRef(function List(props, forwardedRef) {
   const {
     as = 'div',
+    innerAs,
     elevation = 0,
     py = 2,
     px = 0,
@@ -2488,10 +2489,10 @@ const List = /*#__PURE__*/react$1.forwardRef(function List(props, forwardedRef)
     variant = 'square',
     __css = {}
   } = props,
-        otherProps = _objectWithoutPropertiesLoose__default['default'](props, ["as", "elevation", "py", "px", "outlined", "variant", "__css"]);
+        otherProps = _objectWithoutPropertiesLoose__default['default'](props, ["as", "innerAs", "elevation", "py", "px", "outlined", "variant", "__css"]);
 
   return /*#__PURE__*/jsxRuntime.jsx(Paper, _extends__default['default']({
-    as: as,
+    as: innerAs || as,
     ref: forwardedRef,
     py: py,
     px: px,
@@ -2515,6 +2516,7 @@ const useListItemContext = () => react$1.useContext(listitemContext);
 const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwardedRef) {
   const {
     as = 'div',
+    innerAs,
     children,
     selected: selectedProp = false,
     'aria-selected': ariaSelectedProp = false,
@@ -2523,7 +2525,7 @@ const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwar
     rippleColor,
     __css
   } = props,
-        otherProps = _objectWithoutPropertiesLoose__default['default'](props, ["as", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"]);
+        otherProps = _objectWithoutPropertiesLoose__default['default'](props, ["as", "innerAs", "children", "selected", "aria-selected", "disabled", "color", "rippleColor", "__css"]);
 
   const selected = ariaSelectedProp || selectedProp;
   const color = colorProp ? colorProp : selected ? 'primary' : 'on.surface';
@@ -2535,7 +2537,7 @@ const ListItem = /*#__PURE__*/react$1.forwardRef(function ListItem(props, forwar
     },
     children: /*#__PURE__*/jsxRuntime.jsx(RippleBox, _extends__default['default']({
       ref: forwardedRef,
-      as: as,
+      as: innerAs || as,
       theme: theme,
       display: "flex",
       "data-disabled": disabled ? '' : undefined,
@@ -3811,7 +3813,7 @@ const makeDefaultRender = children => val => {
     }
   }
 
-  return val || '';
+  return val || undefined;
 };
 
 const componentMap = {
@@ -3873,8 +3875,8 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
   const id = idProp || fallbackId;
   const inputId = `${id}-text-field`;
   const helperTextId = helperText ? `${id}-helper-text` : undefined;
-  const labelIsFloating = hasFocus || open || typeof value === 'string' && value.length > 0;
   const renderValue = renderValueProp || makeDefaultRender(children);
+  const labelIsFloating = hasFocus || open || renderValue(value) !== undefined;
   const Comp = native ? Select$1 : SelectButton;
   react$1.useEffect(() => {
     // right after mounting, if the default value in the select element
@@ -3963,6 +3965,7 @@ const Select = /*#__PURE__*/react$1.forwardRef(function Select(props, forwardedR
   });
 });
 
+const ZERO_WIDTH_SPACE = '\u200b';
 const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, forwardedRef) {
   const {
     as: Comp = MenuItem,
@@ -3978,7 +3981,7 @@ const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, fo
     onSelect,
     value: selectedValue
   } = useSelectContext();
-  const value = valueProp !== undefined ? String(valueProp) : children;
+  const value = valueProp !== undefined && valueProp !== null ? String(valueProp) : children;
 
   if (native) {
     return /*#__PURE__*/jsxRuntime.jsx("option", _extends__default['default']({
@@ -3990,7 +3993,7 @@ const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, fo
     }));
   }
 
-  if (!children && disabled) {
+  if (children === undefined && disabled) {
     return null;
   }
 
@@ -4004,7 +4007,7 @@ const SelectItem = /*#__PURE__*/react$1.forwardRef(function SelectItem(props, fo
     role: "option",
     selected: selected
   }, otherProps, {
-    children: children
+    children: children || ZERO_WIDTH_SPACE
   }));
 });