@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 +60 -0
- package/dist/button.d.ts +8 -0
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +46 -0
- package/dist/button.js.map +1 -0
- package/dist/dialog.d.ts +31 -0
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +233 -0
- package/dist/dialog.js.map +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +5 -0
- package/dist/index.js.map +1 -0
- package/dist/primitive.d.ts +11 -0
- package/dist/primitive.d.ts.map +1 -0
- package/dist/primitive.js +72 -0
- package/dist/primitive.js.map +1 -0
- package/dist/tabs.d.ts +23 -0
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +108 -0
- package/dist/tabs.js.map +1 -0
- package/package.json +52 -0
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.
|
package/dist/button.d.ts
ADDED
|
@@ -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"}
|
package/dist/dialog.d.ts
ADDED
|
@@ -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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"}
|
package/dist/index.d.ts
ADDED
|
@@ -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
|
package/dist/tabs.js.map
ADDED
|
@@ -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
|
+
}
|