@asnewyla/unstyled-checkbox 0.2.0 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,9 +1,33 @@
1
- 'use strict';
1
+ 'use client';
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
2
20
 
3
- var react = require('react');
4
- var jsxRuntime = require('react/jsx-runtime');
21
+ // src/index.ts
22
+ var index_exports = {};
23
+ __export(index_exports, {
24
+ UnstyledCheckbox: () => UnstyledCheckbox
25
+ });
26
+ module.exports = __toCommonJS(index_exports);
5
27
 
6
28
  // src/components/UnstyledCheckbox.tsx
29
+ var import_react = require("react");
30
+ var import_jsx_runtime = require("react/jsx-runtime");
7
31
  function booleanToString(value) {
8
32
  return value ? "true" : void 0;
9
33
  }
@@ -19,13 +43,13 @@ function UnstyledCheckboxInner({
19
43
  ...rest
20
44
  }, ref) {
21
45
  const isControlled = checked !== void 0;
22
- const [internalChecked, setInternalChecked] = react.useState(
46
+ const [internalChecked, setInternalChecked] = (0, import_react.useState)(
23
47
  defaultChecked ?? false
24
48
  );
25
49
  const isChecked = isControlled ? checked : internalChecked;
26
- const [focused, setFocused] = react.useState(false);
27
- const inputRef = react.useRef(null);
28
- react.useEffect(() => {
50
+ const [focused, setFocused] = (0, import_react.useState)(false);
51
+ const inputRef = (0, import_react.useRef)(null);
52
+ (0, import_react.useEffect)(() => {
29
53
  if (inputRef.current) {
30
54
  inputRef.current.indeterminate = indeterminate ?? false;
31
55
  }
@@ -52,7 +76,7 @@ function UnstyledCheckboxInner({
52
76
  setFocused(false);
53
77
  onBlur?.(e);
54
78
  };
55
- return /* @__PURE__ */ jsxRuntime.jsx(
79
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
56
80
  "input",
57
81
  {
58
82
  ref: setRefs,
@@ -72,8 +96,9 @@ function UnstyledCheckboxInner({
72
96
  }
73
97
  );
74
98
  }
75
- var UnstyledCheckbox = react.forwardRef(UnstyledCheckboxInner);
76
-
77
- exports.UnstyledCheckbox = UnstyledCheckbox;
78
- //# sourceMappingURL=index.js.map
99
+ var UnstyledCheckbox = (0, import_react.forwardRef)(UnstyledCheckboxInner);
100
+ // Annotate the CommonJS export names for ESM import in node:
101
+ 0 && (module.exports = {
102
+ UnstyledCheckbox
103
+ });
79
104
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/UnstyledCheckbox.tsx"],"names":["useState","useRef","useEffect","jsx","forwardRef"],"mappings":";;;;;;AAoBA,SAAS,gBAAgB,KAAA,EAAgD;AACvE,EAAA,OAAO,QAAQ,MAAA,GAAS,MAAA;AAC1B;AAEA,SAAS,qBAAA,CACP;AAAA,EACE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;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,QAAA,GAAWC,aAAgC,IAAI,CAAA;AAErD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,OAAA,CAAQ,gBAAgB,aAAA,IAAiB,KAAA;AAAA,IACpD;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAkC;AACjD,IAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,IAAI,CAAA;AAAA,IACV,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AAAA,IAChB;AAAA,EACF,CAAA;AAEA,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,EAAK,OAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,UAAA;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,YAAA;AAAA,MACV,cAAA,EAAc,gBAAgB,SAAS,CAAA;AAAA,MACvC,oBAAA,EAAoB,gBAAgB,aAAa,CAAA;AAAA,MACjD,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,gBAAA,GAAmBC,iBAG9B,qBAAqB","file":"index.js","sourcesContent":["import {\n type ForwardedRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nexport type UnstyledCheckboxProps = {\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n disabled?: boolean;\n invalid?: boolean;\n} & Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'type' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n return value ? 'true' : undefined;\n}\n\nfunction UnstyledCheckboxInner(\n {\n checked,\n defaultChecked,\n indeterminate,\n onChange,\n disabled,\n invalid,\n onFocus,\n onBlur,\n ...rest\n }: UnstyledCheckboxProps,\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 inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate ?? false;\n }\n }, [indeterminate]);\n\n const setRefs = (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\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={setRefs}\n {...rest}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleChange}\n data-checked={booleanToString(isChecked)}\n data-indeterminate={booleanToString(indeterminate)}\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 UnstyledCheckbox = forwardRef<\n HTMLInputElement,\n UnstyledCheckboxProps\n>(UnstyledCheckboxInner);\n"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/UnstyledCheckbox.tsx"],"sourcesContent":["export { UnstyledCheckbox, type UnstyledCheckboxProps } from './components';\n","import {\n type ForwardedRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nexport type UnstyledCheckboxProps = {\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n disabled?: boolean;\n invalid?: boolean;\n} & Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'type' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n return value ? 'true' : undefined;\n}\n\nfunction UnstyledCheckboxInner(\n {\n checked,\n defaultChecked,\n indeterminate,\n onChange,\n disabled,\n invalid,\n onFocus,\n onBlur,\n ...rest\n }: UnstyledCheckboxProps,\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 inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate ?? false;\n }\n }, [indeterminate]);\n\n const setRefs = (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\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={setRefs}\n {...rest}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleChange}\n data-checked={booleanToString(isChecked)}\n data-indeterminate={booleanToString(indeterminate)}\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 UnstyledCheckbox = forwardRef<\n HTMLInputElement,\n UnstyledCheckboxProps\n>(UnstyledCheckboxInner);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAMO;AA2EH;AA7DJ,SAAS,gBAAgB,OAAgD;AACvE,SAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,sBACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,iBAAiB,kBAAkB,QAAI;AAAA,IAC5C,kBAAkB;AAAA,EACpB;AACA,QAAM,YAAY,eAAe,UAAU;AAE3C,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAE5C,QAAM,eAAW,qBAAgC,IAAI;AAErD,8BAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,gBAAgB,iBAAiB;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,CAAC,SAAkC;AACjD,aAAS,UAAU;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI,IAAI;AAAA,IACV,WAAW,KAAK;AACd,UAAI,UAAU;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,MAA2C;AAC/D,QAAI,CAAC,cAAc;AACjB,yBAAmB,EAAE,OAAO,OAAO;AAAA,IACrC;AACA,eAAW,CAAC;AAAA,EACd;AAEA,QAAM,cAAc,CAAC,MAA0C;AAC7D,eAAW,IAAI;AACf,cAAU,CAAC;AAAA,EACb;AAEA,QAAM,aAAa,CAAC,MAA0C;AAC5D,eAAW,KAAK;AAChB,aAAS,CAAC;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAc,gBAAgB,SAAS;AAAA,MACvC,sBAAoB,gBAAgB,aAAa;AAAA,MACjD,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAc,gBAAgB,OAAO;AAAA,MACrC;AAAA,MACA,iBAAe,gBAAgB,QAAQ;AAAA,MACvC,gBAAc,gBAAgB,OAAO;AAAA,MACrC,gBAAc,UAAU,SAAS;AAAA;AAAA,EACnC;AAEJ;AAEO,IAAM,uBAAmB,yBAG9B,qBAAqB;","names":[]}
package/dist/index.mjs CHANGED
@@ -1,7 +1,13 @@
1
- import { forwardRef, useState, useRef, useEffect } from 'react';
2
- import { jsx } from 'react/jsx-runtime';
1
+ 'use client';
3
2
 
4
3
  // src/components/UnstyledCheckbox.tsx
4
+ import {
5
+ forwardRef,
6
+ useEffect,
7
+ useRef,
8
+ useState
9
+ } from "react";
10
+ import { jsx } from "react/jsx-runtime";
5
11
  function booleanToString(value) {
6
12
  return value ? "true" : void 0;
7
13
  }
@@ -71,7 +77,7 @@ function UnstyledCheckboxInner({
71
77
  );
72
78
  }
73
79
  var UnstyledCheckbox = forwardRef(UnstyledCheckboxInner);
74
-
75
- export { UnstyledCheckbox };
76
- //# sourceMappingURL=index.mjs.map
80
+ export {
81
+ UnstyledCheckbox
82
+ };
77
83
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/UnstyledCheckbox.tsx"],"names":[],"mappings":";;;;AAoBA,SAAS,gBAAgB,KAAA,EAAgD;AACvE,EAAA,OAAO,QAAQ,MAAA,GAAS,MAAA;AAC1B;AAEA,SAAS,qBAAA,CACP;AAAA,EACE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,aAAA;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,QAAA,GAAW,OAAgC,IAAI,CAAA;AAErD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAS,OAAA,EAAS;AACpB,MAAA,QAAA,CAAS,OAAA,CAAQ,gBAAgB,aAAA,IAAiB,KAAA;AAAA,IACpD;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAElB,EAAA,MAAM,OAAA,GAAU,CAAC,IAAA,KAAkC;AACjD,IAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,IAAA,IAAI,OAAO,QAAQ,UAAA,EAAY;AAC7B,MAAA,GAAA,CAAI,IAAI,CAAA;AAAA,IACV,WAAW,GAAA,EAAK;AACd,MAAA,GAAA,CAAI,OAAA,GAAU,IAAA;AAAA,IAChB;AAAA,EACF,CAAA;AAEA,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,EAAK,OAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MACJ,IAAA,EAAK,UAAA;AAAA,MACL,OAAA,EAAS,SAAA;AAAA,MACT,QAAA,EAAU,YAAA;AAAA,MACV,cAAA,EAAc,gBAAgB,SAAS,CAAA;AAAA,MACvC,oBAAA,EAAoB,gBAAgB,aAAa,CAAA;AAAA,MACjD,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,gBAAA,GAAmB,WAG9B,qBAAqB","file":"index.mjs","sourcesContent":["import {\n type ForwardedRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nexport type UnstyledCheckboxProps = {\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n disabled?: boolean;\n invalid?: boolean;\n} & Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'type' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n return value ? 'true' : undefined;\n}\n\nfunction UnstyledCheckboxInner(\n {\n checked,\n defaultChecked,\n indeterminate,\n onChange,\n disabled,\n invalid,\n onFocus,\n onBlur,\n ...rest\n }: UnstyledCheckboxProps,\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 inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate ?? false;\n }\n }, [indeterminate]);\n\n const setRefs = (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\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={setRefs}\n {...rest}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleChange}\n data-checked={booleanToString(isChecked)}\n data-indeterminate={booleanToString(indeterminate)}\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 UnstyledCheckbox = forwardRef<\n HTMLInputElement,\n UnstyledCheckboxProps\n>(UnstyledCheckboxInner);\n"]}
1
+ {"version":3,"sources":["../src/components/UnstyledCheckbox.tsx"],"sourcesContent":["import {\n type ForwardedRef,\n forwardRef,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nexport type UnstyledCheckboxProps = {\n checked?: boolean;\n defaultChecked?: boolean;\n indeterminate?: boolean;\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n disabled?: boolean;\n invalid?: boolean;\n} & Omit<\n React.InputHTMLAttributes<HTMLInputElement>,\n 'type' | 'checked' | 'defaultChecked' | 'onChange' | 'disabled' | 'invalid'\n>;\n\nfunction booleanToString(value: boolean | undefined): string | undefined {\n return value ? 'true' : undefined;\n}\n\nfunction UnstyledCheckboxInner(\n {\n checked,\n defaultChecked,\n indeterminate,\n onChange,\n disabled,\n invalid,\n onFocus,\n onBlur,\n ...rest\n }: UnstyledCheckboxProps,\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 inputRef = useRef<HTMLInputElement | null>(null);\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate ?? false;\n }\n }, [indeterminate]);\n\n const setRefs = (node: HTMLInputElement | null) => {\n inputRef.current = node;\n if (typeof ref === 'function') {\n ref(node);\n } else if (ref) {\n ref.current = node;\n }\n };\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={setRefs}\n {...rest}\n type=\"checkbox\"\n checked={isChecked}\n onChange={handleChange}\n data-checked={booleanToString(isChecked)}\n data-indeterminate={booleanToString(indeterminate)}\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 UnstyledCheckbox = forwardRef<\n HTMLInputElement,\n UnstyledCheckboxProps\n>(UnstyledCheckboxInner);\n"],"mappings":";;;AAAA;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA2EH;AA7DJ,SAAS,gBAAgB,OAAgD;AACvE,SAAO,QAAQ,SAAS;AAC1B;AAEA,SAAS,sBACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,eAAe,YAAY;AACjC,QAAM,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C,kBAAkB;AAAA,EACpB;AACA,QAAM,YAAY,eAAe,UAAU;AAE3C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,QAAM,WAAW,OAAgC,IAAI;AAErD,YAAU,MAAM;AACd,QAAI,SAAS,SAAS;AACpB,eAAS,QAAQ,gBAAgB,iBAAiB;AAAA,IACpD;AAAA,EACF,GAAG,CAAC,aAAa,CAAC;AAElB,QAAM,UAAU,CAAC,SAAkC;AACjD,aAAS,UAAU;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI,IAAI;AAAA,IACV,WAAW,KAAK;AACd,UAAI,UAAU;AAAA,IAChB;AAAA,EACF;AAEA,QAAM,eAAe,CAAC,MAA2C;AAC/D,QAAI,CAAC,cAAc;AACjB,yBAAmB,EAAE,OAAO,OAAO;AAAA,IACrC;AACA,eAAW,CAAC;AAAA,EACd;AAEA,QAAM,cAAc,CAAC,MAA0C;AAC7D,eAAW,IAAI;AACf,cAAU,CAAC;AAAA,EACb;AAEA,QAAM,aAAa,CAAC,MAA0C;AAC5D,eAAW,KAAK;AAChB,aAAS,CAAC;AAAA,EACZ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACJ,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,gBAAc,gBAAgB,SAAS;AAAA,MACvC,sBAAoB,gBAAgB,aAAa;AAAA,MACjD,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,gBAAc,gBAAgB,OAAO;AAAA,MACrC;AAAA,MACA,iBAAe,gBAAgB,QAAQ;AAAA,MACvC,gBAAc,gBAAgB,OAAO;AAAA,MACrC,gBAAc,UAAU,SAAS;AAAA;AAAA,EACnC;AAEJ;AAEO,IAAM,mBAAmB,WAG9B,qBAAqB;","names":[]}
@@ -0,0 +1,3 @@
1
+ declare function getCheckbox(name?: string | RegExp): HTMLElement;
2
+
3
+ export { getCheckbox };
@@ -0,0 +1,3 @@
1
+ declare function getCheckbox(name?: string | RegExp): HTMLElement;
2
+
3
+ export { getCheckbox };
@@ -0,0 +1,38 @@
1
+ 'use client';
2
+ "use strict";
3
+ var __defProp = Object.defineProperty;
4
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropNames = Object.getOwnPropertyNames;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __export = (target, all) => {
8
+ for (var name in all)
9
+ __defProp(target, name, { get: all[name], enumerable: true });
10
+ };
11
+ var __copyProps = (to, from, except, desc) => {
12
+ if (from && typeof from === "object" || typeof from === "function") {
13
+ for (let key of __getOwnPropNames(from))
14
+ if (!__hasOwnProp.call(to, key) && key !== except)
15
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
16
+ }
17
+ return to;
18
+ };
19
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
20
+
21
+ // src/test-utils.ts
22
+ var test_utils_exports = {};
23
+ __export(test_utils_exports, {
24
+ getCheckbox: () => getCheckbox
25
+ });
26
+ module.exports = __toCommonJS(test_utils_exports);
27
+ var import_react = require("@testing-library/react");
28
+ function getCheckbox(name) {
29
+ return import_react.screen.getByRole(
30
+ "checkbox",
31
+ name === void 0 ? void 0 : { name }
32
+ );
33
+ }
34
+ // Annotate the CommonJS export names for ESM import in node:
35
+ 0 && (module.exports = {
36
+ getCheckbox
37
+ });
38
+ //# sourceMappingURL=test-utils.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/test-utils.ts"],"sourcesContent":["import { screen } from '@testing-library/react';\n\nexport function getCheckbox(name?: string | RegExp): HTMLElement {\n return screen.getByRole(\n 'checkbox',\n name === undefined ? undefined : { name },\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAuB;AAEhB,SAAS,YAAY,MAAqC;AAC/D,SAAO,oBAAO;AAAA,IACZ;AAAA,IACA,SAAS,SAAY,SAAY,EAAE,KAAK;AAAA,EAC1C;AACF;","names":[]}
@@ -0,0 +1,14 @@
1
+ 'use client';
2
+
3
+ // src/test-utils.ts
4
+ import { screen } from "@testing-library/react";
5
+ function getCheckbox(name) {
6
+ return screen.getByRole(
7
+ "checkbox",
8
+ name === void 0 ? void 0 : { name }
9
+ );
10
+ }
11
+ export {
12
+ getCheckbox
13
+ };
14
+ //# sourceMappingURL=test-utils.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/test-utils.ts"],"sourcesContent":["import { screen } from '@testing-library/react';\n\nexport function getCheckbox(name?: string | RegExp): HTMLElement {\n return screen.getByRole(\n 'checkbox',\n name === undefined ? undefined : { name },\n );\n}\n"],"mappings":";;;AAAA,SAAS,cAAc;AAEhB,SAAS,YAAY,MAAqC;AAC/D,SAAO,OAAO;AAAA,IACZ;AAAA,IACA,SAAS,SAAY,SAAY,EAAE,KAAK;AAAA,EAC1C;AACF;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@asnewyla/unstyled-checkbox",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "Unstyled checkbox input primitive with accessibility",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -19,6 +19,11 @@
19
19
  "types": "./dist/index.d.ts",
20
20
  "import": "./dist/index.mjs",
21
21
  "require": "./dist/index.js"
22
+ },
23
+ "./test-utils": {
24
+ "types": "./dist/test-utils.d.ts",
25
+ "import": "./dist/test-utils.mjs",
26
+ "require": "./dist/test-utils.js"
22
27
  }
23
28
  },
24
29
  "files": [
@@ -33,7 +38,17 @@
33
38
  ],
34
39
  "peerDependencies": {
35
40
  "react": "^18.0.0 || ^19.0.0",
36
- "react-dom": "^18.0.0 || ^19.0.0"
41
+ "react-dom": "^18.0.0 || ^19.0.0",
42
+ "@testing-library/react": "^16.0.0",
43
+ "@testing-library/user-event": "^14.5.0"
44
+ },
45
+ "peerDependenciesMeta": {
46
+ "@testing-library/react": {
47
+ "optional": true
48
+ },
49
+ "@testing-library/user-event": {
50
+ "optional": true
51
+ }
37
52
  },
38
53
  "devDependencies": {
39
54
  "react": "^18.3.0",