@asnewyla/unstyled-switch 0.2.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 XD
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,76 @@
+# @asnewyla/unstyled-switch
+
+Unstyled, accessible switch (toggle) input primitive. A real
+`<input type="checkbox">` under a `role="switch"` override — handles
+checked state, focus, and invalid-state tracking without imposing any
+visual styling — the base layer under `@asnewyla/switch`.
+
+## Install
+
+```bash
+npm install @asnewyla/unstyled-switch
+```
+
+## Usage
+
+```tsx
+import { UnstyledSwitch } from '@asnewyla/unstyled-switch';
+
+// Uncontrolled
+<UnstyledSwitch aria-label="Notifications" defaultChecked={false} />
+
+// Controlled
+<UnstyledSwitch
+  aria-label="Notifications"
+  checked={enabled}
+  onChange={(e) => setEnabled(e.target.checked)}
+/>
+
+// Invalid state
+<UnstyledSwitch aria-label="Notifications" invalid />
+```
+
+### Props
+
+| Prop | Type | Default |
+|---|---|---|
+| `checked` / `defaultChecked` | `boolean` | — |
+| `onChange` | `(event: React.ChangeEvent<HTMLInputElement>) => void` | — |
+| `disabled` | `boolean` | `false` |
+| `invalid` | `boolean` | `false` |
+
+Uncontrolled by default, same as a native `<input type="checkbox">` — pass
+`checked` + `onChange` to control it yourself. No `indeterminate` — that's
+a checkbox concept, not a switch one; a switch is always fully on or off.
+
+### Why a checkbox, not a custom widget
+
+Renders `<input type="checkbox" role="switch">` — the standard WAI-ARIA
+switch pattern, not a hand-rolled `<div role="switch">`. This gets native
+keyboard activation (Space toggles), native form participation, and
+correct browser/screen-reader behavior for free, with `role="switch"` as
+the only thing distinguishing it from `@asnewyla/unstyled-checkbox`
+visually and semantically to assistive tech ("on/off" announced instead
+of "checked/unchecked").
+
+### Accessibility
+
+State is exposed two ways, deliberately asymmetric:
+
+- `data-checked` (and `data-focused`/`data-disabled`/`data-invalid`) —
+  present only when true, omitted otherwise. The styling hook for
+  `@asnewyla/switch` (or your own styled wrapper), same `data-*`
+  convention every `@asnewyla/*` primitive uses.
+- `aria-checked` — always present as an explicit `"true"`/`"false"`
+  string, never omitted. This is what actually conveys state to
+  assistive tech once `role="switch"` overrides the input's native
+  semantics; a real browser computes this from the native `checked`
+  property on its own, but setting it explicitly here is cheap insurance
+  rather than relying on that alone.
+
+`aria-invalid`/`data-invalid` follow the same pattern as every other
+`@asnewyla/*` primitive.
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+type UnstyledSwitchProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'>;
+declare const UnstyledSwitch: react.ForwardRefExoticComponent<{
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+} & Omit<react.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "checked" | "defaultChecked" | "onChange" | "disabled" | "invalid"> & react.RefAttributes<HTMLInputElement>>;
+
+export { UnstyledSwitch, type UnstyledSwitchProps };

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+import * as react from 'react';
+
+type UnstyledSwitchProps = {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'role' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'>;
+declare const UnstyledSwitch: react.ForwardRefExoticComponent<{
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    disabled?: boolean;
+    invalid?: boolean;
+} & Omit<react.InputHTMLAttributes<HTMLInputElement>, "type" | "role" | "checked" | "defaultChecked" | "onChange" | "disabled" | "invalid"> & react.RefAttributes<HTMLInputElement>>;
+
+export { UnstyledSwitch, type UnstyledSwitchProps };

package/dist/index.js

@@ -0,0 +1,67 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/UnstyledSwitch.tsx
+function booleanToString(value) {
+  return value ? "true" : void 0;
+}
+function UnstyledSwitchInner({
+  checked,
+  defaultChecked,
+  onChange,
+  disabled,
+  invalid,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
+  const isControlled = checked !== void 0;
+  const [internalChecked, setInternalChecked] = react.useState(
+    defaultChecked ?? false
+  );
+  const isChecked = isControlled ? checked : internalChecked;
+  const [focused, setFocused] = react.useState(false);
+  const handleChange = (e) => {
+    if (!isControlled) {
+      setInternalChecked(e.target.checked);
+    }
+    onChange?.(e);
+  };
+  const handleFocus = (e) => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref,
+      ...rest,
+      type: "checkbox",
+      role: "switch",
+      checked: isChecked,
+      onChange: handleChange,
+      "data-checked": booleanToString(isChecked),
+      "aria-checked": isChecked ? "true" : "false",
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      "data-focused": booleanToString(focused),
+      disabled,
+      "data-disabled": booleanToString(disabled),
+      "data-invalid": booleanToString(invalid),
+      "aria-invalid": invalid ? "true" : void 0
+    }
+  );
+}
+var UnstyledSwitch = react.forwardRef(
+  UnstyledSwitchInner
+);
+
+exports.UnstyledSwitch = UnstyledSwitch;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UnstyledSwitch.tsx"],"names":["useState","jsx","forwardRef"],"mappings":";;;;;;AAmBA,SAAS,gBAAgB,KAAA,EAAgD;AACvE,EAAA,OAAO,QAAQ,MAAA,GAAS,MAAA;AAC1B;AAEA,SAAS,mBAAA,CACP;AAAA,EACE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIA,cAAA;AAAA,IAC5C,cAAA,IAAkB;AAAA,GACpB;AACA,EAAA,MAAM,SAAA,GAAY,eAAe,OAAA,GAAU,eAAA;AAE3C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,kBAAA,CAAmB,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,IACrC;AACA,IAAA,QAAA,GAAW,CAAC,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA0C;AAC7D,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,OAAA,GAAU,CAAC,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAA0C;AAC5D,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,MAAA,GAAS,CAAC,CAAA;AAAA,EACZ,CAAA;AAEA,EAAA,uBACEC,cAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,YAAA;AAAA,MACV,cAAA,EAAc,gBAAgB,SAAS,CAAA;AAAA,MACvC,cAAA,EAAc,YAAY,MAAA,GAAS,OAAA;AAAA,MACnC,OAAA,EAAS,WAAA;AAAA,MACT,MAAA,EAAQ,UAAA;AAAA,MACR,cAAA,EAAc,gBAAgB,OAAO,CAAA;AAAA,MACrC,QAAA;AAAA,MACA,eAAA,EAAe,gBAAgB,QAAQ,CAAA;AAAA,MACvC,cAAA,EAAc,gBAAgB,OAAO,CAAA;AAAA,MACrC,cAAA,EAAc,UAAU,MAAA,GAAS;AAAA;AAAA,GACnC;AAEJ;AAEO,IAAM,cAAA,GAAiBC,gBAAA;AAAA,EAC5B;AACF","file":"index.js","sourcesContent":["import { type ForwardedRef, forwardRef, useState } from 'react';\n\nexport type UnstyledSwitchProps = {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  invalid?: boolean;\n} & Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  | 'type'\n  | 'role'\n  | 'checked'\n  | 'defaultChecked'\n  | 'onChange'\n  | 'disabled'\n  | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n  return value ? 'true' : undefined;\n}\n\nfunction UnstyledSwitchInner(\n  {\n    checked,\n    defaultChecked,\n    onChange,\n    disabled,\n    invalid,\n    onFocus,\n    onBlur,\n    ...rest\n  }: UnstyledSwitchProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const isControlled = checked !== undefined;\n  const [internalChecked, setInternalChecked] = useState(\n    defaultChecked ?? false,\n  );\n  const isChecked = isControlled ? checked : internalChecked;\n\n  const [focused, setFocused] = useState(false);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setInternalChecked(e.target.checked);\n    }\n    onChange?.(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return (\n    <input\n      ref={ref}\n      {...rest}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={isChecked}\n      onChange={handleChange}\n      data-checked={booleanToString(isChecked)}\n      aria-checked={isChecked ? 'true' : 'false'}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      data-focused={booleanToString(focused)}\n      disabled={disabled}\n      data-disabled={booleanToString(disabled)}\n      data-invalid={booleanToString(invalid)}\n      aria-invalid={invalid ? 'true' : undefined}\n    />\n  );\n}\n\nexport const UnstyledSwitch = forwardRef<HTMLInputElement, UnstyledSwitchProps>(\n  UnstyledSwitchInner,\n);\n"]}

