@jsenv/navi 0.18.23 → 0.18.24

package/dist/jsenv_navi.js

@@ -6485,7 +6485,6 @@ const PSEUDO_CLASSES_DEFAULT = [];
 const PSEUDO_ELEMENTS_DEFAULT = [];
 const STYLE_CSS_VARS_DEFAULT = {};
 const PROPS_CSS_VARS_DEFAULT = {};
-const CHILD_PROP_SET_DEFAULT = new Set();
 const Box = props => {
   const {
     as = "div",
@@ -6512,7 +6511,8 @@ const Box = props => {
     // -> introduced for <Input /> with a wrapped for loading, checkboxes, etc
     pseudoStateSelector,
     hasChildFunction,
-    childPropSet = CHILD_PROP_SET_DEFAULT,
+    baseChildPropSet,
+    childPropSet,
     // preventInitialTransition can be used to prevent transition on mount
     // (when transition is set via props, this is done automatically)
     // so this prop is useful only when transition is enabled from "outside" (via CSS)
@@ -6767,7 +6767,7 @@ const Box = props => {
     }
     for (const propName of remainingPropKeySet) {
       const propValue = rest[propName];
-      if (childPropSet.has(propName)) {
+      if (baseChildPropSet?.has(propName) || childPropSet?.has(propName)) {
         childForwardedProps[propName] = propValue;
         continue;
       }
@@ -22279,6 +22279,11 @@ const normalizeColorString = (color, el) => {
   return String(colorRgba);
 };
 
+const fieldPropSet = new Set([
+  ...CONSTRAINT_ATTRIBUTE_SET,
+  "data-testid",
+]);
+
 installImportMetaCss(import.meta);import.meta.css = /* css */`
   @layer navi {
     label {
@@ -22736,6 +22741,7 @@ const CheckboxButtonStyleCSSVars = {
 };
 const CheckboxPseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":checked", ":-navi-loading"];
 const CheckboxPseudoElements = ["::-navi-loader", "::-navi-checkmark"];
+const CheckboxChildPropSet = new Set([...fieldPropSet]);
 const InputCheckboxBasic = props => {
   const contextFieldName = useContext(FieldNameContext);
   const contextReadOnly = useContext(ReadOnlyContext);
@@ -22838,6 +22844,7 @@ const InputCheckboxBasic = props => {
     },
     accentColor: accentColor,
     hasChildFunction: true,
+    baseChildPropSet: CheckboxChildPropSet,
     preventInitialTransition: true,
     children: [jsx(LoaderBackground, {
       loading: innerLoading,
@@ -23457,6 +23464,7 @@ const RadioButtonStyleCSSVars = {
 };
 const RadioPseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":checked", ":-navi-loading"];
 const RadioPseudoElements = ["::-navi-loader", "::-navi-radiomark"];
+const RadioChildPropSet = new Set([...fieldPropSet]);
 const InputRadioBasic = props => {
   const contextName = useContext(FieldNameContext);
   const contextReadOnly = useContext(ReadOnlyContext);
@@ -23585,6 +23593,7 @@ const InputRadioBasic = props => {
     },
     color: color,
     hasChildFunction: true,
+    baseChildPropSet: RadioChildPropSet,
     children: [jsx(LoaderBackground, {
       loading: innerLoading,
       inset: -1,
@@ -23847,7 +23856,7 @@ const InputRange = props => {
     })
   });
 };
-const InputStyleCSSVars$1 = {
+const RangeStyleCSSVars = {
   "outlineWidth": "--outline-width",
   "borderRadius": "--border-radius",
   "borderColor": "--border-color",
@@ -23878,8 +23887,9 @@ const InputStyleCSSVars$1 = {
     thumbColor: "--thumb-color-disabled"
   }
 };
-const InputPseudoClasses$1 = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":-navi-loading"];
-const InputPseudoElements$1 = ["::-navi-loader"];
+const RangePseudoClasses = [":hover", ":active", ":focus", ":focus-visible", ":read-only", ":disabled", ":-navi-loading"];
+const RangePseudoElements = ["::-navi-loader"];
+const RangeChildPropSet = new Set([...fieldPropSet]);
 const InputRangeBasic = props => {
   const contextReadOnly = useContext(ReadOnlyContext);
   const contextDisabled = useContext(DisabledContext);
@@ -23990,7 +24000,7 @@ const InputRangeBasic = props => {
     as: "span",
     box: true,
     baseClassName: "navi_input_range",
-    styleCSSVars: InputStyleCSSVars$1,
+    styleCSSVars: RangeStyleCSSVars,
     pseudoStateSelector: ".navi_native_input",
     visualSelector: ".navi_native_input",
     basePseudoState: {
@@ -23998,9 +24008,10 @@ const InputRangeBasic = props => {
       ":disabled": innerDisabled,
       ":-navi-loading": innerLoading
     },
-    pseudoClasses: InputPseudoClasses$1,
-    pseudoElements: InputPseudoElements$1,
+    pseudoClasses: RangePseudoClasses,
+    pseudoElements: RangePseudoElements,
     hasChildFunction: true,
+    baseChildPropSet: RangeChildPropSet,
     ...remainingProps,
     ref: undefined,
     children: [jsx(LoaderBackground, {
@@ -24380,7 +24391,7 @@ Object.assign(PSEUDO_CLASSES, {
   }
 });
 const InputPseudoElements = ["::-navi-loader"];
-const InputPropSet = new Set([...CONSTRAINT_ATTRIBUTE_SET]);
+const InputChildPropSet = new Set([...fieldPropSet]);
 const InputTextualBasic = props => {
   const contextReadOnly = useContext(ReadOnlyContext);
   const contextDisabled = useContext(DisabledContext);
@@ -24483,7 +24494,7 @@ const InputTextualBasic = props => {
     pseudoClasses: InputPseudoClasses,
     pseudoElements: InputPseudoElements,
     hasChildFunction: true,
-    childPropSet: InputPropSet,
+    baseChildPropSet: InputChildPropSet,
     "data-start-icon": innerIcon ? "" : undefined,
     "data-end-icon": cancelButton ? "" : undefined,
     ...remainingProps,