@dreamtree-org/twreact-ui 1.0.60 → 1.0.61

package/dist/index.js

@@ -10376,7 +10376,7 @@ function Switch(props) {
     topLabel = props.topLabel,
     bottomLabel = props.bottomLabel,
     rightLabel = props.rightLabel,
-    leftLable = props.leftLable,
+    leftLabel = props.leftLabel,
     ariaLabel = props.ariaLabel;
   var isControlled = typeof checked === "boolean";
   var _useState = React.useState(defaultChecked),
@@ -10426,7 +10426,7 @@ function Switch(props) {
   var fallbackOnClass = isOn && !bgColor ? "bg-sky-500" : "";
 
   // Accessible label fallback: prefer ariaLabel, otherwise first provided visible label, otherwise "Toggle"
-  var accessibleLabel = ariaLabel || rightLabel || leftLable || topLabel || bottomLabel || "Toggle";
+  var accessibleLabel = ariaLabel || rightLabel || leftLabel || topLabel || bottomLabel || "Toggle";
 
   // Container layout: column if top or bottom labels exist, otherwise row
   var containerIsColumn = Boolean(topLabel || bottomLabel);
@@ -10439,10 +10439,10 @@ function Switch(props) {
     className: labelOpacityClass
   }, topLabel) : null, /*#__PURE__*/React.createElement("div", {
     className: "inline-flex items-center gap-2"
-  }, leftLable ? /*#__PURE__*/React.createElement("label", {
+  }, leftLabel ? /*#__PURE__*/React.createElement("label", {
     htmlFor: idRef.current,
     className: labelOpacityClass
-  }, leftLable) : null, /*#__PURE__*/React.createElement("button", {
+  }, leftLabel) : null, /*#__PURE__*/React.createElement("button", {
     id: idRef.current,
     type: "button",
     role: "switch",
@@ -10542,13 +10542,13 @@ var Form = function Form(_ref) {
       placeholder = field.placeholder,
       fieldProps = _objectWithoutProperties$1(field, _excluded2$3);
     var error = (_errors$name = errors[name]) === null || _errors$name === void 0 ? void 0 : _errors$name.message;
-    var commonProps = _objectSpread$8({
+    var commonProps = _objectSpread$8(_objectSpread$8({
       name: name,
       label: label,
       required: required,
       error: error,
       placeholder: placeholder
-    }, fieldProps);
+    }, fieldProps), field.options);
     switch (type) {
       case "text":
       case "email":
@@ -10804,13 +10804,13 @@ var Form = function Form(_ref) {
               onChange = _ref9$field.onChange,
               value = _ref9$field.value,
               ref = _ref9$field.ref;
-            return /*#__PURE__*/React.createElement(Switch, {
+            return /*#__PURE__*/React.createElement(Switch, _extends({
               checked: !!value,
               onChange: onChange,
               ref: ref,
               label: label,
               disabled: fieldProps.disabled
-            });
+            }, commonProps));
           }
         });
       case "custom":