package/dist/index.mjs

@@ -0,0 +1,65 @@
+import { forwardRef, useState } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/components/UnstyledSwitch.tsx
+function booleanToString(value) {
+  return value ? "true" : void 0;
+}
+function UnstyledSwitchInner({
+  checked,
+  defaultChecked,
+  onChange,
+  disabled,
+  invalid,
+  onFocus,
+  onBlur,
+  ...rest
+}, ref) {
+  const isControlled = checked !== void 0;
+  const [internalChecked, setInternalChecked] = useState(
+    defaultChecked ?? false
+  );
+  const isChecked = isControlled ? checked : internalChecked;
+  const [focused, setFocused] = useState(false);
+  const handleChange = (e) => {
+    if (!isControlled) {
+      setInternalChecked(e.target.checked);
+    }
+    onChange?.(e);
+  };
+  const handleFocus = (e) => {
+    setFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = (e) => {
+    setFocused(false);
+    onBlur?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      ref,
+      ...rest,
+      type: "checkbox",
+      role: "switch",
+      checked: isChecked,
+      onChange: handleChange,
+      "data-checked": booleanToString(isChecked),
+      "aria-checked": isChecked ? "true" : "false",
+      onFocus: handleFocus,
+      onBlur: handleBlur,
+      "data-focused": booleanToString(focused),
+      disabled,
+      "data-disabled": booleanToString(disabled),
+      "data-invalid": booleanToString(invalid),
+      "aria-invalid": invalid ? "true" : void 0
+    }
+  );
+}
+var UnstyledSwitch = forwardRef(
+  UnstyledSwitchInner
+);
+
+export { UnstyledSwitch };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/UnstyledSwitch.tsx"],"names":[],"mappings":";;;;AAmBA,SAAS,gBAAgB,KAAA,EAAgD;AACvE,EAAA,OAAO,QAAQ,MAAA,GAAS,MAAA;AAC1B;AAEA,SAAS,mBAAA,CACP;AAAA,EACE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,GAAA,EACA;AACA,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAI,QAAA;AAAA,IAC5C,cAAA,IAAkB;AAAA,GACpB;AACA,EAAA,MAAM,SAAA,GAAY,eAAe,OAAA,GAAU,eAAA;AAE3C,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAE5C,EAAA,MAAM,YAAA,GAAe,CAAC,CAAA,KAA2C;AAC/D,IAAA,IAAI,CAAC,YAAA,EAAc;AACjB,MAAA,kBAAA,CAAmB,CAAA,CAAE,OAAO,OAAO,CAAA;AAAA,IACrC;AACA,IAAA,QAAA,GAAW,CAAC,CAAA;AAAA,EACd,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,CAAC,CAAA,KAA0C;AAC7D,IAAA,UAAA,CAAW,IAAI,CAAA;AACf,IAAA,OAAA,GAAU,CAAC,CAAA;AAAA,EACb,CAAA;AAEA,EAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAA0C;AAC5D,IAAA,UAAA,CAAW,KAAK,CAAA;AAChB,IAAA,MAAA,GAAS,CAAC,CAAA;AAAA,EACZ,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,UAAA;AAAA,MACL,IAAA,EAAK,QAAA;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,YAAA;AAAA,MACV,cAAA,EAAc,gBAAgB,SAAS,CAAA;AAAA,MACvC,cAAA,EAAc,YAAY,MAAA,GAAS,OAAA;AAAA,MACnC,OAAA,EAAS,WAAA;AAAA,MACT,MAAA,EAAQ,UAAA;AAAA,MACR,cAAA,EAAc,gBAAgB,OAAO,CAAA;AAAA,MACrC,QAAA;AAAA,MACA,eAAA,EAAe,gBAAgB,QAAQ,CAAA;AAAA,MACvC,cAAA,EAAc,gBAAgB,OAAO,CAAA;AAAA,MACrC,cAAA,EAAc,UAAU,MAAA,GAAS;AAAA;AAAA,GACnC;AAEJ;AAEO,IAAM,cAAA,GAAiB,UAAA;AAAA,EAC5B;AACF","file":"index.mjs","sourcesContent":["import { type ForwardedRef, forwardRef, useState } from 'react';\n\nexport type UnstyledSwitchProps = {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  disabled?: boolean;\n  invalid?: boolean;\n} & Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  | 'type'\n  | 'role'\n  | 'checked'\n  | 'defaultChecked'\n  | 'onChange'\n  | 'disabled'\n  | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n  return value ? 'true' : undefined;\n}\n\nfunction UnstyledSwitchInner(\n  {\n    checked,\n    defaultChecked,\n    onChange,\n    disabled,\n    invalid,\n    onFocus,\n    onBlur,\n    ...rest\n  }: UnstyledSwitchProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const isControlled = checked !== undefined;\n  const [internalChecked, setInternalChecked] = useState(\n    defaultChecked ?? false,\n  );\n  const isChecked = isControlled ? checked : internalChecked;\n\n  const [focused, setFocused] = useState(false);\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (!isControlled) {\n      setInternalChecked(e.target.checked);\n    }\n    onChange?.(e);\n  };\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(true);\n    onFocus?.(e);\n  };\n\n  const handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n    setFocused(false);\n    onBlur?.(e);\n  };\n\n  return (\n    <input\n      ref={ref}\n      {...rest}\n      type=\"checkbox\"\n      role=\"switch\"\n      checked={isChecked}\n      onChange={handleChange}\n      data-checked={booleanToString(isChecked)}\n      aria-checked={isChecked ? 'true' : 'false'}\n      onFocus={handleFocus}\n      onBlur={handleBlur}\n      data-focused={booleanToString(focused)}\n      disabled={disabled}\n      data-disabled={booleanToString(disabled)}\n      data-invalid={booleanToString(invalid)}\n      aria-invalid={invalid ? 'true' : undefined}\n    />\n  );\n}\n\nexport const UnstyledSwitch = forwardRef<HTMLInputElement, UnstyledSwitchProps>(\n  UnstyledSwitchInner,\n);\n"]}

