@tcground/headless 0.1.0 → 0.1.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/README.md +21 -0
- package/dist/alert-dialog.d.ts +6 -0
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +10 -0
- package/dist/alert-dialog.js.map +1 -0
- package/dist/checkbox.d.ts +16 -0
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +53 -0
- package/dist/checkbox.js.map +1 -0
- package/dist/dialog.d.ts +4 -1
- package/dist/dialog.d.ts.map +1 -1
- package/dist/dialog.js +5 -3
- package/dist/dialog.js.map +1 -1
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +7 -0
- package/dist/index.js.map +1 -1
- package/dist/label.d.ts +6 -0
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +26 -0
- package/dist/label.js.map +1 -0
- package/dist/radio-group.d.ts +20 -0
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +91 -0
- package/dist/radio-group.js.map +1 -0
- package/dist/separator.d.ts +10 -0
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +27 -0
- package/dist/separator.js.map +1 -0
- package/dist/sheet.d.ts +3 -0
- package/dist/sheet.d.ts.map +1 -0
- package/dist/sheet.js +6 -0
- package/dist/sheet.js.map +1 -0
- package/dist/switch.d.ts +12 -0
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +48 -0
- package/dist/switch.js.map +1 -0
- package/package.json +7 -6
package/README.md
CHANGED
|
@@ -50,11 +50,32 @@ Style against the exposed hooks, for example:
|
|
|
50
50
|
## Components
|
|
51
51
|
|
|
52
52
|
- `Button` — native button behavior, disabled semantics, `asChild` slot merging.
|
|
53
|
+
- `Label` — forwards focus to the associated control, prevents text selection on
|
|
54
|
+
double-click.
|
|
55
|
+
- `Separator` — `role="separator"` / decorative, horizontal & vertical orientation.
|
|
53
56
|
- `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent` — roving tabindex, arrow / Home /
|
|
54
57
|
End navigation, automatic & manual activation, controlled & uncontrolled.
|
|
58
|
+
- `Checkbox`, `CheckboxIndicator` — `role="checkbox"`, `aria-checked` (incl. `mixed`
|
|
59
|
+
for indeterminate), Space toggle, controlled & uncontrolled.
|
|
60
|
+
- `Switch`, `SwitchThumb` — `role="switch"`, Space toggle, controlled & uncontrolled.
|
|
61
|
+
- `RadioGroup`, `RadioGroupItem`, `RadioGroupIndicator` — `role="radiogroup"` /
|
|
62
|
+
`radio`, roving tabindex with arrow-key selection, controlled & uncontrolled.
|
|
55
63
|
- `Dialog`, `DialogTrigger`, `DialogClose`, `DialogPortal`, `DialogOverlay`,
|
|
56
64
|
`DialogContent`, `DialogTitle`, `DialogDescription` — portal, focus trap, Escape
|
|
57
65
|
to close, focus restore, `aria-modal` wiring, controlled & uncontrolled.
|
|
66
|
+
- `AlertDialog` (and `AlertDialog*` parts) — `Dialog` with `role="alertdialog"` that
|
|
67
|
+
is not dismissed by overlay clicks (Escape still closes). `AlertDialogAction` /
|
|
68
|
+
`AlertDialogCancel` close the dialog.
|
|
69
|
+
- `Sheet` (and `Sheet*` parts) — a `Dialog` rendered for edge-anchored panels; edge
|
|
70
|
+
placement is a styling concern in the consumer.
|
|
71
|
+
|
|
72
|
+
State is exposed through boolean `data-*` hooks (`data-checked`, `data-unchecked`,
|
|
73
|
+
`data-disabled`, `data-horizontal`, `data-vertical`, `data-open`, …) so any CSS layer
|
|
74
|
+
can target them.
|
|
75
|
+
|
|
76
|
+
> Form participation: these controls are driven through their `on*Change` callbacks
|
|
77
|
+
> (and `checked` / `value` props). They do not render hidden inputs for native form
|
|
78
|
+
> submission — wire them to your form state directly.
|
|
58
79
|
|
|
59
80
|
Shared slot helpers `PrimitiveSlot`, `composeEventHandlers`, and `composeRefs`
|
|
60
81
|
are also exported for building your own primitives.
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, type DialogProps } from './dialog';
|
|
2
|
+
type AlertDialogProps = Omit<DialogProps, 'role' | 'dismissOnOverlayClick'>;
|
|
3
|
+
declare function AlertDialog(props: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { AlertDialog, DialogTrigger as AlertDialogTrigger, DialogPortal as AlertDialogPortal, DialogOverlay as AlertDialogOverlay, DialogContent as AlertDialogContent, DialogTitle as AlertDialogTitle, DialogDescription as AlertDialogDescription, DialogClose as AlertDialogAction, DialogClose as AlertDialogCancel, };
|
|
5
|
+
export type { AlertDialogProps };
|
|
6
|
+
//# sourceMappingURL=alert-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../src/alert-dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,EACb,KAAK,WAAW,EACjB,MAAM,UAAU,CAAC;AAElB,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,uBAAuB,CAAC,CAAC;AAI5E,iBAAS,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAE3C;AAED,OAAO,EACL,WAAW,EACX,aAAa,IAAI,kBAAkB,EACnC,YAAY,IAAI,iBAAiB,EACjC,aAAa,IAAI,kBAAkB,EACnC,aAAa,IAAI,kBAAkB,EACnC,WAAW,IAAI,gBAAgB,EAC/B,iBAAiB,IAAI,sBAAsB,EAC3C,WAAW,IAAI,iBAAiB,EAChC,WAAW,IAAI,iBAAiB,GACjC,CAAC;AACF,YAAY,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
|
|
4
|
+
// An alert dialog is a modal dialog that interrupts the user; it must not be
|
|
5
|
+
// dismissed by clicking the overlay (Escape still closes it).
|
|
6
|
+
function AlertDialog(props) {
|
|
7
|
+
return _jsx(Dialog, Object.assign({ role: 'alertdialog', dismissOnOverlayClick: false }, props));
|
|
8
|
+
}
|
|
9
|
+
export { AlertDialog, DialogTrigger as AlertDialogTrigger, DialogPortal as AlertDialogPortal, DialogOverlay as AlertDialogOverlay, DialogContent as AlertDialogContent, DialogTitle as AlertDialogTitle, DialogDescription as AlertDialogDescription, DialogClose as AlertDialogAction, DialogClose as AlertDialogCancel, };
|
|
10
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../src/alert-dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAIb,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GAEd,MAAM,UAAU,CAAC;AAIlB,6EAA6E;AAC7E,8DAA8D;AAC9D,SAAS,WAAW,CAAC,KAAuB;IAC1C,OAAO,KAAC,MAAM,kBAAC,IAAI,EAAC,aAAa,EAAC,qBAAqB,EAAE,KAAK,IAAM,KAAK,EAAI,CAAC;AAChF,CAAC;AAED,OAAO,EACL,WAAW,EACX,aAAa,IAAI,kBAAkB,EACnC,YAAY,IAAI,iBAAiB,EACjC,aAAa,IAAI,kBAAkB,EACnC,aAAa,IAAI,kBAAkB,EACnC,WAAW,IAAI,gBAAgB,EAC/B,iBAAiB,IAAI,sBAAsB,EAC3C,WAAW,IAAI,iBAAiB,EAChC,WAAW,IAAI,iBAAiB,GACjC,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type CheckedState = boolean | 'indeterminate';
|
|
3
|
+
interface CheckboxProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'checked' | 'defaultChecked' | 'value' | 'onChange'> {
|
|
4
|
+
checked?: CheckedState;
|
|
5
|
+
defaultChecked?: CheckedState;
|
|
6
|
+
onCheckedChange?: (checked: CheckedState) => void;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
}
|
|
9
|
+
declare function Checkbox({ checked: checkedProp, defaultChecked, disabled, onCheckedChange, onClick, onKeyDown, required, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
interface CheckboxIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {
|
|
11
|
+
forceMount?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare function CheckboxIndicator({ children, forceMount, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
+
export { Checkbox, CheckboxIndicator };
|
|
15
|
+
export type { CheckboxProps, CheckboxIndicatorProps, CheckedState };
|
|
16
|
+
//# sourceMappingURL=checkbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,YAAY,GAAG,OAAO,GAAG,eAAe,CAAC;AAmB9C,UAAU,aACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,gBAAgB,GAAG,OAAO,GAAG,UAAU,CAAC;IAChH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,QAAQ,CAAC,EAChB,OAAO,EAAE,WAAW,EACpB,cAAsB,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAuCf;AAED,UAAU,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC5E,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,kDAapF;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,YAAY,EAAE,CAAC"}
|
package/dist/checkbox.js
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
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 CheckboxContext = React.createContext(null);
|
|
17
|
+
function useCheckboxContext(componentName) {
|
|
18
|
+
const context = React.useContext(CheckboxContext);
|
|
19
|
+
if (!context) {
|
|
20
|
+
throw new Error(`${componentName} must be used within Checkbox`);
|
|
21
|
+
}
|
|
22
|
+
return context;
|
|
23
|
+
}
|
|
24
|
+
function Checkbox(_a) {
|
|
25
|
+
var { checked: checkedProp, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, required } = _a, props = __rest(_a, ["checked", "defaultChecked", "disabled", "onCheckedChange", "onClick", "onKeyDown", "required"]);
|
|
26
|
+
const [uncontrolledChecked, setUncontrolledChecked] = React.useState(defaultChecked);
|
|
27
|
+
const isControlled = checkedProp !== undefined;
|
|
28
|
+
const checked = isControlled ? checkedProp : uncontrolledChecked;
|
|
29
|
+
const toggle = React.useCallback(() => {
|
|
30
|
+
const nextChecked = checked === 'indeterminate' ? true : !checked;
|
|
31
|
+
if (!isControlled) {
|
|
32
|
+
setUncontrolledChecked(nextChecked);
|
|
33
|
+
}
|
|
34
|
+
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(nextChecked);
|
|
35
|
+
}, [checked, isControlled, onCheckedChange]);
|
|
36
|
+
return (_jsx(CheckboxContext.Provider, { value: { checked, disabled }, children: _jsx("button", Object.assign({ type: 'button', role: 'checkbox', "aria-checked": checked === 'indeterminate' ? 'mixed' : checked, "aria-required": required, "data-slot": 'checkbox', "data-checked": checked === true ? '' : undefined, "data-unchecked": checked === false ? '' : undefined, "data-indeterminate": checked === 'indeterminate' ? '' : undefined, "data-disabled": disabled ? '' : undefined, disabled: disabled, onClick: composeEventHandlers(onClick, toggle), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
|
|
37
|
+
// Checkboxes toggle on Space and must not submit a surrounding form on Enter.
|
|
38
|
+
if (event.key === 'Enter') {
|
|
39
|
+
event.preventDefault();
|
|
40
|
+
}
|
|
41
|
+
}) }, props)) }));
|
|
42
|
+
}
|
|
43
|
+
function CheckboxIndicator(_a) {
|
|
44
|
+
var { children, forceMount } = _a, props = __rest(_a, ["children", "forceMount"]);
|
|
45
|
+
const context = useCheckboxContext('CheckboxIndicator');
|
|
46
|
+
const visible = context.checked === true || context.checked === 'indeterminate';
|
|
47
|
+
if (!forceMount && !visible) {
|
|
48
|
+
return null;
|
|
49
|
+
}
|
|
50
|
+
return (_jsx("span", Object.assign({ "data-slot": 'checkbox-indicator', "aria-hidden": 'true' }, props, { children: children })));
|
|
51
|
+
}
|
|
52
|
+
export { Checkbox, CheckboxIndicator };
|
|
53
|
+
//# sourceMappingURL=checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../src/checkbox.tsx"],"names":[],"mappings":"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"}
|
package/dist/dialog.d.ts
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
type DialogRole = 'dialog' | 'alertdialog';
|
|
2
3
|
interface DialogProps {
|
|
3
4
|
children?: React.ReactNode;
|
|
4
5
|
defaultOpen?: boolean;
|
|
6
|
+
dismissOnOverlayClick?: boolean;
|
|
5
7
|
modal?: boolean;
|
|
6
8
|
onOpenChange?: (open: boolean) => void;
|
|
7
9
|
open?: boolean;
|
|
10
|
+
role?: DialogRole;
|
|
8
11
|
}
|
|
9
|
-
declare function Dialog({ children, defaultOpen, modal, onOpenChange, open }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare function Dialog({ children, defaultOpen, dismissOnOverlayClick, modal, onOpenChange, open, role, }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
10
13
|
interface DialogTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
11
14
|
asChild?: boolean;
|
|
12
15
|
}
|
package/dist/dialog.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,KAAK,UAAU,GAAG,QAAQ,GAAG,aAAa,CAAC;AA0F3C,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,iBAAS,MAAM,CAAC,EACd,QAAQ,EACR,WAAmB,EACnB,qBAA4B,EAC5B,KAAY,EACZ,YAAY,EACZ,IAAI,EACJ,IAAe,GAChB,EAAE,WAAW,2CAoDb;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
CHANGED
|
@@ -77,7 +77,7 @@ function usePortalNode(active) {
|
|
|
77
77
|
}, [active, portalNode]);
|
|
78
78
|
return portalNode;
|
|
79
79
|
}
|
|
80
|
-
function Dialog({ children, defaultOpen = false, modal = true, onOpenChange, open }) {
|
|
80
|
+
function Dialog({ children, defaultOpen = false, dismissOnOverlayClick = true, modal = true, onOpenChange, open, role = 'dialog', }) {
|
|
81
81
|
const reactId = React.useId();
|
|
82
82
|
const baseId = React.useMemo(() => `tcground-dialog-${reactId.replace(/:/g, '')}`, [reactId]);
|
|
83
83
|
const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);
|
|
@@ -105,10 +105,12 @@ function Dialog({ children, defaultOpen = false, modal = true, onOpenChange, ope
|
|
|
105
105
|
contentId: `${baseId}-content`,
|
|
106
106
|
contentRef,
|
|
107
107
|
descriptionId: `${baseId}-description`,
|
|
108
|
+
dismissOnOverlayClick,
|
|
108
109
|
modal,
|
|
109
110
|
open: currentOpen,
|
|
110
111
|
previousActiveElementRef,
|
|
111
112
|
rememberActiveElement,
|
|
113
|
+
role,
|
|
112
114
|
setOpen,
|
|
113
115
|
titleId: `${baseId}-title`,
|
|
114
116
|
triggerRef,
|
|
@@ -153,7 +155,7 @@ function DialogOverlay(_a) {
|
|
|
153
155
|
var { onMouseDown } = _a, props = __rest(_a, ["onMouseDown"]);
|
|
154
156
|
const context = useDialogContext('DialogOverlay');
|
|
155
157
|
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) {
|
|
158
|
+
if (context.dismissOnOverlayClick && event.target === event.currentTarget) {
|
|
157
159
|
context.setOpen(false);
|
|
158
160
|
}
|
|
159
161
|
}) }, props)));
|
|
@@ -217,7 +219,7 @@ function DialogContent(_a) {
|
|
|
217
219
|
if (!context.open) {
|
|
218
220
|
return null;
|
|
219
221
|
}
|
|
220
|
-
return (_jsx("div", Object.assign({ role:
|
|
222
|
+
return (_jsx("div", Object.assign({ role: context.role, "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
223
|
}
|
|
222
224
|
function DialogTitle(_a) {
|
|
223
225
|
var { id } = _a, props = __rest(_a, ["id"]);
|
package/dist/dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,2IAA2I;AAE3I,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAEzC,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,kBAAkB,GAAG;IACzB,SAAS;IACT,wBAAwB;IACxB,0BAA0B;IAC1B,uBAAuB;IACvB,wBAAwB;IACxB,iCAAiC;CAClC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../src/dialog.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,22 @@
|
|
|
1
1
|
export { PrimitiveSlot, composeEventHandlers, composeRefs } from './primitive';
|
|
2
2
|
export { Button } from './button';
|
|
3
3
|
export type { ButtonProps } from './button';
|
|
4
|
+
export { Label } from './label';
|
|
5
|
+
export type { LabelProps } from './label';
|
|
6
|
+
export { Separator } from './separator';
|
|
7
|
+
export type { SeparatorProps, SeparatorOrientation } from './separator';
|
|
8
|
+
export { Checkbox, CheckboxIndicator } from './checkbox';
|
|
9
|
+
export type { CheckboxProps, CheckboxIndicatorProps, CheckedState } from './checkbox';
|
|
10
|
+
export { Switch, SwitchThumb } from './switch';
|
|
11
|
+
export type { SwitchProps } from './switch';
|
|
12
|
+
export { RadioGroup, RadioGroupItem, RadioGroupIndicator } from './radio-group';
|
|
13
|
+
export type { RadioGroupProps, RadioGroupItemProps } from './radio-group';
|
|
4
14
|
export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
|
|
5
15
|
export type { TabsProps, TabsTriggerProps, TabsContentProps, TabsOrientation, TabsActivationMode, } from './tabs';
|
|
6
16
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
|
|
7
17
|
export type { DialogProps, DialogTriggerProps, DialogCloseProps, DialogContentProps, } from './dialog';
|
|
18
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './alert-dialog';
|
|
19
|
+
export type { AlertDialogProps } from './alert-dialog';
|
|
20
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from './sheet';
|
|
21
|
+
export type { SheetProps } from './sheet';
|
|
8
22
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +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"}
|
|
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,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,aAAa,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC/C,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC1E,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;AAClB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
export { PrimitiveSlot, composeEventHandlers, composeRefs } from './primitive';
|
|
2
2
|
export { Button } from './button';
|
|
3
|
+
export { Label } from './label';
|
|
4
|
+
export { Separator } from './separator';
|
|
5
|
+
export { Checkbox, CheckboxIndicator } from './checkbox';
|
|
6
|
+
export { Switch, SwitchThumb } from './switch';
|
|
7
|
+
export { RadioGroup, RadioGroupItem, RadioGroupIndicator } from './radio-group';
|
|
3
8
|
export { Tabs, TabsList, TabsTrigger, TabsContent } from './tabs';
|
|
4
9
|
export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from './dialog';
|
|
10
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from './alert-dialog';
|
|
11
|
+
export { Sheet, SheetClose, SheetContent, SheetDescription, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, } from './sheet';
|
|
5
12
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +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"}
|
|
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,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEhF,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;AAOlB,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,SAAS,CAAC"}
|
package/dist/label.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type LabelProps = React.ComponentProps<'label'>;
|
|
3
|
+
declare function Label({ onMouseDown, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export { Label };
|
|
5
|
+
export type { LabelProps };
|
|
6
|
+
//# sourceMappingURL=label.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../src/label.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;AAEhD,iBAAS,KAAK,CAAC,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAcnD;AAED,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/label.js
ADDED
|
@@ -0,0 +1,26 @@
|
|
|
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 { composeEventHandlers } from './primitive';
|
|
15
|
+
function Label(_a) {
|
|
16
|
+
var { onMouseDown } = _a, props = __rest(_a, ["onMouseDown"]);
|
|
17
|
+
return (_jsx("label", Object.assign({ "data-slot": 'label', onMouseDown: composeEventHandlers(onMouseDown, (event) => {
|
|
18
|
+
// Prevent text selection when double-clicking the label, while still
|
|
19
|
+
// letting a single click forward focus to the associated control.
|
|
20
|
+
if (event.detail > 1) {
|
|
21
|
+
event.preventDefault();
|
|
22
|
+
}
|
|
23
|
+
}) }, props)));
|
|
24
|
+
}
|
|
25
|
+
export { Label };
|
|
26
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../src/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAIb,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAInD,SAAS,KAAK,CAAC,EAAqC;QAArC,EAAE,WAAW,OAAwB,EAAnB,KAAK,cAAvB,eAAyB,CAAF;IACpC,OAAO,CACL,2CACY,OAAO,EACjB,WAAW,EAAE,oBAAoB,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;YACvD,qEAAqE;YACrE,kEAAkE;YAClE,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAC;YACzB,CAAC;QACH,CAAC,CAAC,IACE,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface RadioGroupProps extends Omit<React.ComponentProps<'div'>, 'defaultValue' | 'onChange'> {
|
|
3
|
+
defaultValue?: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
name?: string;
|
|
6
|
+
onValueChange?: (value: string) => void;
|
|
7
|
+
required?: boolean;
|
|
8
|
+
value?: string;
|
|
9
|
+
}
|
|
10
|
+
declare function RadioGroup({ defaultValue, disabled, name, onValueChange, required, value: valueProp, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
interface RadioGroupItemProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'value'> {
|
|
12
|
+
value: string;
|
|
13
|
+
}
|
|
14
|
+
declare function RadioGroupItem({ disabled: itemDisabled, onClick, onKeyDown, value, ...props }: RadioGroupItemProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
declare function RadioGroupIndicator({ forceMount, ...props }: React.HTMLAttributes<HTMLSpanElement> & {
|
|
16
|
+
forceMount?: boolean;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element | null;
|
|
18
|
+
export { RadioGroup, RadioGroupItem, RadioGroupIndicator };
|
|
19
|
+
export type { RadioGroupProps, RadioGroupItemProps };
|
|
20
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../src/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAwB/B,UAAU,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IAC9F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,UAAU,CAAC,EAClB,YAAY,EACZ,QAAQ,EACR,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EAAE,SAAS,EAChB,GAAG,KAAK,EACT,EAAE,eAAe,2CAqBjB;AAED,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAChG,KAAK,EAAE,MAAM,CAAC;CACf;AAQD,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAiE3G;AAED,iBAAS,mBAAmB,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAA;CAAE,kDAYtH;AAED,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,mBAAmB,EAAE,CAAC;AAC3D,YAAY,EAAE,eAAe,EAAE,mBAAmB,EAAE,CAAC"}
|
|
@@ -0,0 +1,91 @@
|
|
|
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 RadioGroupContext = React.createContext(null);
|
|
17
|
+
function useRadioGroupContext(componentName) {
|
|
18
|
+
const context = React.useContext(RadioGroupContext);
|
|
19
|
+
if (!context) {
|
|
20
|
+
throw new Error(`${componentName} must be used within RadioGroup`);
|
|
21
|
+
}
|
|
22
|
+
return context;
|
|
23
|
+
}
|
|
24
|
+
function RadioGroup(_a) {
|
|
25
|
+
var { defaultValue, disabled, name, onValueChange, required, value: valueProp } = _a, props = __rest(_a, ["defaultValue", "disabled", "name", "onValueChange", "required", "value"]);
|
|
26
|
+
const [uncontrolledValue, setUncontrolledValue] = React.useState(defaultValue);
|
|
27
|
+
const isControlled = valueProp !== undefined;
|
|
28
|
+
const value = isControlled ? valueProp : uncontrolledValue;
|
|
29
|
+
const setValue = React.useCallback((nextValue) => {
|
|
30
|
+
if (!isControlled) {
|
|
31
|
+
setUncontrolledValue(nextValue);
|
|
32
|
+
}
|
|
33
|
+
onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
|
|
34
|
+
}, [isControlled, onValueChange]);
|
|
35
|
+
return (_jsx(RadioGroupContext.Provider, { value: { disabled, name, required, setValue, value }, children: _jsx("div", Object.assign({ role: 'radiogroup', "aria-required": required, "data-slot": 'radio-group' }, props)) }));
|
|
36
|
+
}
|
|
37
|
+
const RadioGroupItemContext = React.createContext(null);
|
|
38
|
+
function RadioGroupItem(_a) {
|
|
39
|
+
var { disabled: itemDisabled, onClick, onKeyDown, value } = _a, props = __rest(_a, ["disabled", "onClick", "onKeyDown", "value"]);
|
|
40
|
+
const context = useRadioGroupContext('RadioGroupItem');
|
|
41
|
+
const checked = context.value === value;
|
|
42
|
+
const disabled = context.disabled || itemDisabled;
|
|
43
|
+
const moveFocus = React.useCallback((event, direction) => {
|
|
44
|
+
var _a;
|
|
45
|
+
const group = event.currentTarget.closest('[role="radiogroup"]');
|
|
46
|
+
const radios = Array.from((_a = group === null || group === void 0 ? void 0 : group.querySelectorAll('[role="radio"]:not(:disabled)')) !== null && _a !== void 0 ? _a : []);
|
|
47
|
+
const currentIndex = radios.indexOf(event.currentTarget);
|
|
48
|
+
if (currentIndex === -1 || radios.length === 0) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
const nextIndex = direction === 'next'
|
|
52
|
+
? (currentIndex + 1) % radios.length
|
|
53
|
+
: (currentIndex - 1 + radios.length) % radios.length;
|
|
54
|
+
const nextRadio = radios[nextIndex];
|
|
55
|
+
event.preventDefault();
|
|
56
|
+
nextRadio.focus();
|
|
57
|
+
// Radios select as focus moves (single tab stop, arrow to choose).
|
|
58
|
+
const nextValue = nextRadio.getAttribute('data-value');
|
|
59
|
+
if (nextValue) {
|
|
60
|
+
context.setValue(nextValue);
|
|
61
|
+
}
|
|
62
|
+
}, [context]);
|
|
63
|
+
return (_jsx(RadioGroupItemContext.Provider, { value: { checked }, children: _jsx("button", Object.assign({ type: 'button', role: 'radio', "aria-checked": checked, "data-slot": 'radio-group-item', "data-value": value, "data-checked": checked ? '' : undefined, "data-unchecked": checked ? undefined : '', "data-disabled": disabled ? '' : undefined, disabled: disabled, tabIndex: checked || context.value === undefined ? 0 : -1, onClick: composeEventHandlers(onClick, () => context.setValue(value)), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
|
|
64
|
+
if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {
|
|
65
|
+
moveFocus(event, 'next');
|
|
66
|
+
}
|
|
67
|
+
else if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {
|
|
68
|
+
moveFocus(event, 'prev');
|
|
69
|
+
}
|
|
70
|
+
else if (event.key === ' ') {
|
|
71
|
+
event.preventDefault();
|
|
72
|
+
context.setValue(value);
|
|
73
|
+
}
|
|
74
|
+
else if (event.key === 'Enter') {
|
|
75
|
+
event.preventDefault();
|
|
76
|
+
}
|
|
77
|
+
}) }, props)) }));
|
|
78
|
+
}
|
|
79
|
+
function RadioGroupIndicator(_a) {
|
|
80
|
+
var { forceMount } = _a, props = __rest(_a, ["forceMount"]);
|
|
81
|
+
const context = React.useContext(RadioGroupItemContext);
|
|
82
|
+
if (!context) {
|
|
83
|
+
throw new Error('RadioGroupIndicator must be used within RadioGroupItem');
|
|
84
|
+
}
|
|
85
|
+
if (!forceMount && !context.checked) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
88
|
+
return _jsx("span", Object.assign({ "data-slot": 'radio-group-indicator', "aria-hidden": 'true' }, props));
|
|
89
|
+
}
|
|
90
|
+
export { RadioGroup, RadioGroupItem, RadioGroupIndicator };
|
|
91
|
+
//# sourceMappingURL=radio-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../src/radio-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type SeparatorOrientation = 'horizontal' | 'vertical';
|
|
3
|
+
interface SeparatorProps extends Omit<React.ComponentProps<'div'>, 'role'> {
|
|
4
|
+
decorative?: boolean;
|
|
5
|
+
orientation?: SeparatorOrientation;
|
|
6
|
+
}
|
|
7
|
+
declare function Separator({ decorative, orientation, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
export { Separator };
|
|
9
|
+
export type { SeparatorProps, SeparatorOrientation };
|
|
10
|
+
//# sourceMappingURL=separator.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../src/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAEtD,UAAU,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,oBAAoB,CAAC;CACpC;AAED,iBAAS,SAAS,CAAC,EAAE,UAAiB,EAAE,WAA0B,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,2CAoB7F;AAED,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
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
|
+
function Separator(_a) {
|
|
15
|
+
var { decorative = true, orientation = 'horizontal' } = _a, props = __rest(_a, ["decorative", "orientation"]);
|
|
16
|
+
// A decorative separator carries no semantic meaning, so it is hidden from
|
|
17
|
+
// assistive tech. A semantic one exposes role/orientation per ARIA.
|
|
18
|
+
const semanticProps = decorative
|
|
19
|
+
? { role: 'none' }
|
|
20
|
+
: {
|
|
21
|
+
role: 'separator',
|
|
22
|
+
'aria-orientation': orientation === 'vertical' ? 'vertical' : undefined,
|
|
23
|
+
};
|
|
24
|
+
return (_jsx("div", Object.assign({ "data-slot": 'separator', "data-orientation": orientation, "data-horizontal": orientation === 'horizontal' ? '' : undefined, "data-vertical": orientation === 'vertical' ? '' : undefined }, semanticProps, props)));
|
|
25
|
+
}
|
|
26
|
+
export { Separator };
|
|
27
|
+
//# sourceMappingURL=separator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"separator.js","sourceRoot":"","sources":["../src/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAWb,SAAS,SAAS,CAAC,EAA2E;QAA3E,EAAE,UAAU,GAAG,IAAI,EAAE,WAAW,GAAG,YAAY,OAA4B,EAAvB,KAAK,cAAzD,6BAA2D,CAAF;IAC1E,2EAA2E;IAC3E,oEAAoE;IACpE,MAAM,aAAa,GAAG,UAAU;QAC9B,CAAC,CAAC,EAAE,IAAI,EAAE,MAAe,EAAE;QAC3B,CAAC,CAAC;YACE,IAAI,EAAE,WAAoB;YAC1B,kBAAkB,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAE,UAAoB,CAAC,CAAC,CAAC,SAAS;SACnF,CAAC;IAEN,OAAO,CACL,yCACY,WAAW,sBACH,WAAW,qBACZ,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,mBAC/C,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,IACtD,aAAa,EACb,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/dist/sheet.d.ts
ADDED
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { Dialog as Sheet, DialogTrigger as SheetTrigger, DialogClose as SheetClose, DialogPortal as SheetPortal, DialogOverlay as SheetOverlay, DialogContent as SheetContent, DialogTitle as SheetTitle, DialogDescription as SheetDescription, } from './dialog';
|
|
2
|
+
export type { DialogProps as SheetProps } from './dialog';
|
|
3
|
+
//# sourceMappingURL=sheet.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../src/sheet.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,MAAM,IAAI,KAAK,EACf,aAAa,IAAI,YAAY,EAC7B,WAAW,IAAI,UAAU,EACzB,YAAY,IAAI,WAAW,EAC3B,aAAa,IAAI,YAAY,EAC7B,aAAa,IAAI,YAAY,EAC7B,WAAW,IAAI,UAAU,EACzB,iBAAiB,IAAI,gBAAgB,GACtC,MAAM,UAAU,CAAC;AAClB,YAAY,EAAE,WAAW,IAAI,UAAU,EAAE,MAAM,UAAU,CAAC"}
|
package/dist/sheet.js
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
// A sheet is a Dialog that slides in from an edge of the viewport. Behavior
|
|
3
|
+
// (portal, focus trap, Escape/overlay dismiss, focus restore) is identical to
|
|
4
|
+
// Dialog; the edge placement is purely a styling concern in the consumer.
|
|
5
|
+
export { Dialog as Sheet, DialogTrigger as SheetTrigger, DialogClose as SheetClose, DialogPortal as SheetPortal, DialogOverlay as SheetOverlay, DialogContent as SheetContent, DialogTitle as SheetTitle, DialogDescription as SheetDescription, } from './dialog';
|
|
6
|
+
//# sourceMappingURL=sheet.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sheet.js","sourceRoot":"","sources":["../src/sheet.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,4EAA4E;AAC5E,8EAA8E;AAC9E,0EAA0E;AAC1E,OAAO,EACL,MAAM,IAAI,KAAK,EACf,aAAa,IAAI,YAAY,EAC7B,WAAW,IAAI,UAAU,EACzB,YAAY,IAAI,WAAW,EAC3B,aAAa,IAAI,YAAY,EAC7B,aAAa,IAAI,YAAY,EAC7B,WAAW,IAAI,UAAU,EACzB,iBAAiB,IAAI,gBAAgB,GACtC,MAAM,UAAU,CAAC"}
|
package/dist/switch.d.ts
ADDED
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'checked' | 'defaultChecked' | 'value' | 'onChange'> {
|
|
3
|
+
checked?: boolean;
|
|
4
|
+
defaultChecked?: boolean;
|
|
5
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
6
|
+
required?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare function Switch({ checked: checkedProp, defaultChecked, disabled, onCheckedChange, onClick, onKeyDown, required, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
declare function SwitchThumb(props: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export { Switch, SwitchThumb };
|
|
11
|
+
export type { SwitchProps };
|
|
12
|
+
//# sourceMappingURL=switch.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqB/B,UAAU,WACR,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,GAAG,gBAAgB,GAAG,OAAO,GAAG,UAAU,CAAC;IAChH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,MAAM,CAAC,EACd,OAAO,EAAE,WAAW,EACpB,cAAsB,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAsCb;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,2CAWhE;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/B,YAAY,EAAE,WAAW,EAAE,CAAC"}
|
package/dist/switch.js
ADDED
|
@@ -0,0 +1,48 @@
|
|
|
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 SwitchContext = React.createContext(null);
|
|
17
|
+
function useSwitchContext(componentName) {
|
|
18
|
+
const context = React.useContext(SwitchContext);
|
|
19
|
+
if (!context) {
|
|
20
|
+
throw new Error(`${componentName} must be used within Switch`);
|
|
21
|
+
}
|
|
22
|
+
return context;
|
|
23
|
+
}
|
|
24
|
+
function Switch(_a) {
|
|
25
|
+
var { checked: checkedProp, defaultChecked = false, disabled, onCheckedChange, onClick, onKeyDown, required } = _a, props = __rest(_a, ["checked", "defaultChecked", "disabled", "onCheckedChange", "onClick", "onKeyDown", "required"]);
|
|
26
|
+
const [uncontrolledChecked, setUncontrolledChecked] = React.useState(defaultChecked);
|
|
27
|
+
const isControlled = checkedProp !== undefined;
|
|
28
|
+
const checked = isControlled ? checkedProp : uncontrolledChecked;
|
|
29
|
+
const toggle = React.useCallback(() => {
|
|
30
|
+
const nextChecked = !checked;
|
|
31
|
+
if (!isControlled) {
|
|
32
|
+
setUncontrolledChecked(nextChecked);
|
|
33
|
+
}
|
|
34
|
+
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(nextChecked);
|
|
35
|
+
}, [checked, isControlled, onCheckedChange]);
|
|
36
|
+
return (_jsx(SwitchContext.Provider, { value: { checked, disabled }, children: _jsx("button", Object.assign({ type: 'button', role: 'switch', "aria-checked": checked, "aria-required": required, "data-slot": 'switch', "data-checked": checked ? '' : undefined, "data-unchecked": checked ? undefined : '', "data-disabled": disabled ? '' : undefined, disabled: disabled, onClick: composeEventHandlers(onClick, toggle), onKeyDown: composeEventHandlers(onKeyDown, (event) => {
|
|
37
|
+
// Toggle on Space; never submit a surrounding form on Enter.
|
|
38
|
+
if (event.key === 'Enter') {
|
|
39
|
+
event.preventDefault();
|
|
40
|
+
}
|
|
41
|
+
}) }, props)) }));
|
|
42
|
+
}
|
|
43
|
+
function SwitchThumb(props) {
|
|
44
|
+
const context = useSwitchContext('SwitchThumb');
|
|
45
|
+
return (_jsx("span", Object.assign({ "data-slot": 'switch-thumb', "data-checked": context.checked ? '' : undefined, "data-unchecked": context.checked ? undefined : '' }, props)));
|
|
46
|
+
}
|
|
47
|
+
export { Switch, SwitchThumb };
|
|
48
|
+
//# sourceMappingURL=switch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../src/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAOnD,MAAM,aAAa,GAAG,KAAK,CAAC,aAAa,CAA4B,IAAI,CAAC,CAAC;AAE3E,SAAS,gBAAgB,CAAC,aAAqB;IAC7C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IAEhD,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,GAAG,aAAa,6BAA6B,CAAC,CAAC;IACjE,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAUD,SAAS,MAAM,CAAC,EASF;QATE,EACd,OAAO,EAAE,WAAW,EACpB,cAAc,GAAG,KAAK,EACtB,QAAQ,EACR,eAAe,EACf,OAAO,EACP,SAAS,EACT,QAAQ,OAEI,EADT,KAAK,cARM,gGASf,CADS;IAER,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IACrF,MAAM,YAAY,GAAG,WAAW,KAAK,SAAS,CAAC;IAC/C,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,mBAAmB,CAAC;IAEjE,MAAM,MAAM,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QACpC,MAAM,WAAW,GAAG,CAAC,OAAO,CAAC;QAE7B,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,sBAAsB,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;QAED,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,WAAW,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7C,OAAO,CACL,KAAC,aAAa,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,YAClD,+BACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,kBACC,OAAO,mBACN,QAAQ,eACb,QAAQ,kBACJ,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBACtB,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,mBACzB,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,EACxC,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,EAC9C,SAAS,EAAE,oBAAoB,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;gBACnD,6DAA6D;gBAC7D,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;oBAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,CAAC;YACH,CAAC,CAAC,IACE,KAAK,EACT,GACqB,CAC1B,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAA4C;IAC/D,MAAM,OAAO,GAAG,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAEhD,OAAO,CACL,0CACY,cAAc,kBACV,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,oBAC9B,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAC5C,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tcground/headless",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Unstyled, accessible React UI primitives that power @tcground/ui.",
|
|
6
6
|
"keywords": [
|
|
@@ -36,6 +36,11 @@
|
|
|
36
36
|
"publishConfig": {
|
|
37
37
|
"access": "public"
|
|
38
38
|
},
|
|
39
|
+
"scripts": {
|
|
40
|
+
"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",
|
|
41
|
+
"prepack": "npm run build",
|
|
42
|
+
"typecheck": "tsc -p tsconfig.json --noEmit"
|
|
43
|
+
},
|
|
39
44
|
"peerDependencies": {
|
|
40
45
|
"react": ">=18.2.0 <20.0.0",
|
|
41
46
|
"react-dom": ">=18.2.0 <20.0.0"
|
|
@@ -44,9 +49,5 @@
|
|
|
44
49
|
"@types/react": "^19",
|
|
45
50
|
"@types/react-dom": "^19",
|
|
46
51
|
"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
|
}
|
|
52
|
-
}
|
|
53
|
+
}
|