@dxos/react-ui 0.3.7-main.8c7953e → 0.3.7-main.8f93ef7

package/dist/lib/browser/index.mjs

@@ -919,7 +919,8 @@ var Checkbox = /* @__PURE__ */ forwardRef10(({ __inputScope, checked: propsCheck
     })
   })));
 });
-var Switch = /* @__PURE__ */ forwardRef10(({ __inputScope, checked: propsChecked, defaultChecked: propsDefaultChecked, onCheckedChange: propsOnCheckedChange, size, classNames, ...props }, forwardedRef) => {
+var Switch = /* @__PURE__ */ forwardRef10(({ __inputScope, checked: propsChecked, defaultChecked: propsDefaultChecked, onCheckedChange: propsOnCheckedChange, size = 5, classNames, ...props }, forwardedRef) => {
+  const { tx } = useThemeContext();
   const [checked, onCheckedChange] = useControllableState({
     prop: propsChecked,
     defaultProp: propsDefaultChecked,
@@ -936,11 +937,14 @@ var Switch = /* @__PURE__ */ forwardRef10(({ __inputScope, checked: propsChecked
       "aria-invalid": "true",
       "aria-errormessage": errorMessageId
     },
-    // className: tx('input.checkbox', 'input--checkbox', { size }, 'shrink-0', classNames),
-    className: "w-[56px] h-[32px] bg-transparent rounded-full px-[4px] border-2 border-neutral-500 relative data-[state=checked]:border-primary-500 data-[state=checked]:bg-primary-500 outline-none cursor-default",
+    className: tx("input.switch", "input--switch", {
+      size
+    }, classNames),
     ref: forwardedRef
   }, /* @__PURE__ */ React13.createElement(SwitchThumbPrimitive, {
-    className: "block w-[22px] h-[22px] bg-neutral-500 rounded-full border-neutral-100 transition-transform duration-100 will-change-transform data-[state=checked]:translate-x-[22px] data-[state=checked]:bg-white"
+    className: tx("input.switchThumb", "input--switch__thumb", {
+      size
+    })
   }));
 });
 var Input = {