package/dist/test-utils.d.mts

@@ -0,0 +1,3 @@
+declare function getSwitch(name?: string | RegExp): HTMLElement;
+
+export { getSwitch };

package/dist/test-utils.d.ts

@@ -0,0 +1,3 @@
+declare function getSwitch(name?: string | RegExp): HTMLElement;
+
+export { getSwitch };

package/dist/test-utils.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var react = require('@testing-library/react');
+
+// src/test-utils.ts
+function getSwitch(name) {
+  return react.screen.getByRole("switch", name === void 0 ? void 0 : { name });
+}
+
+exports.getSwitch = getSwitch;
+//# sourceMappingURL=test-utils.js.map
+//# sourceMappingURL=test-utils.js.map

package/dist/test-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-utils.ts"],"names":["screen"],"mappings":";;;;;AAEO,SAAS,UAAU,IAAA,EAAqC;AAC7D,EAAA,OAAOA,YAAA,CAAO,UAAU,QAAA,EAAU,IAAA,KAAS,SAAY,MAAA,GAAY,EAAE,MAAM,CAAA;AAC7E","file":"test-utils.js","sourcesContent":["import { screen } from '@testing-library/react';\n\nexport function getSwitch(name?: string | RegExp): HTMLElement {\n  return screen.getByRole('switch', name === undefined ? undefined : { name });\n}\n"]}

