@tcground/headless 0.1.0

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/README.md ADDED
@@ -0,0 +1,60 @@
1
+ # @tcground/headless
2
+
3
+ Unstyled, accessible React UI primitives. These components ship behavior, ARIA
4
+ semantics, keyboard interaction, focus management, and `data-*` state hooks — but
5
+ no styling. Bring your own CSS (Tailwind, CSS Modules, vanilla CSS, anything that
6
+ targets the `data-slot` / `data-state` attributes).
7
+
8
+ `@tcground/ui` is the styled layer built on top of these primitives.
9
+
10
+ ## Install
11
+
12
+ ```bash
13
+ npm install @tcground/headless react react-dom
14
+ ```
15
+
16
+ ## Usage
17
+
18
+ The components render correct DOM, roles, and state attributes. You provide the
19
+ look via `className` (or `style`), which is forwarded to the underlying element.
20
+
21
+ ```tsx
22
+ import { Tabs, TabsList, TabsTrigger, TabsContent } from '@tcground/headless';
23
+
24
+ export function Example() {
25
+ return (
26
+ <Tabs defaultValue="overview">
27
+ <TabsList className="my-tablist">
28
+ <TabsTrigger value="overview" className="my-tab">
29
+ Overview
30
+ </TabsTrigger>
31
+ <TabsTrigger value="pricing" className="my-tab">
32
+ Pricing
33
+ </TabsTrigger>
34
+ </TabsList>
35
+ <TabsContent value="overview">…</TabsContent>
36
+ <TabsContent value="pricing">…</TabsContent>
37
+ </Tabs>
38
+ );
39
+ }
40
+ ```
41
+
42
+ Style against the exposed hooks, for example:
43
+
44
+ ```css
45
+ [data-slot='tabs-trigger'][data-active] {
46
+ font-weight: 600;
47
+ }
48
+ ```
49
+
50
+ ## Components
51
+
52
+ - `Button` — native button behavior, disabled semantics, `asChild` slot merging.
53
+ - `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent` — roving tabindex, arrow / Home /
54
+ End navigation, automatic & manual activation, controlled & uncontrolled.
55
+ - `Dialog`, `DialogTrigger`, `DialogClose`, `DialogPortal`, `DialogOverlay`,
56
+ `DialogContent`, `DialogTitle`, `DialogDescription` — portal, focus trap, Escape
57
+ to close, focus restore, `aria-modal` wiring, controlled & uncontrolled.
58
+
59
+ Shared slot helpers `PrimitiveSlot`, `composeEventHandlers`, and `composeRefs`
60
+ are also exported for building your own primitives.
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ interface ButtonProps extends React.ComponentPropsWithoutRef<'button'> {
3
+ asChild?: boolean;
4
+ }
5
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
6
+ export { Button };
7
+ export type { ButtonProps };
8
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACpE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFA+BV,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC;AAClB,YAAY,EAAE,WAAW,EAAE,CAAC"}
package/dist/button.js ADDED
@@ -0,0 +1,46 @@
1
+ 'use client';
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import * as React from 'react';
15
+ import { composeEventHandlers, PrimitiveSlot } from './primitive';
16
+ const Button = React.forwardRef(function Button(_a, ref) {
17
+ var { asChild = false, type, disabled, onClick, tabIndex } = _a, props = __rest(_a, ["asChild", "type", "disabled", "onClick", "tabIndex"]);
18
+ const Comp = asChild ? PrimitiveSlot : 'button';
19
+ const typeProps = asChild ? (type ? { type } : {}) : { type: type !== null && type !== void 0 ? type : 'button' };
20
+ const disabledProps = asChild
21
+ ? {
22
+ 'aria-disabled': disabled || undefined,
23
+ 'data-disabled': disabled ? '' : undefined,
24
+ tabIndex: disabled ? -1 : tabIndex,
25
+ onClick: disabled
26
+ ? (event) => {
27
+ event.preventDefault();
28
+ event.stopPropagation();
29
+ }
30
+ : onClick,
31
+ }
32
+ : {
33
+ disabled,
34
+ onClick: composeEventHandlers(onClick, (event) => {
35
+ if (!disabled) {
36
+ return;
37
+ }
38
+ event.preventDefault();
39
+ event.stopPropagation();
40
+ }),
41
+ tabIndex,
42
+ };
43
+ return _jsx(Comp, Object.assign({ ref: ref, "data-slot": 'button' }, typeProps, disabledProps, props));
44
+ });
45
+ export { Button };
46
+ //# sourceMappingURL=button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../src/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAMlE,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,MAAM,CAC7E,EAAgE,EAChE,GAAG;QADH,EAAE,OAAO,GAAG,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,cAA9D,sDAAgE,CAAF;IAG9D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChD,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,QAAQ,EAAE,CAAC;IAChF,MAAM,aAAa,GAAG,OAAO;QAC3B,CAAC,CAAC;YACE,eAAe,EAAE,QAAQ,IAAI,SAAS;YACtC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS;YAC1C,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ;YAClC,OAAO,EAAE,QAAQ;gBACf,CAAC,CAAC,CAAC,KAA0C,EAAE,EAAE;oBAC7C,KAAK,CAAC,cAAc,EAAE,CAAC;oBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;gBAC1B,CAAC;gBACH,CAAC,CAAC,OAAO;SACZ;QACH,CAAC,CAAC;YACE,QAAQ;YACR,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBAC/C,IAAI,CAAC,QAAQ,EAAE,CAAC;oBACd,OAAO;gBACT,CAAC;gBACD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAC1B,CAAC,CAAC;YACF,QAAQ;SACT,CAAC;IAEN,OAAO,KAAC,IAAI,kBAAC,GAAG,EAAE,GAAG,eAAY,QAAQ,IAAK,SAAS,EAAM,aAAa,EAAM,KAAK,EAAI,CAAC;AAC5F,CAAC,CAAC,CAAC;AAEH,OAAO,EAAE,MAAM,EAAE,CAAC"}
@@ -0,0 +1,31 @@
1
+ import * as React from 'react';
2
+ interface DialogProps {
3
+ children?: React.ReactNode;
4
+ defaultOpen?: boolean;
5
+ modal?: boolean;
6
+ onOpenChange?: (open: boolean) => void;
7
+ open?: boolean;
8
+ }
9
+ declare function Dialog({ children, defaultOpen, modal, onOpenChange, open }: DialogProps): import("react/jsx-runtime").JSX.Element;
10
+ interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
11
+ asChild?: boolean;
12
+ }
13
+ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLElement>>;
14
+ declare function DialogPortal({ children }: {
15
+ children: React.ReactNode;
16
+ }): React.ReactPortal | null;
17
+ interface DialogCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
18
+ asChild?: boolean;
19
+ }
20
+ declare const DialogClose: React.ForwardRefExoticComponent<DialogCloseProps & React.RefAttributes<HTMLElement>>;
21
+ declare function DialogOverlay({ onMouseDown, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
22
+ interface DialogContentProps extends React.ComponentProps<'div'> {
23
+ describedBy?: string;
24
+ labelledBy?: string;
25
+ }
26
+ declare function DialogContent({ children, describedBy, labelledBy, onKeyDown, ...props }: DialogContentProps): import("react/jsx-runtime").JSX.Element | null;
27
+ declare function DialogTitle({ id, ...props }: React.ComponentProps<'h2'>): import("react/jsx-runtime").JSX.Element;
28
+ declare function DialogDescription({ id, ...props }: React.ComponentProps<'p'>): import("react/jsx-runtime").JSX.Element;
29
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
30
+ export type { DialogProps, DialogTriggerProps, DialogCloseProps, DialogContentProps };
31
+ //# sourceMappingURL=dialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoG/B,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,iBAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,WAAmB,EAAE,KAAY,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,WAAW,2CAkD/F;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,aAAa,wFA0CjB,CAAC;AAEH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4BAUhE;AAED,UAAU,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,WAAW,sFA0Bf,CAAC;AAEH,iBAAS,aAAa,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAgB5E;AAED,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC9D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,iBAAS,aAAa,CAAC,EACrB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,kDA0FpB;AAED,iBAAS,WAAW,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAIhE;AAED,iBAAS,iBAAiB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAIrE;AAED,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC;AACF,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,CAAC"}
package/dist/dialog.js ADDED
@@ -0,0 +1,233 @@
1
+ 'use client';
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ /* eslint-disable react-hooks/refs -- Dialog is a focus-management primitive that must wire and read DOM refs in event handlers/effects. */
15
+ import * as React from 'react';
16
+ import { createPortal } from 'react-dom';
17
+ import { composeEventHandlers, composeRefs, PrimitiveSlot } from './primitive';
18
+ const FOCUSABLE_SELECTOR = [
19
+ 'a[href]',
20
+ 'button:not([disabled])',
21
+ 'textarea:not([disabled])',
22
+ 'input:not([disabled])',
23
+ 'select:not([disabled])',
24
+ '[tabindex]:not([tabindex="-1"])',
25
+ ].join(',');
26
+ const DialogContext = React.createContext(null);
27
+ function useDialogContext(componentName) {
28
+ const context = React.useContext(DialogContext);
29
+ if (!context) {
30
+ throw new Error(`${componentName} must be used within Dialog`);
31
+ }
32
+ return context;
33
+ }
34
+ function getFocusableElements(container) {
35
+ return Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR)).filter((element) => !element.hasAttribute('disabled') && !element.getAttribute('aria-hidden'));
36
+ }
37
+ function useBodyHiddenSiblings(portalNode, active) {
38
+ React.useEffect(() => {
39
+ if (!active || !portalNode) {
40
+ return;
41
+ }
42
+ const siblings = Array.from(document.body.children).filter((element) => element !== portalNode);
43
+ const previousValues = siblings.map((element) => element.getAttribute('aria-hidden'));
44
+ for (const sibling of siblings) {
45
+ sibling.setAttribute('aria-hidden', 'true');
46
+ }
47
+ return () => {
48
+ siblings.forEach((sibling, index) => {
49
+ const previousValue = previousValues[index];
50
+ if (previousValue === null) {
51
+ sibling.removeAttribute('aria-hidden');
52
+ }
53
+ else {
54
+ sibling.setAttribute('aria-hidden', previousValue);
55
+ }
56
+ });
57
+ };
58
+ }, [active, portalNode]);
59
+ }
60
+ function usePortalNode(active) {
61
+ const [portalNode] = React.useState(() => {
62
+ if (typeof document === 'undefined') {
63
+ return null;
64
+ }
65
+ const node = document.createElement('div');
66
+ node.setAttribute('data-slot', 'dialog-portal');
67
+ return node;
68
+ });
69
+ React.useEffect(() => {
70
+ if (!active || !portalNode) {
71
+ return;
72
+ }
73
+ document.body.appendChild(portalNode);
74
+ return () => {
75
+ document.body.removeChild(portalNode);
76
+ };
77
+ }, [active, portalNode]);
78
+ return portalNode;
79
+ }
80
+ function Dialog({ children, defaultOpen = false, modal = true, onOpenChange, open }) {
81
+ const reactId = React.useId();
82
+ const baseId = React.useMemo(() => `tcground-dialog-${reactId.replace(/:/g, '')}`, [reactId]);
83
+ const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
84
+ const isControlled = open !== undefined;
85
+ const currentOpen = isControlled ? open : uncontrolledOpen;
86
+ const triggerRef = React.useRef(null);
87
+ const contentRef = React.useRef(null);
88
+ const previousActiveElementRef = React.useRef(null);
89
+ const rememberActiveElement = React.useCallback((element) => {
90
+ if (element && element !== document.body) {
91
+ previousActiveElementRef.current = element;
92
+ }
93
+ }, []);
94
+ const setOpen = React.useCallback((nextOpen) => {
95
+ if (nextOpen) {
96
+ const activeElement = document.activeElement instanceof HTMLElement ? document.activeElement : null;
97
+ rememberActiveElement(activeElement);
98
+ }
99
+ if (!isControlled) {
100
+ setUncontrolledOpen(nextOpen);
101
+ }
102
+ onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(nextOpen);
103
+ }, [isControlled, onOpenChange, rememberActiveElement]);
104
+ return (_jsx(DialogContext.Provider, { value: {
105
+ contentId: `${baseId}-content`,
106
+ contentRef,
107
+ descriptionId: `${baseId}-description`,
108
+ modal,
109
+ open: currentOpen,
110
+ previousActiveElementRef,
111
+ rememberActiveElement,
112
+ setOpen,
113
+ titleId: `${baseId}-title`,
114
+ triggerRef,
115
+ }, children: children }));
116
+ }
117
+ const DialogTrigger = React.forwardRef(function DialogTrigger(_a, forwardedRef) {
118
+ var { asChild = false, onClick, type = 'button' } = _a, props = __rest(_a, ["asChild", "onClick", "type"]);
119
+ const context = useDialogContext('DialogTrigger');
120
+ const triggerProps = {
121
+ dataSlot: 'dialog-trigger',
122
+ ariaHaspopup: 'dialog',
123
+ ariaExpanded: context.open,
124
+ ariaControls: context.contentId,
125
+ onClick: composeEventHandlers(onClick, (event) => {
126
+ context.rememberActiveElement(event.currentTarget);
127
+ context.setOpen(true);
128
+ }),
129
+ };
130
+ if (asChild) {
131
+ return (_jsx(PrimitiveSlot, Object.assign({ ref: composeRefs(forwardedRef, context.triggerRef), "data-slot": triggerProps.dataSlot, "aria-haspopup": triggerProps.ariaHaspopup, "aria-expanded": triggerProps.ariaExpanded, "aria-controls": triggerProps.ariaControls, onClick: triggerProps.onClick }, props)));
132
+ }
133
+ return (_jsx("button", Object.assign({ ref: composeRefs(forwardedRef, context.triggerRef), "data-slot": triggerProps.dataSlot, type: type, "aria-haspopup": triggerProps.ariaHaspopup, "aria-expanded": triggerProps.ariaExpanded, "aria-controls": triggerProps.ariaControls, onClick: triggerProps.onClick }, props)));
134
+ });
135
+ function DialogPortal({ children }) {
136
+ const context = useDialogContext('DialogPortal');
137
+ const portalNode = usePortalNode(context.open);
138
+ useBodyHiddenSiblings(portalNode, context.open && context.modal);
139
+ if (!context.open || !portalNode) {
140
+ return null;
141
+ }
142
+ return createPortal(children, portalNode);
143
+ }
144
+ const DialogClose = React.forwardRef(function DialogClose(_a, forwardedRef) {
145
+ var { asChild = false, onClick, type = 'button' } = _a, props = __rest(_a, ["asChild", "onClick", "type"]);
146
+ const context = useDialogContext('DialogClose');
147
+ if (asChild) {
148
+ return (_jsx(PrimitiveSlot, Object.assign({ ref: forwardedRef, "data-slot": 'dialog-close', onClick: composeEventHandlers(onClick, () => context.setOpen(false)) }, props)));
149
+ }
150
+ return (_jsx("button", Object.assign({ ref: forwardedRef, "data-slot": 'dialog-close', type: type, onClick: composeEventHandlers(onClick, () => context.setOpen(false)) }, props)));
151
+ });
152
+ function DialogOverlay(_a) {
153
+ var { onMouseDown } = _a, props = __rest(_a, ["onMouseDown"]);
154
+ const context = useDialogContext('DialogOverlay');
155
+ return (_jsx("div", Object.assign({ "data-slot": 'dialog-overlay', "data-state": context.open ? 'open' : 'closed', "data-open": context.open ? '' : undefined, onMouseDown: composeEventHandlers(onMouseDown, (event) => {
156
+ if (event.target === event.currentTarget) {
157
+ context.setOpen(false);
158
+ }
159
+ }) }, props)));
160
+ }
161
+ function DialogContent(_a) {
162
+ var { children, describedBy, labelledBy, onKeyDown } = _a, props = __rest(_a, ["children", "describedBy", "labelledBy", "onKeyDown"]);
163
+ const context = useDialogContext('DialogContent');
164
+ React.useEffect(() => {
165
+ if (!context.open) {
166
+ return;
167
+ }
168
+ const previousOverflow = document.body.style.overflow;
169
+ if (context.modal) {
170
+ document.body.style.overflow = 'hidden';
171
+ }
172
+ window.requestAnimationFrame(() => {
173
+ const content = context.contentRef.current;
174
+ if (!content) {
175
+ return;
176
+ }
177
+ const [firstFocusable] = getFocusableElements(content);
178
+ (firstFocusable !== null && firstFocusable !== void 0 ? firstFocusable : content).focus();
179
+ });
180
+ return () => {
181
+ var _a;
182
+ document.body.style.overflow = previousOverflow;
183
+ const restoreTarget = (_a = context.previousActiveElementRef.current) !== null && _a !== void 0 ? _a : context.triggerRef.current;
184
+ window.requestAnimationFrame(() => restoreTarget === null || restoreTarget === void 0 ? void 0 : restoreTarget.focus());
185
+ };
186
+ }, [context.contentRef, context.modal, context.open, context.previousActiveElementRef, context.triggerRef]);
187
+ const handleKeyDown = React.useCallback((event) => {
188
+ if (event.key === 'Escape') {
189
+ event.preventDefault();
190
+ context.setOpen(false);
191
+ return;
192
+ }
193
+ if (event.key !== 'Tab') {
194
+ return;
195
+ }
196
+ const content = context.contentRef.current;
197
+ if (!content) {
198
+ return;
199
+ }
200
+ const focusableElements = getFocusableElements(content);
201
+ const firstElement = focusableElements[0];
202
+ const lastElement = focusableElements[focusableElements.length - 1];
203
+ if (!firstElement || !lastElement) {
204
+ event.preventDefault();
205
+ content.focus();
206
+ return;
207
+ }
208
+ if (event.shiftKey && document.activeElement === firstElement) {
209
+ event.preventDefault();
210
+ lastElement.focus();
211
+ }
212
+ else if (!event.shiftKey && document.activeElement === lastElement) {
213
+ event.preventDefault();
214
+ firstElement.focus();
215
+ }
216
+ }, [context]);
217
+ if (!context.open) {
218
+ return null;
219
+ }
220
+ return (_jsx("div", Object.assign({ role: 'dialog', "aria-modal": context.modal, "aria-labelledby": labelledBy !== null && labelledBy !== void 0 ? labelledBy : context.titleId, "aria-describedby": describedBy !== null && describedBy !== void 0 ? describedBy : context.descriptionId, id: context.contentId, "data-slot": 'dialog-content', "data-state": context.open ? 'open' : 'closed', "data-open": context.open ? '' : undefined, ref: context.contentRef, tabIndex: -1, onKeyDown: composeEventHandlers(onKeyDown, handleKeyDown) }, props, { children: children })));
221
+ }
222
+ function DialogTitle(_a) {
223
+ var { id } = _a, props = __rest(_a, ["id"]);
224
+ const context = useDialogContext('DialogTitle');
225
+ return _jsx("h2", Object.assign({ id: id !== null && id !== void 0 ? id : context.titleId, "data-slot": 'dialog-title' }, props));
226
+ }
227
+ function DialogDescription(_a) {
228
+ var { id } = _a, props = __rest(_a, ["id"]);
229
+ const context = useDialogContext('DialogDescription');
230
+ return _jsx("p", Object.assign({ id: id !== null && id !== void 0 ? id : context.descriptionId, "data-slot": 'dialog-description' }, props));
231
+ }
232
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
233
+ //# sourceMappingURL=dialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,8 @@
1
+ export { PrimitiveSlot, composeEventHandlers, composeRefs } from './primitive';
2
+ export { Button } from './button';
3
+ export type { ButtonProps } from './button';
4
+ export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
5
+ export type { TabsProps, TabsTriggerProps, TabsContentProps, TabsOrientation, TabsActivationMode, } from './tabs';
6
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
7
+ export type { DialogProps, DialogTriggerProps, DialogCloseProps, DialogContentProps, } from './dialog';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAClE,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,kBAAkB,GACnB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,YAAY,EACV,WAAW,EACX,kBAAkB,EAClB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,UAAU,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,5 @@
1
+ export { PrimitiveSlot, composeEventHandlers, composeRefs } from './primitive';
2
+ export { Button } from './button';
3
+ export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
4
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAQlE,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,MAAM,UAAU,CAAC"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ declare function composeRefs<T>(...refs: Array<React.Ref<T> | undefined>): (node: T | null) => void;
3
+ declare function composeEventHandlers<Event extends {
4
+ defaultPrevented: boolean;
5
+ }>(theirHandler?: (event: Event) => void, ourHandler?: (event: Event) => void): (event: Event) => void;
6
+ interface PrimitiveSlotProps extends React.HTMLAttributes<HTMLElement> {
7
+ children?: React.ReactNode;
8
+ }
9
+ declare const PrimitiveSlot: React.ForwardRefExoticComponent<PrimitiveSlotProps & React.RefAttributes<HTMLElement>>;
10
+ export { PrimitiveSlot, composeEventHandlers, composeRefs };
11
+ //# sourceMappingURL=primitive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"primitive.d.ts","sourceRoot":"","sources":["../src/primitive.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,IACtD,MAAM,CAAC,GAAG,IAAI,UAavB;AAED,iBAAS,oBAAoB,CAAC,KAAK,SAAS;IAAE,gBAAgB,EAAE,OAAO,CAAA;CAAE,EACvE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACrC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,IAE3B,OAAO,KAAK,UAOrB;AAuCD,UAAU,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,wFAejB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,WAAW,EAAE,CAAC"}
@@ -0,0 +1,72 @@
1
+ 'use client';
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import * as React from 'react';
14
+ function composeRefs(...refs) {
15
+ return (node) => {
16
+ for (const ref of refs) {
17
+ if (!ref) {
18
+ continue;
19
+ }
20
+ if (typeof ref === 'function') {
21
+ ref(node);
22
+ }
23
+ else {
24
+ ref.current = node;
25
+ }
26
+ }
27
+ };
28
+ }
29
+ function composeEventHandlers(theirHandler, ourHandler) {
30
+ return (event) => {
31
+ theirHandler === null || theirHandler === void 0 ? void 0 : theirHandler(event);
32
+ if (!event.defaultPrevented) {
33
+ ourHandler === null || ourHandler === void 0 ? void 0 : ourHandler(event);
34
+ }
35
+ };
36
+ }
37
+ function getElementRef(element) {
38
+ return element.props.ref;
39
+ }
40
+ function mergeSlotProps(slotProps, childProps) {
41
+ const overrideProps = Object.assign({}, slotProps);
42
+ for (const propName in childProps) {
43
+ const slotPropValue = slotProps[propName];
44
+ const childPropValue = childProps[propName];
45
+ const isHandler = /^on[A-Z]/.test(propName);
46
+ if (isHandler && typeof slotPropValue === 'function' && typeof childPropValue === 'function') {
47
+ overrideProps[propName] = composeEventHandlers(childPropValue, slotPropValue);
48
+ continue;
49
+ }
50
+ if (propName === 'style') {
51
+ overrideProps[propName] = Object.assign(Object.assign({}, slotPropValue), childPropValue);
52
+ continue;
53
+ }
54
+ if (propName === 'className') {
55
+ overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(' ');
56
+ continue;
57
+ }
58
+ overrideProps[propName] = childPropValue;
59
+ }
60
+ return overrideProps;
61
+ }
62
+ const PrimitiveSlot = React.forwardRef(function PrimitiveSlot(_a, forwardedRef) {
63
+ var { children } = _a, slotProps = __rest(_a, ["children"]);
64
+ if (!React.isValidElement(children)) {
65
+ return null;
66
+ }
67
+ const child = children;
68
+ const props = mergeSlotProps(slotProps, child.props);
69
+ return React.cloneElement(child, Object.assign(Object.assign({}, props), { ref: composeRefs(forwardedRef, getElementRef(child)) }));
70
+ });
71
+ export { PrimitiveSlot, composeEventHandlers, composeRefs };
72
+ //# sourceMappingURL=primitive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"primitive.js","sourceRoot":"","sources":["../src/primitive.tsx"],"names":[],"mappings":"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"}
package/dist/tabs.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ import * as React from 'react';
2
+ type TabsOrientation = 'horizontal' | 'vertical';
3
+ type TabsActivationMode = 'automatic' | 'manual';
4
+ interface TabsProps extends Omit<React.ComponentProps<'div'>, 'defaultValue' | 'onChange'> {
5
+ activationMode?: TabsActivationMode;
6
+ defaultValue?: string;
7
+ onValueChange?: (value: string) => void;
8
+ orientation?: TabsOrientation;
9
+ value?: string;
10
+ }
11
+ declare function Tabs({ activationMode, defaultValue, onValueChange, orientation, value: valueProp, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
12
+ declare function TabsList(props: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
13
+ interface TabsTriggerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
14
+ value: string;
15
+ }
16
+ declare function TabsTrigger({ disabled, onClick, onKeyDown, value, ...props }: TabsTriggerProps): import("react/jsx-runtime").JSX.Element;
17
+ interface TabsContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'value'> {
18
+ value: string;
19
+ }
20
+ declare function TabsContent({ value, ...props }: TabsContentProps): import("react/jsx-runtime").JSX.Element;
21
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
22
+ export type { TabsProps, TabsTriggerProps, TabsContentProps, TabsOrientation, TabsActivationMode };
23
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,eAAe,GAAG,YAAY,GAAG,UAAU,CAAC;AACjD,KAAK,kBAAkB,GAAG,WAAW,GAAG,QAAQ,CAAC;AA8BjD,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACxF,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,IAAI,CAAC,EACZ,cAA4B,EAC5B,YAAY,EACZ,aAAa,EACb,WAA0B,EAC1B,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,SAAS,2CA6BX;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAMnD;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC7F,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CA0EvF;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,WAAW,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAezD;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC;AACpD,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}
package/dist/tabs.js ADDED
@@ -0,0 +1,108 @@
1
+ 'use client';
2
+ var __rest = (this && this.__rest) || function (s, e) {
3
+ var t = {};
4
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
5
+ t[p] = s[p];
6
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
7
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
8
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
9
+ t[p[i]] = s[p[i]];
10
+ }
11
+ return t;
12
+ };
13
+ import { jsx as _jsx } from "react/jsx-runtime";
14
+ import * as React from 'react';
15
+ import { composeEventHandlers } from './primitive';
16
+ const TabsContext = React.createContext(null);
17
+ function useTabsContext(componentName) {
18
+ const context = React.useContext(TabsContext);
19
+ if (!context) {
20
+ throw new Error(`${componentName} must be used within Tabs`);
21
+ }
22
+ return context;
23
+ }
24
+ function getTabId(baseId, value) {
25
+ return `${baseId}-tab-${value}`;
26
+ }
27
+ function getPanelId(baseId, value) {
28
+ return `${baseId}-panel-${value}`;
29
+ }
30
+ function Tabs(_a) {
31
+ var { activationMode = 'automatic', defaultValue, onValueChange, orientation = 'horizontal', value: valueProp } = _a, props = __rest(_a, ["activationMode", "defaultValue", "onValueChange", "orientation", "value"]);
32
+ const reactId = React.useId();
33
+ const baseId = React.useMemo(() => `tcground-tabs-${reactId.replace(/:/g, '')}`, [reactId]);
34
+ const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
35
+ const isControlled = valueProp !== undefined;
36
+ const value = isControlled ? valueProp : uncontrolledValue;
37
+ const setValue = React.useCallback((nextValue) => {
38
+ if (!isControlled) {
39
+ setUncontrolledValue(nextValue);
40
+ }
41
+ onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
42
+ }, [isControlled, onValueChange]);
43
+ return (_jsx(TabsContext.Provider, { value: { activationMode, baseId, orientation, setValue, value }, children: _jsx("div", Object.assign({ "data-slot": 'tabs', "data-orientation": orientation, "data-horizontal": orientation === 'horizontal' ? '' : undefined, "data-vertical": orientation === 'vertical' ? '' : undefined }, props)) }));
44
+ }
45
+ function TabsList(props) {
46
+ const { orientation } = useTabsContext('TabsList');
47
+ return (_jsx("div", Object.assign({ role: 'tablist', "aria-orientation": orientation, "data-slot": 'tabs-list' }, props)));
48
+ }
49
+ function TabsTrigger(_a) {
50
+ var { disabled, onClick, onKeyDown, value } = _a, props = __rest(_a, ["disabled", "onClick", "onKeyDown", "value"]);
51
+ const context = useTabsContext('TabsTrigger');
52
+ const selected = context.value === value;
53
+ const tabId = getTabId(context.baseId, value);
54
+ const panelId = getPanelId(context.baseId, value);
55
+ const moveFocus = React.useCallback((event, direction) => {
56
+ var _a;
57
+ const list = event.currentTarget.closest('[role="tablist"]');
58
+ const tabs = Array.from((_a = list === null || list === void 0 ? void 0 : list.querySelectorAll('[role="tab"]:not(:disabled)')) !== null && _a !== void 0 ? _a : []);
59
+ const currentIndex = tabs.indexOf(event.currentTarget);
60
+ if (currentIndex === -1 || tabs.length === 0) {
61
+ return;
62
+ }
63
+ const nextIndex = direction === 'first'
64
+ ? 0
65
+ : direction === 'last'
66
+ ? tabs.length - 1
67
+ : direction === 'next'
68
+ ? (currentIndex + 1) % tabs.length
69
+ : (currentIndex - 1 + tabs.length) % tabs.length;
70
+ const nextTab = tabs[nextIndex];
71
+ event.preventDefault();
72
+ nextTab.focus();
73
+ if (context.activationMode === 'automatic') {
74
+ const nextValue = nextTab.getAttribute('data-value');
75
+ if (nextValue) {
76
+ context.setValue(nextValue);
77
+ }
78
+ }
79
+ }, [context]);
80
+ return (_jsx("button", Object.assign({ type: 'button', role: 'tab', id: tabId, "aria-controls": panelId, "aria-selected": selected, "data-active": selected ? '' : undefined, "data-slot": 'tabs-trigger', "data-value": value, disabled: disabled, tabIndex: selected || context.value === undefined ? 0 : -1, onClick: composeEventHandlers(onClick, () => context.setValue(value)), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
81
+ const previousKey = context.orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';
82
+ const nextKey = context.orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';
83
+ if (event.key === previousKey) {
84
+ moveFocus(event, 'prev');
85
+ }
86
+ else if (event.key === nextKey) {
87
+ moveFocus(event, 'next');
88
+ }
89
+ else if (event.key === 'Home') {
90
+ moveFocus(event, 'first');
91
+ }
92
+ else if (event.key === 'End') {
93
+ moveFocus(event, 'last');
94
+ }
95
+ else if (context.activationMode === 'manual' && (event.key === 'Enter' || event.key === ' ')) {
96
+ event.preventDefault();
97
+ context.setValue(value);
98
+ }
99
+ }) }, props)));
100
+ }
101
+ function TabsContent(_a) {
102
+ var { value } = _a, props = __rest(_a, ["value"]);
103
+ const context = useTabsContext('TabsContent');
104
+ const selected = context.value === value;
105
+ return (_jsx("div", Object.assign({ role: 'tabpanel', id: getPanelId(context.baseId, value), "aria-labelledby": getTabId(context.baseId, value), "data-slot": 'tabs-content', hidden: !selected, tabIndex: 0 }, props)));
106
+ }
107
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
108
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../src/tabs.tsx"],"names":[],"mappings":"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"}
package/package.json ADDED
@@ -0,0 +1,52 @@
1
+ {
2
+ "name": "@tcground/headless",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "description": "Unstyled, accessible React UI primitives that power @tcground/ui.",
6
+ "keywords": [
7
+ "react",
8
+ "ui",
9
+ "headless",
10
+ "primitives",
11
+ "accessibility",
12
+ "tcground"
13
+ ],
14
+ "license": "MIT",
15
+ "homepage": "https://github.com/jihyeon-songb/tcground#readme",
16
+ "repository": {
17
+ "type": "git",
18
+ "url": "git+https://github.com/jihyeon-songb/tcground.git",
19
+ "directory": "packages/headless"
20
+ },
21
+ "bugs": {
22
+ "url": "https://github.com/jihyeon-songb/tcground/issues"
23
+ },
24
+ "type": "module",
25
+ "main": "./dist/index.js",
26
+ "types": "./dist/index.d.ts",
27
+ "exports": {
28
+ ".": {
29
+ "types": "./dist/index.d.ts",
30
+ "import": "./dist/index.js"
31
+ }
32
+ },
33
+ "files": [
34
+ "dist"
35
+ ],
36
+ "publishConfig": {
37
+ "access": "public"
38
+ },
39
+ "peerDependencies": {
40
+ "react": ">=18.2.0 <20.0.0",
41
+ "react-dom": ">=18.2.0 <20.0.0"
42
+ },
43
+ "devDependencies": {
44
+ "@types/react": "^19",
45
+ "@types/react-dom": "^19",
46
+ "typescript": "^5"
47
+ },
48
+ "scripts": {
49
+ "build": "node -e \"const fs = require('node:fs'); fs.rmSync('dist', { recursive: true, force: true }); fs.rmSync('.tsbuildinfo', { force: true })\" && tsc -p tsconfig.build.json",
50
+ "typecheck": "tsc -p tsconfig.json --noEmit"
51
+ }
52
+ }