package/dist/test-utils.mjs

@@ -0,0 +1,10 @@
+import { screen } from '@testing-library/react';
+
+// src/test-utils.ts
+function getSwitch(name) {
+  return screen.getByRole("switch", name === void 0 ? void 0 : { name });
+}
+
+export { getSwitch };
+//# sourceMappingURL=test-utils.mjs.map
+//# sourceMappingURL=test-utils.mjs.map

package/dist/test-utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/test-utils.ts"],"names":[],"mappings":";;;AAEO,SAAS,UAAU,IAAA,EAAqC;AAC7D,EAAA,OAAO,MAAA,CAAO,UAAU,QAAA,EAAU,IAAA,KAAS,SAAY,MAAA,GAAY,EAAE,MAAM,CAAA;AAC7E","file":"test-utils.mjs","sourcesContent":["import { screen } from '@testing-library/react';\n\nexport function getSwitch(name?: string | RegExp): HTMLElement {\n  return screen.getByRole('switch', name === undefined ? undefined : { name });\n}\n"]}

package/package.json

@@ -0,0 +1,73 @@
+{
+  "name": "@asnewyla/unstyled-switch",
+  "version": "0.2.0",
+  "description": "Unstyled switch (toggle) input primitive with accessibility",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xavierDelaFuente/xd-components.git",
+    "directory": "packages/unstyled-switch"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./test-utils": {
+      "types": "./dist/test-utils.d.ts",
+      "import": "./dist/test-utils.mjs",
+      "require": "./dist/test-utils.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "keywords": [
+    "react",
+    "switch",
+    "toggle",
+    "unstyled",
+    "accessible"
+  ],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.0"
+  },
+  "peerDependenciesMeta": {
+    "@testing-library/react": {
+      "optional": true
+    },
+    "@testing-library/user-event": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "tsup": "^8.1.0",
+    "vitest": "^2.0.0",
+    "@vitest/coverage-v8": "^2.0.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/user-event": "^14.5.0",
+    "@testing-library/jest-dom": "^6.4.0",
+    "jsdom": "^24.0.0",
+    "typescript": "^5.5.0"
+  },
+  "scripts": {
+    "build": "tsup",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "type-check": "tsc --noEmit"
+  }
+}