@tribepad/themis 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/elements/Accordion/index.js +1 -335
- package/dist/elements/Accordion/index.js.map +1 -1
- package/dist/elements/Accordion/index.mjs +1 -317
- package/dist/elements/Accordion/index.mjs.map +1 -1
- package/dist/elements/AlertDialog/AlertDialog.d.ts +43 -0
- package/dist/elements/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/elements/AlertDialog/AlertDialog.styles.d.ts +15 -0
- package/dist/elements/AlertDialog/AlertDialog.styles.d.ts.map +1 -0
- package/dist/elements/AlertDialog/AlertDialog.types.d.ts +72 -0
- package/dist/elements/AlertDialog/AlertDialog.types.d.ts.map +1 -0
- package/dist/elements/AlertDialog/index.d.ts +25 -0
- package/dist/elements/AlertDialog/index.d.ts.map +1 -0
- package/dist/elements/AlertDialog/index.js +3 -0
- package/dist/elements/AlertDialog/index.js.map +1 -0
- package/dist/elements/AlertDialog/index.mjs +3 -0
- package/dist/elements/AlertDialog/index.mjs.map +1 -0
- package/dist/elements/Avatar/index.js +1 -468
- package/dist/elements/Avatar/index.js.map +1 -1
- package/dist/elements/Avatar/index.mjs +1 -456
- package/dist/elements/Avatar/index.mjs.map +1 -1
- package/dist/elements/Badge/index.js +1 -243
- package/dist/elements/Badge/index.js.map +1 -1
- package/dist/elements/Badge/index.mjs +1 -234
- package/dist/elements/Badge/index.mjs.map +1 -1
- package/dist/elements/Breadcrumbs/index.js +1 -821
- package/dist/elements/Breadcrumbs/index.js.map +1 -1
- package/dist/elements/Breadcrumbs/index.mjs +1 -810
- package/dist/elements/Breadcrumbs/index.mjs.map +1 -1
- package/dist/elements/Button/Button.d.ts +26 -81
- package/dist/elements/Button/Button.d.ts.map +1 -1
- package/dist/elements/Button/Button.styles.d.ts +35 -0
- package/dist/elements/Button/Button.styles.d.ts.map +1 -0
- package/dist/elements/Button/Button.types.d.ts +20 -8
- package/dist/elements/Button/Button.types.d.ts.map +1 -1
- package/dist/elements/Button/index.js +1 -288
- package/dist/elements/Button/index.js.map +1 -1
- package/dist/elements/Button/index.mjs +1 -283
- package/dist/elements/Button/index.mjs.map +1 -1
- package/dist/elements/ButtonGroup/index.js +1 -237
- package/dist/elements/ButtonGroup/index.js.map +1 -1
- package/dist/elements/ButtonGroup/index.mjs +1 -222
- package/dist/elements/ButtonGroup/index.mjs.map +1 -1
- package/dist/elements/Card/index.js +1 -579
- package/dist/elements/Card/index.js.map +1 -1
- package/dist/elements/Card/index.mjs +1 -560
- package/dist/elements/Card/index.mjs.map +1 -1
- package/dist/elements/Carousel/Carousel.d.ts +1 -11
- package/dist/elements/Carousel/Carousel.d.ts.map +1 -1
- package/dist/elements/Carousel/LazyCarousel.d.ts +1 -1
- package/dist/elements/Carousel/LazyCarousel.d.ts.map +1 -1
- package/dist/elements/Carousel/index.js +1 -789
- package/dist/elements/Carousel/index.js.map +1 -1
- package/dist/elements/Carousel/index.mjs +1 -786
- package/dist/elements/Carousel/index.mjs.map +1 -1
- package/dist/elements/Chart/ChartContext.d.ts.map +1 -1
- package/dist/elements/Chart/index.js +1 -1842
- package/dist/elements/Chart/index.js.map +1 -1
- package/dist/elements/Chart/index.mjs +1 -1832
- package/dist/elements/Chart/index.mjs.map +1 -1
- package/dist/elements/Checkbox/index.js +1 -316
- package/dist/elements/Checkbox/index.js.map +1 -1
- package/dist/elements/Checkbox/index.mjs +1 -306
- package/dist/elements/Checkbox/index.mjs.map +1 -1
- package/dist/elements/CheckboxGroup/index.js +1 -455
- package/dist/elements/CheckboxGroup/index.js.map +1 -1
- package/dist/elements/CheckboxGroup/index.mjs +1 -439
- package/dist/elements/CheckboxGroup/index.mjs.map +1 -1
- package/dist/elements/Combobox/Combobox.d.ts +56 -0
- package/dist/elements/Combobox/Combobox.d.ts.map +1 -0
- package/dist/elements/Combobox/Combobox.styles.d.ts +29 -0
- package/dist/elements/Combobox/Combobox.styles.d.ts.map +1 -0
- package/dist/elements/Combobox/Combobox.types.d.ts +67 -0
- package/dist/elements/Combobox/Combobox.types.d.ts.map +1 -0
- package/dist/elements/Combobox/index.d.ts +20 -0
- package/dist/elements/Combobox/index.d.ts.map +1 -0
- package/dist/elements/Combobox/index.js +3 -0
- package/dist/elements/Combobox/index.js.map +1 -0
- package/dist/elements/Combobox/index.mjs +3 -0
- package/dist/elements/Combobox/index.mjs.map +1 -0
- package/dist/elements/DatePicker/DatePicker.d.ts +1 -1
- package/dist/elements/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/elements/DatePicker/index.js +1 -903
- package/dist/elements/DatePicker/index.js.map +1 -1
- package/dist/elements/DatePicker/index.mjs +1 -853
- package/dist/elements/DatePicker/index.mjs.map +1 -1
- package/dist/elements/Dropdown/Dropdown.d.ts +7 -15
- package/dist/elements/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/elements/Dropdown/Dropdown.styles.d.ts +22 -0
- package/dist/elements/Dropdown/Dropdown.styles.d.ts.map +1 -0
- package/dist/elements/Dropdown/index.d.ts +1 -0
- package/dist/elements/Dropdown/index.d.ts.map +1 -1
- package/dist/elements/Dropdown/index.js +1 -193
- package/dist/elements/Dropdown/index.js.map +1 -1
- package/dist/elements/Dropdown/index.mjs +1 -184
- package/dist/elements/Dropdown/index.mjs.map +1 -1
- package/dist/elements/FileField/index.js +1 -1539
- package/dist/elements/FileField/index.js.map +1 -1
- package/dist/elements/FileField/index.mjs +1 -1507
- package/dist/elements/FileField/index.mjs.map +1 -1
- package/dist/elements/FormLayout/index.js +1 -170
- package/dist/elements/FormLayout/index.js.map +1 -1
- package/dist/elements/FormLayout/index.mjs +1 -167
- package/dist/elements/FormLayout/index.mjs.map +1 -1
- package/dist/elements/Modal/Modal.d.ts +9 -14
- package/dist/elements/Modal/Modal.d.ts.map +1 -1
- package/dist/elements/Modal/Modal.styles.d.ts +29 -0
- package/dist/elements/Modal/Modal.styles.d.ts.map +1 -0
- package/dist/elements/Modal/index.d.ts +1 -0
- package/dist/elements/Modal/index.d.ts.map +1 -1
- package/dist/elements/Modal/index.js +1 -232
- package/dist/elements/Modal/index.js.map +1 -1
- package/dist/elements/Modal/index.mjs +1 -220
- package/dist/elements/Modal/index.mjs.map +1 -1
- package/dist/elements/NumberField/NumberField.variants.d.ts +1 -1
- package/dist/elements/NumberField/index.js +1 -666
- package/dist/elements/NumberField/index.js.map +1 -1
- package/dist/elements/NumberField/index.mjs +1 -654
- package/dist/elements/NumberField/index.mjs.map +1 -1
- package/dist/elements/OTPInput/OTPInput.d.ts.map +1 -1
- package/dist/elements/OTPInput/index.js +1 -734
- package/dist/elements/OTPInput/index.js.map +1 -1
- package/dist/elements/OTPInput/index.mjs +1 -732
- package/dist/elements/OTPInput/index.mjs.map +1 -1
- package/dist/elements/Pagination/Pagination.d.ts +45 -0
- package/dist/elements/Pagination/Pagination.d.ts.map +1 -0
- package/dist/elements/Pagination/Pagination.styles.d.ts +10 -0
- package/dist/elements/Pagination/Pagination.styles.d.ts.map +1 -0
- package/dist/elements/Pagination/Pagination.types.d.ts +55 -0
- package/dist/elements/Pagination/Pagination.types.d.ts.map +1 -0
- package/dist/elements/Pagination/index.d.ts +21 -0
- package/dist/elements/Pagination/index.d.ts.map +1 -0
- package/dist/elements/Pagination/index.js +3 -0
- package/dist/elements/Pagination/index.js.map +1 -0
- package/dist/elements/Pagination/index.mjs +3 -0
- package/dist/elements/Pagination/index.mjs.map +1 -0
- package/dist/elements/Panel/index.js +1 -330
- package/dist/elements/Panel/index.js.map +1 -1
- package/dist/elements/Panel/index.mjs +1 -323
- package/dist/elements/Panel/index.mjs.map +1 -1
- package/dist/elements/PasswordField/PasswordField.d.ts +27 -0
- package/dist/elements/PasswordField/PasswordField.d.ts.map +1 -0
- package/dist/elements/PasswordField/PasswordField.styles.d.ts +32 -0
- package/dist/elements/PasswordField/PasswordField.styles.d.ts.map +1 -0
- package/dist/elements/PasswordField/PasswordField.types.d.ts +100 -0
- package/dist/elements/PasswordField/PasswordField.types.d.ts.map +1 -0
- package/dist/elements/PasswordField/index.css +2 -0
- package/dist/elements/PasswordField/index.css.map +1 -0
- package/dist/elements/PasswordField/index.d.ts +20 -0
- package/dist/elements/PasswordField/index.d.ts.map +1 -0
- package/dist/elements/PasswordField/index.js +3 -0
- package/dist/elements/PasswordField/index.js.map +1 -0
- package/dist/elements/PasswordField/index.mjs +3 -0
- package/dist/elements/PasswordField/index.mjs.map +1 -0
- package/dist/elements/Progress/index.js +1 -187
- package/dist/elements/Progress/index.js.map +1 -1
- package/dist/elements/Progress/index.mjs +1 -181
- package/dist/elements/Progress/index.mjs.map +1 -1
- package/dist/elements/RadioGroup/index.js +1 -369
- package/dist/elements/RadioGroup/index.js.map +1 -1
- package/dist/elements/RadioGroup/index.mjs +1 -359
- package/dist/elements/RadioGroup/index.mjs.map +1 -1
- package/dist/elements/Resizable/index.js +1 -1580
- package/dist/elements/Resizable/index.js.map +1 -1
- package/dist/elements/Resizable/index.mjs +1 -1566
- package/dist/elements/Resizable/index.mjs.map +1 -1
- package/dist/elements/SearchField/SearchField.d.ts +27 -0
- package/dist/elements/SearchField/SearchField.d.ts.map +1 -0
- package/dist/elements/SearchField/SearchField.styles.d.ts +32 -0
- package/dist/elements/SearchField/SearchField.styles.d.ts.map +1 -0
- package/dist/elements/SearchField/SearchField.types.d.ts +45 -0
- package/dist/elements/SearchField/SearchField.types.d.ts.map +1 -0
- package/dist/elements/SearchField/index.css +2 -0
- package/dist/elements/SearchField/index.css.map +1 -0
- package/dist/elements/SearchField/index.d.ts +21 -0
- package/dist/elements/SearchField/index.d.ts.map +1 -0
- package/dist/elements/SearchField/index.js +3 -0
- package/dist/elements/SearchField/index.js.map +1 -0
- package/dist/elements/SearchField/index.mjs +3 -0
- package/dist/elements/SearchField/index.mjs.map +1 -0
- package/dist/elements/Select/Select.d.ts +19 -48
- package/dist/elements/Select/Select.d.ts.map +1 -1
- package/dist/elements/Select/Select.styles.d.ts +55 -0
- package/dist/elements/Select/Select.styles.d.ts.map +1 -0
- package/dist/elements/Select/index.js +1 -589
- package/dist/elements/Select/index.js.map +1 -1
- package/dist/elements/Select/index.mjs +1 -582
- package/dist/elements/Select/index.mjs.map +1 -1
- package/dist/elements/Skeleton/index.js +1 -82
- package/dist/elements/Skeleton/index.js.map +1 -1
- package/dist/elements/Skeleton/index.mjs +1 -78
- package/dist/elements/Skeleton/index.mjs.map +1 -1
- package/dist/elements/Switch/index.js +1 -179
- package/dist/elements/Switch/index.js.map +1 -1
- package/dist/elements/Switch/index.mjs +1 -173
- package/dist/elements/Switch/index.mjs.map +1 -1
- package/dist/elements/Table/Table.d.ts +3 -24
- package/dist/elements/Table/Table.d.ts.map +1 -1
- package/dist/elements/Table/Table.styles.d.ts +24 -0
- package/dist/elements/Table/Table.styles.d.ts.map +1 -0
- package/dist/elements/Table/index.js +1 -595
- package/dist/elements/Table/index.js.map +1 -1
- package/dist/elements/Table/index.mjs +1 -578
- package/dist/elements/Table/index.mjs.map +1 -1
- package/dist/elements/Tabs/Tabs.d.ts +5 -3
- package/dist/elements/Tabs/Tabs.d.ts.map +1 -1
- package/dist/elements/Tabs/Tabs.types.d.ts +15 -0
- package/dist/elements/Tabs/Tabs.types.d.ts.map +1 -1
- package/dist/elements/Tabs/index.js +1 -337
- package/dist/elements/Tabs/index.js.map +1 -1
- package/dist/elements/Tabs/index.mjs +1 -320
- package/dist/elements/Tabs/index.mjs.map +1 -1
- package/dist/elements/TextField/TextField.d.ts +6 -42
- package/dist/elements/TextField/TextField.d.ts.map +1 -1
- package/dist/elements/TextField/TextField.hooks.d.ts +63 -0
- package/dist/elements/TextField/TextField.hooks.d.ts.map +1 -0
- package/dist/elements/TextField/TextField.icons.d.ts +19 -0
- package/dist/elements/TextField/TextField.icons.d.ts.map +1 -0
- package/dist/elements/TextField/TextField.styles.d.ts +37 -0
- package/dist/elements/TextField/TextField.styles.d.ts.map +1 -0
- package/dist/elements/TextField/TextField.types.d.ts +3 -0
- package/dist/elements/TextField/TextField.types.d.ts.map +1 -1
- package/dist/elements/TextField/index.css +1 -22
- package/dist/elements/TextField/index.css.map +1 -1
- package/dist/elements/TextField/index.js +1 -902
- package/dist/elements/TextField/index.js.map +1 -1
- package/dist/elements/TextField/index.mjs +1 -882
- package/dist/elements/TextField/index.mjs.map +1 -1
- package/dist/elements/TimeField/index.js +1 -254
- package/dist/elements/TimeField/index.js.map +1 -1
- package/dist/elements/TimeField/index.mjs +1 -238
- package/dist/elements/TimeField/index.mjs.map +1 -1
- package/dist/elements/Toast/Toast.d.ts +0 -22
- package/dist/elements/Toast/Toast.d.ts.map +1 -1
- package/dist/elements/Toast/index.js +1 -737
- package/dist/elements/Toast/index.js.map +1 -1
- package/dist/elements/Toast/index.mjs +1 -724
- package/dist/elements/Toast/index.mjs.map +1 -1
- package/dist/elements/Tooltip/index.js +1 -323
- package/dist/elements/Tooltip/index.js.map +1 -1
- package/dist/elements/Tooltip/index.mjs +1 -310
- package/dist/elements/Tooltip/index.mjs.map +1 -1
- package/dist/elements/index.css +1 -22
- package/dist/elements/index.css.map +1 -1
- package/dist/elements/index.d.ts +13 -1
- package/dist/elements/index.d.ts.map +1 -1
- package/dist/elements/index.js +1 -12455
- package/dist/elements/index.js.map +1 -1
- package/dist/elements/index.mjs +1 -12233
- package/dist/elements/index.mjs.map +1 -1
- package/dist/index.css +1 -22
- package/dist/index.css.map +1 -1
- package/dist/index.js +2 -12490
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -12262
- package/dist/index.mjs.map +1 -1
- package/dist/schemas/index.js +2 -54
- package/dist/schemas/index.js.map +1 -1
- package/dist/schemas/index.mjs +2 -48
- package/dist/schemas/index.mjs.map +1 -1
- package/dist/styles/defaults.css +151 -0
- package/dist/styles/index.js +1 -166
- package/dist/styles/index.js.map +1 -1
- package/dist/styles/index.mjs +1 -129
- package/dist/styles/index.mjs.map +1 -1
- package/dist/styles/shared-variants.d.ts +3 -3
- package/dist/styles/shared-variants.d.ts.map +1 -1
- package/dist/utils/index.js +1 -12
- package/dist/utils/index.js.map +1 -1
- package/dist/utils/index.mjs +1 -10
- package/dist/utils/index.mjs.map +1 -1
- package/package.json +9 -7
- package/src/elements/Accordion/Accordion.stories.tsx +1 -1
- package/src/elements/AlertDialog/AlertDialog.stories.tsx +124 -0
- package/src/elements/Avatar/Avatar.stories.tsx +1 -1
- package/src/elements/Badge/Badge.stories.tsx +1 -1
- package/src/elements/Breadcrumbs/Breadcrumbs.stories.tsx +1 -1
- package/src/elements/Button/Button.stories.tsx +1 -1
- package/src/elements/ButtonGroup/ButtonGroup.stories.tsx +1 -1
- package/src/elements/Card/Card.stories.tsx +1 -1
- package/src/elements/Carousel/Carousel.stories.tsx +1 -1
- package/src/elements/Chart/Chart.stories.tsx +1 -1
- package/src/elements/Checkbox/Checkbox.stories.tsx +1 -1
- package/src/elements/CheckboxGroup/CheckboxGroup.stories.tsx +4 -4
- package/src/elements/Combobox/Combobox.stories.tsx +133 -0
- package/src/elements/DatePicker/DatePicker.stories.tsx +1 -1
- package/src/elements/Dropdown/Dropdown.stories.tsx +1 -1
- package/src/elements/FileField/FileField.stories.tsx +2 -2
- package/src/elements/FileField/FileProgress.stories.tsx +1 -1
- package/src/elements/FormLayout/FormLayout.stories.tsx +1 -1
- package/src/elements/Modal/Modal.stories.tsx +1 -1
- package/src/elements/NumberField/NumberField.stories.tsx +1 -1
- package/src/elements/OTPInput/OTPInput.stories.tsx +1 -1
- package/src/elements/Pagination/Pagination.stories.tsx +203 -0
- package/src/elements/Panel/Panel.stories.tsx +1 -1
- package/src/elements/PasswordField/PasswordField.stories.tsx +167 -0
- package/src/elements/Progress/Progress.stories.tsx +7 -2
- package/src/elements/RadioGroup/RadioGroup.stories.tsx +3 -3
- package/src/elements/Resizable/Resizable.stories.tsx +1 -1
- package/src/elements/SearchField/SearchField.stories.tsx +146 -0
- package/src/elements/Select/Select.stories.tsx +1 -1
- package/src/elements/Skeleton/Skeleton.stories.tsx +1 -1
- package/src/elements/Switch/Switch.stories.tsx +1 -1
- package/src/elements/Table/Table.stories.tsx +1 -1
- package/src/elements/Tabs/Tabs.stories.tsx +46 -2
- package/src/elements/TextField/TextField.stories.tsx +1 -1
- package/src/elements/TimeField/TimeField.stories.tsx +1 -1
- package/src/elements/Toast/Toast.stories.tsx +1 -1
- package/src/elements/Tooltip/Tooltip.stories.tsx +1 -1
|
@@ -1,319 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
import { DisclosureGroup, Disclosure, composeRenderProps, DisclosureStateContext, Heading, Button, DisclosurePanel } from 'react-aria-components';
|
|
4
|
-
import { cva } from 'class-variance-authority';
|
|
5
|
-
import { ChevronDown } from 'lucide-react';
|
|
6
|
-
import { clsx } from 'clsx';
|
|
7
|
-
import { twMerge } from 'tailwind-merge';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
import { z } from 'zod';
|
|
10
|
-
|
|
11
|
-
// src/elements/Accordion/Accordion.tsx
|
|
12
|
-
function cn(...inputs) {
|
|
13
|
-
return twMerge(clsx(inputs));
|
|
14
|
-
}
|
|
15
|
-
var Activity = Activity$1 ?? function ActivityFallback({
|
|
16
|
-
children,
|
|
17
|
-
mode
|
|
18
|
-
}) {
|
|
19
|
-
return /* @__PURE__ */ jsx("div", { "data-activity-mode": mode, children });
|
|
20
|
-
};
|
|
21
|
-
var AccordionContext = createContext({});
|
|
22
|
-
var accordionVariants = cva("w-full", {
|
|
23
|
-
variants: {},
|
|
24
|
-
defaultVariants: {}
|
|
25
|
-
});
|
|
26
|
-
var accordionItemVariants = cva(
|
|
27
|
-
[
|
|
28
|
-
"border-b border-[var(--border)]",
|
|
29
|
-
// Last item has no border (handled by last:border-b-0)
|
|
30
|
-
"last:border-b-0"
|
|
31
|
-
].join(" "),
|
|
32
|
-
{
|
|
33
|
-
variants: {},
|
|
34
|
-
defaultVariants: {}
|
|
35
|
-
}
|
|
36
|
-
);
|
|
37
|
-
var accordionTriggerVariants = cva(
|
|
38
|
-
[
|
|
39
|
-
// Layout
|
|
40
|
-
"flex flex-1 items-center justify-between py-4 font-medium w-full",
|
|
41
|
-
// Text styling
|
|
42
|
-
"text-sm text-[var(--content-foreground)]",
|
|
43
|
-
// Hover state
|
|
44
|
-
"hover:underline",
|
|
45
|
-
// Focus visible ring (WCAG 2.4.13)
|
|
46
|
-
"focus-visible:outline-none focus-visible:ring-2",
|
|
47
|
-
"focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2",
|
|
48
|
-
"focus-visible:ring-offset-[var(--content-background)]",
|
|
49
|
-
// WCAG 2.2 AAA: 44px minimum touch target
|
|
50
|
-
"min-h-[44px]",
|
|
51
|
-
// Disabled state
|
|
52
|
-
"data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
|
|
53
|
-
// Transition for smooth interactions
|
|
54
|
-
"transition-all"
|
|
55
|
-
].join(" "),
|
|
56
|
-
{
|
|
57
|
-
variants: {},
|
|
58
|
-
defaultVariants: {}
|
|
59
|
-
}
|
|
60
|
-
);
|
|
61
|
-
var accordionChevronVariants = cva(
|
|
62
|
-
[
|
|
63
|
-
"h-4 w-4 shrink-0",
|
|
64
|
-
"text-[var(--menu-muted)]",
|
|
65
|
-
// Smooth rotation transition
|
|
66
|
-
"transition-transform duration-200 ease-out",
|
|
67
|
-
// Reduced motion support
|
|
68
|
-
"motion-reduce:transition-none"
|
|
69
|
-
].join(" "),
|
|
70
|
-
{
|
|
71
|
-
variants: {
|
|
72
|
-
isExpanded: {
|
|
73
|
-
true: "rotate-180",
|
|
74
|
-
false: "rotate-0"
|
|
75
|
-
}
|
|
76
|
-
},
|
|
77
|
-
defaultVariants: {
|
|
78
|
-
isExpanded: false
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
);
|
|
82
|
-
var accordionContentVariants = cva(
|
|
83
|
-
[
|
|
84
|
-
"overflow-hidden",
|
|
85
|
-
"text-sm text-[var(--menu-muted)]"
|
|
86
|
-
].join(" "),
|
|
87
|
-
{
|
|
88
|
-
variants: {},
|
|
89
|
-
defaultVariants: {}
|
|
90
|
-
}
|
|
91
|
-
);
|
|
92
|
-
var accordionContentInnerVariants = cva("pb-4 pt-0", {
|
|
93
|
-
variants: {},
|
|
94
|
-
defaultVariants: {}
|
|
95
|
-
});
|
|
96
|
-
function getHeadingLevel(level) {
|
|
97
|
-
const levelMap = {
|
|
98
|
-
h1: 1,
|
|
99
|
-
h2: 2,
|
|
100
|
-
h3: 3,
|
|
101
|
-
h4: 4,
|
|
102
|
-
h5: 5,
|
|
103
|
-
h6: 6
|
|
104
|
-
};
|
|
105
|
-
return levelMap[level];
|
|
106
|
-
}
|
|
107
|
-
function getFirstAccordionItemId(children) {
|
|
108
|
-
const childArray = Children.toArray(children);
|
|
109
|
-
for (const child of childArray) {
|
|
110
|
-
if (isValidElement(child)) {
|
|
111
|
-
const childProps = child.props;
|
|
112
|
-
if (childProps && typeof childProps === "object" && "id" in childProps) {
|
|
113
|
-
return childProps.id;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
117
|
-
return void 0;
|
|
118
|
-
}
|
|
119
|
-
function AccordionRoot({
|
|
120
|
-
type = "single",
|
|
121
|
-
collapsible = false,
|
|
122
|
-
expandedKeys,
|
|
123
|
-
defaultExpandedKeys,
|
|
124
|
-
onExpandedChange,
|
|
125
|
-
isDisabled = false,
|
|
126
|
-
disabledKeys,
|
|
127
|
-
className,
|
|
128
|
-
children,
|
|
129
|
-
...props
|
|
130
|
-
}) {
|
|
131
|
-
const allowsMultipleExpanded = type === "multiple";
|
|
132
|
-
const effectiveDefaultExpandedKeys = useMemo(() => {
|
|
133
|
-
if (!collapsible && type === "single" && !defaultExpandedKeys && !expandedKeys) {
|
|
134
|
-
const firstItemId = getFirstAccordionItemId(children);
|
|
135
|
-
return firstItemId ? [firstItemId] : void 0;
|
|
136
|
-
}
|
|
137
|
-
return defaultExpandedKeys;
|
|
138
|
-
}, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);
|
|
139
|
-
const contextValue = useMemo(
|
|
140
|
-
() => ({ disabledKeys }),
|
|
141
|
-
[disabledKeys]
|
|
142
|
-
);
|
|
143
|
-
return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
|
|
144
|
-
DisclosureGroup,
|
|
145
|
-
{
|
|
146
|
-
allowsMultipleExpanded,
|
|
147
|
-
expandedKeys,
|
|
148
|
-
defaultExpandedKeys: effectiveDefaultExpandedKeys,
|
|
149
|
-
onExpandedChange,
|
|
150
|
-
isDisabled,
|
|
151
|
-
className: cn(accordionVariants(), className),
|
|
152
|
-
...props,
|
|
153
|
-
children
|
|
154
|
-
}
|
|
155
|
-
) });
|
|
156
|
-
}
|
|
157
|
-
AccordionRoot.displayName = "Accordion";
|
|
158
|
-
function AccordionItemComponent({
|
|
159
|
-
id,
|
|
160
|
-
isDisabled: isDisabledProp,
|
|
161
|
-
className,
|
|
162
|
-
children,
|
|
163
|
-
...props
|
|
164
|
-
}) {
|
|
165
|
-
const { disabledKeys } = useContext(AccordionContext);
|
|
166
|
-
const isDisabledFromKeys = disabledKeys?.includes(id) ?? false;
|
|
167
|
-
const isDisabled = isDisabledProp || isDisabledFromKeys;
|
|
168
|
-
return /* @__PURE__ */ jsx(
|
|
169
|
-
Disclosure,
|
|
170
|
-
{
|
|
171
|
-
id,
|
|
172
|
-
isDisabled,
|
|
173
|
-
className: composeRenderProps(
|
|
174
|
-
className,
|
|
175
|
-
(className2) => cn(accordionItemVariants(), className2)
|
|
176
|
-
),
|
|
177
|
-
...props,
|
|
178
|
-
children
|
|
179
|
-
}
|
|
180
|
-
);
|
|
181
|
-
}
|
|
182
|
-
AccordionItemComponent.displayName = "AccordionItem";
|
|
183
|
-
function AccordionTriggerComponent({
|
|
184
|
-
as: headingLevel = "h3",
|
|
185
|
-
icon,
|
|
186
|
-
hideIcon = false,
|
|
187
|
-
className,
|
|
188
|
-
children,
|
|
189
|
-
...props
|
|
190
|
-
}) {
|
|
191
|
-
const state = useContext(DisclosureStateContext);
|
|
192
|
-
const isExpanded = state?.isExpanded ?? false;
|
|
193
|
-
return /* @__PURE__ */ jsx(Heading, { level: getHeadingLevel(headingLevel), children: /* @__PURE__ */ jsxs(
|
|
194
|
-
Button,
|
|
195
|
-
{
|
|
196
|
-
slot: "trigger",
|
|
197
|
-
className: composeRenderProps(
|
|
198
|
-
className,
|
|
199
|
-
(className2) => cn(accordionTriggerVariants(), className2)
|
|
200
|
-
),
|
|
201
|
-
...props,
|
|
202
|
-
children: [
|
|
203
|
-
/* @__PURE__ */ jsx("span", { className: "flex-1 text-left", children }),
|
|
204
|
-
!hideIcon && (icon ?? /* @__PURE__ */ jsx(
|
|
205
|
-
ChevronDown,
|
|
206
|
-
{
|
|
207
|
-
"aria-hidden": "true",
|
|
208
|
-
className: cn(accordionChevronVariants({ isExpanded }))
|
|
209
|
-
}
|
|
210
|
-
))
|
|
211
|
-
]
|
|
212
|
-
}
|
|
213
|
-
) });
|
|
214
|
-
}
|
|
215
|
-
AccordionTriggerComponent.displayName = "AccordionTrigger";
|
|
216
|
-
function AccordionContentInner({
|
|
217
|
-
preserveState,
|
|
218
|
-
children
|
|
219
|
-
}) {
|
|
220
|
-
const state = useContext(DisclosureStateContext);
|
|
221
|
-
const isExpanded = state?.isExpanded ?? false;
|
|
222
|
-
if (preserveState) {
|
|
223
|
-
return /* @__PURE__ */ jsx(Activity, { mode: isExpanded ? "visible" : "hidden", children: /* @__PURE__ */ jsx("div", { className: accordionContentInnerVariants(), children }) });
|
|
224
|
-
}
|
|
225
|
-
return /* @__PURE__ */ jsx("div", { className: accordionContentInnerVariants(), children });
|
|
226
|
-
}
|
|
227
|
-
function AccordionContentComponent({
|
|
228
|
-
preserveState = false,
|
|
229
|
-
className,
|
|
230
|
-
children,
|
|
231
|
-
...props
|
|
232
|
-
}) {
|
|
233
|
-
return /* @__PURE__ */ jsx(
|
|
234
|
-
DisclosurePanel,
|
|
235
|
-
{
|
|
236
|
-
className: composeRenderProps(
|
|
237
|
-
className,
|
|
238
|
-
(className2) => cn(accordionContentVariants(), "animate-accordion", className2)
|
|
239
|
-
),
|
|
240
|
-
...props,
|
|
241
|
-
children: /* @__PURE__ */ jsx(AccordionContentInner, { preserveState, children })
|
|
242
|
-
}
|
|
243
|
-
);
|
|
244
|
-
}
|
|
245
|
-
AccordionContentComponent.displayName = "AccordionContent";
|
|
246
|
-
var Accordion = AccordionRoot;
|
|
247
|
-
var AccordionItem = AccordionItemComponent;
|
|
248
|
-
var AccordionTrigger = AccordionTriggerComponent;
|
|
249
|
-
var AccordionContent = AccordionContentComponent;
|
|
250
|
-
var BaseComponentPropsSchema = z.object({
|
|
251
|
-
// Styling
|
|
252
|
-
className: z.string().optional(),
|
|
253
|
-
// React
|
|
254
|
-
children: z.any().optional(),
|
|
255
|
-
// ReactNode not directly supported by Zod
|
|
256
|
-
id: z.string().optional(),
|
|
257
|
-
// Accessibility (WCAG 2.2 AA requirements)
|
|
258
|
-
"aria-label": z.string().optional(),
|
|
259
|
-
"aria-labelledby": z.string().optional(),
|
|
260
|
-
"aria-describedby": z.string().optional(),
|
|
261
|
-
"aria-live": z.enum(["off", "polite", "assertive"]).optional(),
|
|
262
|
-
"aria-hidden": z.boolean().optional(),
|
|
263
|
-
// Testing & Development
|
|
264
|
-
"data-testid": z.string().optional()
|
|
265
|
-
});
|
|
266
|
-
|
|
267
|
-
// src/elements/Accordion/Accordion.types.ts
|
|
268
|
-
var AccordionTypeSchema = z.enum(["single", "multiple"]);
|
|
269
|
-
var HeadingLevelSchema = z.enum(["h1", "h2", "h3", "h4", "h5", "h6"]);
|
|
270
|
-
var KeySchema = z.union([z.string(), z.number()]);
|
|
271
|
-
var AccordionPropsSchema = BaseComponentPropsSchema.extend({
|
|
272
|
-
// Expansion mode: 'single' (one at a time) or 'multiple' (any number)
|
|
273
|
-
type: AccordionTypeSchema.optional().default("single"),
|
|
274
|
-
// Allow all items to be collapsed (only applies to type="single")
|
|
275
|
-
// When false, one item must always be expanded
|
|
276
|
-
collapsible: z.boolean().optional().default(false),
|
|
277
|
-
// Controlled mode: currently expanded keys
|
|
278
|
-
expandedKeys: z.custom().optional(),
|
|
279
|
-
// Uncontrolled mode: initial expanded keys
|
|
280
|
-
defaultExpandedKeys: z.array(KeySchema).optional(),
|
|
281
|
-
// Expansion change handler
|
|
282
|
-
onExpandedChange: z.custom().optional(),
|
|
283
|
-
// Disable all items
|
|
284
|
-
isDisabled: z.boolean().optional().default(false),
|
|
285
|
-
// Keys of items to disable individually
|
|
286
|
-
disabledKeys: z.array(KeySchema).optional(),
|
|
287
|
-
// Children: AccordionItem components
|
|
288
|
-
children: z.custom()
|
|
289
|
-
});
|
|
290
|
-
var AccordionItemPropsSchema = BaseComponentPropsSchema.extend({
|
|
291
|
-
// Unique identifier (required)
|
|
292
|
-
id: KeySchema,
|
|
293
|
-
// Disable this specific item
|
|
294
|
-
isDisabled: z.boolean().optional(),
|
|
295
|
-
// Children: AccordionTrigger + AccordionContent
|
|
296
|
-
children: z.custom()
|
|
297
|
-
});
|
|
298
|
-
var AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({
|
|
299
|
-
// Heading level for proper document structure (default: h3)
|
|
300
|
-
as: HeadingLevelSchema.optional().default("h3"),
|
|
301
|
-
// Custom icon to replace default chevron
|
|
302
|
-
icon: z.custom().optional(),
|
|
303
|
-
// Hide the expand/collapse icon entirely
|
|
304
|
-
hideIcon: z.boolean().optional().default(false),
|
|
305
|
-
// Trigger content (text, icons, custom content)
|
|
306
|
-
children: z.custom()
|
|
307
|
-
});
|
|
308
|
-
var AccordionContentPropsSchema = BaseComponentPropsSchema.extend({
|
|
309
|
-
// Preserve component state when collapsed using React Activity API
|
|
310
|
-
// When true, wraps content in <Activity> component
|
|
311
|
-
// Effects are cleaned up when hidden, restored when visible
|
|
312
|
-
preserveState: z.boolean().optional().default(false),
|
|
313
|
-
// Panel content
|
|
314
|
-
children: z.custom()
|
|
315
|
-
});
|
|
316
|
-
|
|
317
|
-
export { Accordion, AccordionContent, AccordionContentPropsSchema, AccordionItem, AccordionItemPropsSchema, AccordionPropsSchema, AccordionTrigger, AccordionTriggerPropsSchema, AccordionTypeSchema, HeadingLevelSchema, KeySchema, accordionChevronVariants, accordionContentInnerVariants, accordionContentVariants, accordionItemVariants, accordionTriggerVariants, accordionVariants };
|
|
318
|
-
//# sourceMappingURL=index.mjs.map
|
|
2
|
+
import {createContext,useMemo,useContext,Children,isValidElement,Activity}from'react';import {DisclosureGroup,Disclosure,composeRenderProps,DisclosureStateContext,Heading,Button,DisclosurePanel}from'react-aria-components';import {cva}from'class-variance-authority';import {ChevronDown}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsx,jsxs}from'react/jsx-runtime';import {z}from'zod';function d(...e){return twMerge(clsx(e))}var J=Activity??function({children:n,mode:r}){return jsx("div",{"data-activity-mode":r,children:n})},P=createContext({}),C=cva("w-full",{variants:{},defaultVariants:{}}),S=cva(["border-b border-[var(--border)]","last:border-b-0"].join(" "),{variants:{},defaultVariants:{}}),I=cva(["flex flex-1 items-center justify-between py-4 font-medium w-full","text-sm text-[var(--content-foreground)]","hover:underline","focus-visible:outline-none focus-visible:ring-2","focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2","focus-visible:ring-offset-[var(--content-background)]","min-h-[44px]","data-[disabled]:pointer-events-none data-[disabled]:opacity-50","transition-all"].join(" "),{variants:{},defaultVariants:{}}),V=cva(["h-4 w-4 shrink-0","text-[var(--menu-muted)]","transition-transform duration-200 ease-out","motion-reduce:transition-none"].join(" "),{variants:{isExpanded:{true:"rotate-180",false:"rotate-0"}},defaultVariants:{isExpanded:false}}),N=cva(["overflow-hidden","text-sm text-[var(--menu-muted)]"].join(" "),{variants:{},defaultVariants:{}}),g=cva("pb-4 pt-0",{variants:{},defaultVariants:{}});function Z(e){return {h1:1,h2:2,h3:3,h4:4,h5:5,h6:6}[e]}function _(e){let n=Children.toArray(e);for(let r of n)if(isValidElement(r)){let t=r.props;if(t&&typeof t=="object"&&"id"in t)return t.id}}function T({type:e="single",collapsible:n=false,expandedKeys:r,defaultExpandedKeys:t,onExpandedChange:c,isDisabled:l=false,disabledKeys:m,className:u,children:s,...w}){let z=e==="multiple",L=useMemo(()=>{if(!n&&e==="single"&&!t&&!r){let v=_(s);return v?[v]:void 0}return t},[n,e,t,r,s]),j=useMemo(()=>({disabledKeys:m}),[m]);return jsx(P.Provider,{value:j,children:jsx(DisclosureGroup,{allowsMultipleExpanded:z,expandedKeys:r,defaultExpandedKeys:L,onExpandedChange:c,isDisabled:l,className:d(C(),u),...w,children:s})})}T.displayName="Accordion";function D({id:e,isDisabled:n,className:r,children:t,...c}){let{disabledKeys:l}=useContext(P),m=l?.includes(e)??false;return jsx(Disclosure,{id:e,isDisabled:n||m,className:composeRenderProps(r,s=>d(S(),s)),...c,children:t})}D.displayName="AccordionItem";function R({as:e="h3",icon:n,hideIcon:r=false,className:t,children:c,...l}){let u=useContext(DisclosureStateContext)?.isExpanded??false;return jsx(Heading,{level:Z(e),children:jsxs(Button,{slot:"trigger",className:composeRenderProps(t,s=>d(I(),s)),...l,children:[jsx("span",{className:"flex-1 text-left",children:c}),!r&&(n??jsx(ChevronDown,{"aria-hidden":"true",className:d(V({isExpanded:u}))}))]})})}R.displayName="AccordionTrigger";function $({preserveState:e,children:n}){let t=useContext(DisclosureStateContext)?.isExpanded??false;return e?jsx(J,{mode:t?"visible":"hidden",children:jsx("div",{className:g(),children:n})}):jsx("div",{className:g(),children:n})}function K({preserveState:e=false,className:n,children:r,...t}){return jsx(DisclosurePanel,{className:composeRenderProps(n,c=>d(N(),"animate-accordion",c)),...t,children:jsx($,{preserveState:e,children:r})})}K.displayName="AccordionContent";var ee=T,oe=D,ne=R,te=K;var f=z.object({className:z.string().optional(),children:z.any().optional(),id:z.string().optional(),"aria-label":z.string().optional(),"aria-labelledby":z.string().optional(),"aria-describedby":z.string().optional(),"aria-live":z.enum(["off","polite","assertive"]).optional(),"aria-hidden":z.boolean().optional(),"data-testid":z.string().optional()});var E=z.enum(["single","multiple"]),H=z.enum(["h1","h2","h3","h4","h5","h6"]),A=z.union([z.string(),z.number()]),ie=f.extend({type:E.optional().default("single"),collapsible:z.boolean().optional().default(false),expandedKeys:z.custom().optional(),defaultExpandedKeys:z.array(A).optional(),onExpandedChange:z.custom().optional(),isDisabled:z.boolean().optional().default(false),disabledKeys:z.array(A).optional(),children:z.custom()}),ae=f.extend({id:A,isDisabled:z.boolean().optional(),children:z.custom()}),ce=f.extend({as:H.optional().default("h3"),icon:z.custom().optional(),hideIcon:z.boolean().optional().default(false),children:z.custom()}),se=f.extend({preserveState:z.boolean().optional().default(false),children:z.custom()});export{ee as Accordion,te as AccordionContent,se as AccordionContentPropsSchema,oe as AccordionItem,ae as AccordionItemPropsSchema,ie as AccordionPropsSchema,ne as AccordionTrigger,ce as AccordionTriggerPropsSchema,E as AccordionTypeSchema,H as HeadingLevelSchema,A as KeySchema,V as accordionChevronVariants,g as accordionContentInnerVariants,N as accordionContentVariants,S as accordionItemVariants,I as accordionTriggerVariants,C as accordionVariants};//# sourceMappingURL=index.mjs.map
|
|
319
3
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Accordion/Accordion.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Accordion/Accordion.types.ts"],"names":["ReactActivity","className","z"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Accordion Component - Implementation\n *\n * Accessible accordion/disclosure group component combining React Aria primitives with CVA styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria DisclosureGroup for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for consistent styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Single/Multiple expansion modes\n * - Controlled and uncontrolled state management\n * - Configurable heading levels for document structure\n * - Custom icon support\n *\n * @see accordion-prd.md (Full requirements)\n * @see Accordion.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n Activity as ReactActivity,\n type ReactNode,\n type ReactElement,\n useMemo,\n useContext,\n createContext,\n Children,\n isValidElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\nconst Activity = ReactActivity ?? function ActivityFallback({\n children,\n mode,\n}: {\n children: ReactNode;\n mode: 'visible' | 'hidden';\n}): ReactElement {\n return <div data-activity-mode={mode}>{children}</div>;\n};\n\nimport {\n DisclosureGroup,\n Disclosure,\n DisclosurePanel,\n Heading,\n Button,\n composeRenderProps,\n DisclosureStateContext,\n type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n HeadingLevel,\n} from './Accordion.types';\n\n// ============================================================================\n// Context for disabledKeys\n// ============================================================================\n\n/**\n * Context to pass disabledKeys from Accordion to AccordionItem\n * Since DisclosureGroup doesn't support disabledKeys directly, we handle it via context\n */\ninterface AccordionContextValue {\n disabledKeys?: (string | number)[];\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Accordion root CVA variants\n *\n * @see accordion-prd.md FR-001 (Accordion Root)\n */\nexport const accordionVariants = cva('w-full', {\n variants: {},\n defaultVariants: {},\n});\n\n/**\n * AccordionItem CVA variants\n *\n * @see accordion-prd.md FR-002 (AccordionItem)\n * @see accordion-prd.md DS-001 (Visual Design - borders)\n */\nexport const accordionItemVariants = cva(\n [\n 'border-b border-[var(--border)]',\n // Last item has no border (handled by last:border-b-0)\n 'last:border-b-0',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionTrigger CVA variants\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger)\n * @see accordion-prd.md AR-006 (Touch Target Size - 44x44px)\n * @see accordion-prd.md DS-002 (Typography)\n */\nexport const accordionTriggerVariants = cva(\n [\n // Layout\n 'flex flex-1 items-center justify-between py-4 font-medium w-full',\n // Text styling\n 'text-sm text-[var(--content-foreground)]',\n // Hover state\n 'hover:underline',\n // Focus visible ring (WCAG 2.4.13)\n 'focus-visible:outline-none focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n 'focus-visible:ring-offset-[var(--content-background)]',\n // WCAG 2.2 AAA: 44px minimum touch target\n 'min-h-[44px]',\n // Disabled state\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n // Transition for smooth interactions\n 'transition-all',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Chevron icon CVA variants\n *\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionChevronVariants = cva(\n [\n 'h-4 w-4 shrink-0',\n 'text-[var(--menu-muted)]',\n // Smooth rotation transition\n 'transition-transform duration-200 ease-out',\n // Reduced motion support\n 'motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n isExpanded: {\n true: 'rotate-180',\n false: 'rotate-0',\n },\n },\n defaultVariants: {\n isExpanded: false,\n },\n }\n);\n\n/**\n * AccordionContent CVA variants\n *\n * @see accordion-prd.md FR-004 (AccordionContent)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionContentVariants = cva(\n [\n 'overflow-hidden',\n 'text-sm text-[var(--menu-muted)]',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionContent inner wrapper CVA variants\n */\nexport const accordionContentInnerVariants = cva('pb-4 pt-0', {\n variants: {},\n defaultVariants: {},\n});\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Convert heading level string to number for React Aria Heading\n */\nfunction getHeadingLevel(level: HeadingLevel): 1 | 2 | 3 | 4 | 5 | 6 {\n const levelMap: Record<HeadingLevel, 1 | 2 | 3 | 4 | 5 | 6> = {\n h1: 1,\n h2: 2,\n h3: 3,\n h4: 4,\n h5: 5,\n h6: 6,\n };\n return levelMap[level];\n}\n\n/**\n * Get the first AccordionItem id from children\n * Used for auto-expanding first item when collapsible={false}\n */\nfunction getFirstAccordionItemId(children: ReactNode): AriaKey | undefined {\n const childArray = Children.toArray(children);\n for (const child of childArray) {\n if (isValidElement(child)) {\n const childProps = child.props as Record<string, unknown>;\n if (childProps && typeof childProps === 'object' && 'id' in childProps) {\n return childProps.id as AriaKey;\n }\n }\n }\n return undefined;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Accordion Root Component\n *\n * Container for accordion items. Manages expansion state and provides\n * context to child components.\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-005 (Single Expansion Mode)\n * @see accordion-prd.md FR-006 (Multiple Expansion Mode)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled single mode\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem id=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Controlled multiple mode\n * <Accordion\n * type=\"multiple\"\n * expandedKeys={expandedKeys}\n * onExpandedChange={setExpandedKeys}\n * >\n * ...\n * </Accordion>\n */\nfunction AccordionRoot({\n type = 'single',\n collapsible = false,\n expandedKeys,\n defaultExpandedKeys,\n onExpandedChange,\n isDisabled = false,\n disabledKeys,\n className,\n children,\n ...props\n}: AccordionProps) {\n // Map type prop to React Aria's allowsMultipleExpanded\n const allowsMultipleExpanded = type === 'multiple';\n\n // Auto-expand first item when collapsible={false} and no default provided\n // This ensures one item is always expanded in non-collapsible single mode\n const effectiveDefaultExpandedKeys = useMemo(() => {\n if (!collapsible && type === 'single' && !defaultExpandedKeys && !expandedKeys) {\n const firstItemId = getFirstAccordionItemId(children);\n return firstItemId ? [firstItemId] : undefined;\n }\n return defaultExpandedKeys;\n }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);\n\n // Context value for passing disabledKeys to AccordionItem\n const contextValue = useMemo(\n () => ({ disabledKeys }),\n [disabledKeys]\n );\n\n return (\n <AccordionContext.Provider value={contextValue}>\n <DisclosureGroup\n allowsMultipleExpanded={allowsMultipleExpanded}\n expandedKeys={expandedKeys as Set<AriaKey> | undefined}\n defaultExpandedKeys={effectiveDefaultExpandedKeys as Iterable<AriaKey> | undefined}\n onExpandedChange={onExpandedChange as ((keys: Set<AriaKey>) => void) | undefined}\n isDisabled={isDisabled}\n className={cn(accordionVariants(), className)}\n {...props}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\n\nAccordionRoot.displayName = 'Accordion';\n\n/**\n * AccordionItem Component\n *\n * Wrapper for each expandable disclosure section.\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n *\n * @example\n * <AccordionItem id=\"faq-1\" isDisabled={!isAuthenticated}>\n * <AccordionTrigger>Members-only FAQ</AccordionTrigger>\n * <AccordionContent>This content is for members only.</AccordionContent>\n * </AccordionItem>\n */\nfunction AccordionItemComponent({\n id,\n isDisabled: isDisabledProp,\n className,\n children,\n ...props\n}: AccordionItemProps) {\n // Check if this item is in the disabledKeys array\n const { disabledKeys } = useContext(AccordionContext);\n const isDisabledFromKeys = disabledKeys?.includes(id as string | number) ?? false;\n const isDisabled = isDisabledProp || isDisabledFromKeys;\n\n return (\n <Disclosure\n id={id}\n isDisabled={isDisabled}\n className={composeRenderProps(className, (className) =>\n cn(accordionItemVariants(), className)\n )}\n {...props}\n >\n {children}\n </Disclosure>\n );\n}\n\nAccordionItemComponent.displayName = 'AccordionItem';\n\n/**\n * AccordionTrigger Component\n *\n * Clickable button that toggles accordion content visibility.\n * Wrapped in a Heading for proper document structure.\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n * @see accordion-prd.md AR-002 (ARIA Attributes)\n * @see accordion-prd.md AR-003 (Keyboard Navigation)\n *\n * @example\n * // Default with chevron\n * <AccordionTrigger>Is it accessible?</AccordionTrigger>\n *\n * @example\n * // Custom heading level\n * <AccordionTrigger as=\"h2\">Important Section</AccordionTrigger>\n *\n * @example\n * // Custom icon\n * <AccordionTrigger icon={<PlusIcon className=\"h-4 w-4\" />}>\n * Click to expand\n * </AccordionTrigger>\n */\nfunction AccordionTriggerComponent({\n as: headingLevel = 'h3',\n icon,\n hideIcon = false,\n className,\n children,\n ...props\n}: AccordionTriggerProps) {\n // Access disclosure state from context\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n return (\n <Heading level={getHeadingLevel(headingLevel)}>\n <Button\n slot=\"trigger\"\n className={composeRenderProps(className, (className) =>\n cn(accordionTriggerVariants(), className)\n )}\n {...props}\n >\n <span className=\"flex-1 text-left\">{children}</span>\n {!hideIcon && (\n icon ?? (\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(accordionChevronVariants({ isExpanded }))}\n />\n )\n )}\n </Button>\n </Heading>\n );\n}\n\nAccordionTriggerComponent.displayName = 'AccordionTrigger';\n\n/**\n * AccordionContent Component\n *\n * Expandable container for accordion content.\n * Supports animated height transitions and React Activity state preservation.\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n *\n * @example\n * // Standard content\n * <AccordionContent>\n * Yes. It adheres to the WAI-ARIA design pattern.\n * </AccordionContent>\n *\n * @example\n * // With state preservation\n * <AccordionContent preserveState>\n * <form>\n * <input name=\"email\" />\n * </form>\n * </AccordionContent>\n */\n/**\n * Inner component for AccordionContent with state preservation\n * Uses DisclosureStateContext to get isExpanded state\n */\nfunction AccordionContentInner({\n preserveState,\n children,\n}: {\n preserveState: boolean;\n children: ReactNode;\n}) {\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n if (preserveState) {\n return (\n <Activity mode={isExpanded ? 'visible' : 'hidden'}>\n <div className={accordionContentInnerVariants()}>{children}</div>\n </Activity>\n );\n }\n\n return <div className={accordionContentInnerVariants()}>{children}</div>;\n}\n\nfunction AccordionContentComponent({\n preserveState = false,\n className,\n children,\n ...props\n}: AccordionContentProps) {\n return (\n <DisclosurePanel\n className={composeRenderProps(className, (className) =>\n cn(accordionContentVariants(), 'animate-accordion', className)\n )}\n {...props}\n >\n <AccordionContentInner preserveState={preserveState}>\n {children}\n </AccordionContentInner>\n </DisclosurePanel>\n );\n}\n\nAccordionContentComponent.displayName = 'AccordionContent';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Accordion follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '...'\n */\nexport const Accordion = AccordionRoot;\nexport const AccordionItem = AccordionItemComponent;\nexport const AccordionTrigger = AccordionTriggerComponent;\nexport const AccordionContent = AccordionContentComponent;\n\n// Re-export types for convenience\nexport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n};\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n // Styling\n className: z.string().optional(),\n\n // React\n children: z.any().optional(), // ReactNode not directly supported by Zod\n id: z.string().optional(),\n\n // Accessibility (WCAG 2.2 AA requirements)\n 'aria-label': z.string().optional(),\n 'aria-labelledby': z.string().optional(),\n 'aria-describedby': z.string().optional(),\n 'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n 'aria-hidden': z.boolean().optional(),\n\n // Testing & Development\n 'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Accordion Type Schema\n * Defines expansion mode: single (one item at a time) or multiple (any number)\n *\n * @see accordion-prd.md FR-005, FR-006 (Expansion Modes)\n */\nexport const AccordionTypeSchema = z.enum(['single', 'multiple']);\nexport type AccordionType = z.infer<typeof AccordionTypeSchema>;\n\n/**\n * Heading Level Schema\n * Configurable heading level for document structure (h1-h6)\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger with as prop)\n */\nexport const HeadingLevelSchema = z.enum(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\nexport type HeadingLevel = z.infer<typeof HeadingLevelSchema>;\n\n/**\n * Key Schema for item identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Accordion root component props schema\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n */\nexport const AccordionPropsSchema = BaseComponentPropsSchema.extend({\n // Expansion mode: 'single' (one at a time) or 'multiple' (any number)\n type: AccordionTypeSchema.optional().default('single'),\n\n // Allow all items to be collapsed (only applies to type=\"single\")\n // When false, one item must always be expanded\n collapsible: z.boolean().optional().default(false),\n\n // Controlled mode: currently expanded keys\n expandedKeys: z.custom<Set<Key>>().optional(),\n\n // Uncontrolled mode: initial expanded keys\n defaultExpandedKeys: z.array(KeySchema).optional(),\n\n // Expansion change handler\n onExpandedChange: z.custom<(keys: Set<Key>) => void>().optional(),\n\n // Disable all items\n isDisabled: z.boolean().optional().default(false),\n\n // Keys of items to disable individually\n disabledKeys: z.array(KeySchema).optional(),\n\n // Children: AccordionItem components\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionProps = z.infer<typeof AccordionPropsSchema>;\n\n/**\n * AccordionItem component props schema\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n */\nexport const AccordionItemPropsSchema = BaseComponentPropsSchema.extend({\n // Unique identifier (required)\n id: KeySchema,\n\n // Disable this specific item\n isDisabled: z.boolean().optional(),\n\n // Children: AccordionTrigger + AccordionContent\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionItemProps = z.infer<typeof AccordionItemPropsSchema>;\n\n/**\n * AccordionTrigger component props schema\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n */\nexport const AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({\n // Heading level for proper document structure (default: h3)\n as: HeadingLevelSchema.optional().default('h3'),\n\n // Custom icon to replace default chevron\n icon: z.custom<ReactNode>().optional(),\n\n // Hide the expand/collapse icon entirely\n hideIcon: z.boolean().optional().default(false),\n\n // Trigger content (text, icons, custom content)\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionTriggerProps = z.infer<typeof AccordionTriggerPropsSchema>;\n\n/**\n * AccordionContent component props schema\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const AccordionContentPropsSchema = BaseComponentPropsSchema.extend({\n // Preserve component state when collapsed using React Activity API\n // When true, wraps content in <Activity> component\n // Effects are cleaned up when hidden, restored when visible\n preserveState: z.boolean().optional().default(false),\n\n // Panel content\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionContentProps = z.infer<typeof AccordionContentPropsSchema>;\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/utils/cn.ts","../../../src/elements/Accordion/Accordion.tsx","../../../src/schemas/BaseComponentProps.ts","../../../src/elements/Accordion/Accordion.types.ts"],"names":["cn","inputs","twMerge","clsx","Activity","ReactActivity","children","mode","jsx","AccordionContext","createContext","accordionVariants","cva","accordionItemVariants","accordionTriggerVariants","accordionChevronVariants","accordionContentVariants","accordionContentInnerVariants","getHeadingLevel","level","getFirstAccordionItemId","childArray","Children","child","isValidElement","childProps","AccordionRoot","type","collapsible","expandedKeys","defaultExpandedKeys","onExpandedChange","isDisabled","disabledKeys","className","props","allowsMultipleExpanded","effectiveDefaultExpandedKeys","useMemo","firstItemId","contextValue","DisclosureGroup","AccordionItemComponent","id","isDisabledProp","useContext","isDisabledFromKeys","Disclosure","composeRenderProps","AccordionTriggerComponent","headingLevel","icon","hideIcon","isExpanded","DisclosureStateContext","Heading","jsxs","Button","ChevronDown","AccordionContentInner","preserveState","AccordionContentComponent","DisclosurePanel","Accordion","AccordionItem","AccordionTrigger","AccordionContent","BaseComponentPropsSchema","z","AccordionTypeSchema","HeadingLevelSchema","KeySchema","AccordionPropsSchema","AccordionItemPropsSchema","AccordionTriggerPropsSchema","AccordionContentPropsSchema"],"mappings":"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","file":"index.mjs","sourcesContent":["/**\n * Class Name Utility\n * Merges Tailwind CSS classes with conflict resolution\n *\n * Combines clsx for conditional classes and tailwind-merge for deduplication\n *\n * @example\n * cn('px-2 py-1', 'px-4') // => 'py-1 px-4' (px-4 overrides px-2)\n * cn('text-red-500', condition && 'text-blue-500') // => conditional application\n */\n\nimport { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]): string {\n return twMerge(clsx(inputs));\n}\n","'use client';\n\n/**\n * Accordion Component - Implementation\n *\n * Accessible accordion/disclosure group component combining React Aria primitives with CVA styling.\n * Follows Themis library patterns with compound component structure and direct named exports.\n *\n * Key Features:\n * - React Aria DisclosureGroup for full accessibility (WCAG 2.2 AAA)\n * - CVA variants for consistent styling\n * - React 19.2 Activity API for state preservation (preserveState prop)\n * - Single/Multiple expansion modes\n * - Controlled and uncontrolled state management\n * - Configurable heading levels for document structure\n * - Custom icon support\n *\n * @see accordion-prd.md (Full requirements)\n * @see Accordion.types.ts (Zod schemas)\n * @see plan.md (Implementation approach)\n */\n\n// React 19.2 Activity API - may not be available in all builds\n// Import conditionally to support environments where Activity is unavailable\nimport {\n Activity as ReactActivity,\n type ReactNode,\n type ReactElement,\n useMemo,\n useContext,\n createContext,\n Children,\n isValidElement,\n} from 'react';\n\n// Activity component with fallback for environments where it's not available\n// The fallback simply renders children directly - no state preservation when Activity unavailable\nconst Activity = ReactActivity ?? function ActivityFallback({\n children,\n mode,\n}: {\n children: ReactNode;\n mode: 'visible' | 'hidden';\n}): ReactElement {\n return <div data-activity-mode={mode}>{children}</div>;\n};\n\nimport {\n DisclosureGroup,\n Disclosure,\n DisclosurePanel,\n Heading,\n Button,\n composeRenderProps,\n DisclosureStateContext,\n type Key as AriaKey,\n} from 'react-aria-components';\nimport { cva } from 'class-variance-authority';\nimport { ChevronDown } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n HeadingLevel,\n} from './Accordion.types';\n\n// ============================================================================\n// Context for disabledKeys\n// ============================================================================\n\n/**\n * Context to pass disabledKeys from Accordion to AccordionItem\n * Since DisclosureGroup doesn't support disabledKeys directly, we handle it via context\n */\ninterface AccordionContextValue {\n disabledKeys?: (string | number)[];\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({});\n\n// ============================================================================\n// CVA Variants\n// ============================================================================\n\n/**\n * Accordion root CVA variants\n *\n * @see accordion-prd.md FR-001 (Accordion Root)\n */\nexport const accordionVariants = cva('w-full', {\n variants: {},\n defaultVariants: {},\n});\n\n/**\n * AccordionItem CVA variants\n *\n * @see accordion-prd.md FR-002 (AccordionItem)\n * @see accordion-prd.md DS-001 (Visual Design - borders)\n */\nexport const accordionItemVariants = cva(\n [\n 'border-b border-[var(--border)]',\n // Last item has no border (handled by last:border-b-0)\n 'last:border-b-0',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionTrigger CVA variants\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger)\n * @see accordion-prd.md AR-006 (Touch Target Size - 44x44px)\n * @see accordion-prd.md DS-002 (Typography)\n */\nexport const accordionTriggerVariants = cva(\n [\n // Layout\n 'flex flex-1 items-center justify-between py-4 font-medium w-full',\n // Text styling\n 'text-sm text-[var(--content-foreground)]',\n // Hover state\n 'hover:underline',\n // Focus visible ring (WCAG 2.4.13)\n 'focus-visible:outline-none focus-visible:ring-2',\n 'focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2',\n 'focus-visible:ring-offset-[var(--content-background)]',\n // WCAG 2.2 AAA: 44px minimum touch target\n 'min-h-[44px]',\n // Disabled state\n 'data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n // Transition for smooth interactions\n 'transition-all',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * Chevron icon CVA variants\n *\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionChevronVariants = cva(\n [\n 'h-4 w-4 shrink-0',\n 'text-[var(--menu-muted)]',\n // Smooth rotation transition\n 'transition-transform duration-200 ease-out',\n // Reduced motion support\n 'motion-reduce:transition-none',\n ].join(' '),\n {\n variants: {\n isExpanded: {\n true: 'rotate-180',\n false: 'rotate-0',\n },\n },\n defaultVariants: {\n isExpanded: false,\n },\n }\n);\n\n/**\n * AccordionContent CVA variants\n *\n * @see accordion-prd.md FR-004 (AccordionContent)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const accordionContentVariants = cva(\n [\n 'overflow-hidden',\n 'text-sm text-[var(--menu-muted)]',\n ].join(' '),\n {\n variants: {},\n defaultVariants: {},\n }\n);\n\n/**\n * AccordionContent inner wrapper CVA variants\n */\nexport const accordionContentInnerVariants = cva('pb-4 pt-0', {\n variants: {},\n defaultVariants: {},\n});\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/**\n * Convert heading level string to number for React Aria Heading\n */\nfunction getHeadingLevel(level: HeadingLevel): 1 | 2 | 3 | 4 | 5 | 6 {\n const levelMap: Record<HeadingLevel, 1 | 2 | 3 | 4 | 5 | 6> = {\n h1: 1,\n h2: 2,\n h3: 3,\n h4: 4,\n h5: 5,\n h6: 6,\n };\n return levelMap[level];\n}\n\n/**\n * Get the first AccordionItem id from children\n * Used for auto-expanding first item when collapsible={false}\n */\nfunction getFirstAccordionItemId(children: ReactNode): AriaKey | undefined {\n const childArray = Children.toArray(children);\n for (const child of childArray) {\n if (isValidElement(child)) {\n const childProps = child.props as Record<string, unknown>;\n if (childProps && typeof childProps === 'object' && 'id' in childProps) {\n return childProps.id as AriaKey;\n }\n }\n }\n return undefined;\n}\n\n// ============================================================================\n// Components\n// ============================================================================\n\n/**\n * Accordion Root Component\n *\n * Container for accordion items. Manages expansion state and provides\n * context to child components.\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-005 (Single Expansion Mode)\n * @see accordion-prd.md FR-006 (Multiple Expansion Mode)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n *\n * @example\n * // Uncontrolled single mode\n * <Accordion type=\"single\" collapsible>\n * <AccordionItem id=\"item-1\">\n * <AccordionTrigger>Section 1</AccordionTrigger>\n * <AccordionContent>Content 1</AccordionContent>\n * </AccordionItem>\n * </Accordion>\n *\n * @example\n * // Controlled multiple mode\n * <Accordion\n * type=\"multiple\"\n * expandedKeys={expandedKeys}\n * onExpandedChange={setExpandedKeys}\n * >\n * ...\n * </Accordion>\n */\nfunction AccordionRoot({\n type = 'single',\n collapsible = false,\n expandedKeys,\n defaultExpandedKeys,\n onExpandedChange,\n isDisabled = false,\n disabledKeys,\n className,\n children,\n ...props\n}: AccordionProps) {\n // Map type prop to React Aria's allowsMultipleExpanded\n const allowsMultipleExpanded = type === 'multiple';\n\n // Auto-expand first item when collapsible={false} and no default provided\n // This ensures one item is always expanded in non-collapsible single mode\n const effectiveDefaultExpandedKeys = useMemo(() => {\n if (!collapsible && type === 'single' && !defaultExpandedKeys && !expandedKeys) {\n const firstItemId = getFirstAccordionItemId(children);\n return firstItemId ? [firstItemId] : undefined;\n }\n return defaultExpandedKeys;\n }, [collapsible, type, defaultExpandedKeys, expandedKeys, children]);\n\n // Context value for passing disabledKeys to AccordionItem\n const contextValue = useMemo(\n () => ({ disabledKeys }),\n [disabledKeys]\n );\n\n return (\n <AccordionContext.Provider value={contextValue}>\n <DisclosureGroup\n allowsMultipleExpanded={allowsMultipleExpanded}\n expandedKeys={expandedKeys as Set<AriaKey> | undefined}\n defaultExpandedKeys={effectiveDefaultExpandedKeys as Iterable<AriaKey> | undefined}\n onExpandedChange={onExpandedChange as ((keys: Set<AriaKey>) => void) | undefined}\n isDisabled={isDisabled}\n className={cn(accordionVariants(), className)}\n {...props}\n >\n {children}\n </DisclosureGroup>\n </AccordionContext.Provider>\n );\n}\n\nAccordionRoot.displayName = 'Accordion';\n\n/**\n * AccordionItem Component\n *\n * Wrapper for each expandable disclosure section.\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n *\n * @example\n * <AccordionItem id=\"faq-1\" isDisabled={!isAuthenticated}>\n * <AccordionTrigger>Members-only FAQ</AccordionTrigger>\n * <AccordionContent>This content is for members only.</AccordionContent>\n * </AccordionItem>\n */\nfunction AccordionItemComponent({\n id,\n isDisabled: isDisabledProp,\n className,\n children,\n ...props\n}: AccordionItemProps) {\n // Check if this item is in the disabledKeys array\n const { disabledKeys } = useContext(AccordionContext);\n const isDisabledFromKeys = disabledKeys?.includes(id as string | number) ?? false;\n const isDisabled = isDisabledProp || isDisabledFromKeys;\n\n return (\n <Disclosure\n id={id}\n isDisabled={isDisabled}\n className={composeRenderProps(className, (className) =>\n cn(accordionItemVariants(), className)\n )}\n {...props}\n >\n {children}\n </Disclosure>\n );\n}\n\nAccordionItemComponent.displayName = 'AccordionItem';\n\n/**\n * AccordionTrigger Component\n *\n * Clickable button that toggles accordion content visibility.\n * Wrapped in a Heading for proper document structure.\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n * @see accordion-prd.md AR-002 (ARIA Attributes)\n * @see accordion-prd.md AR-003 (Keyboard Navigation)\n *\n * @example\n * // Default with chevron\n * <AccordionTrigger>Is it accessible?</AccordionTrigger>\n *\n * @example\n * // Custom heading level\n * <AccordionTrigger as=\"h2\">Important Section</AccordionTrigger>\n *\n * @example\n * // Custom icon\n * <AccordionTrigger icon={<PlusIcon className=\"h-4 w-4\" />}>\n * Click to expand\n * </AccordionTrigger>\n */\nfunction AccordionTriggerComponent({\n as: headingLevel = 'h3',\n icon,\n hideIcon = false,\n className,\n children,\n ...props\n}: AccordionTriggerProps) {\n // Access disclosure state from context\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n return (\n <Heading level={getHeadingLevel(headingLevel)}>\n <Button\n slot=\"trigger\"\n className={composeRenderProps(className, (className) =>\n cn(accordionTriggerVariants(), className)\n )}\n {...props}\n >\n <span className=\"flex-1 text-left\">{children}</span>\n {!hideIcon && (\n icon ?? (\n <ChevronDown\n aria-hidden=\"true\"\n className={cn(accordionChevronVariants({ isExpanded }))}\n />\n )\n )}\n </Button>\n </Heading>\n );\n}\n\nAccordionTriggerComponent.displayName = 'AccordionTrigger';\n\n/**\n * AccordionContent Component\n *\n * Expandable container for accordion content.\n * Supports animated height transitions and React Activity state preservation.\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n *\n * @example\n * // Standard content\n * <AccordionContent>\n * Yes. It adheres to the WAI-ARIA design pattern.\n * </AccordionContent>\n *\n * @example\n * // With state preservation\n * <AccordionContent preserveState>\n * <form>\n * <input name=\"email\" />\n * </form>\n * </AccordionContent>\n */\n/**\n * Inner component for AccordionContent with state preservation\n * Uses DisclosureStateContext to get isExpanded state\n */\nfunction AccordionContentInner({\n preserveState,\n children,\n}: {\n preserveState: boolean;\n children: ReactNode;\n}) {\n const state = useContext(DisclosureStateContext);\n const isExpanded = state?.isExpanded ?? false;\n\n if (preserveState) {\n return (\n <Activity mode={isExpanded ? 'visible' : 'hidden'}>\n <div className={accordionContentInnerVariants()}>{children}</div>\n </Activity>\n );\n }\n\n return <div className={accordionContentInnerVariants()}>{children}</div>;\n}\n\nfunction AccordionContentComponent({\n preserveState = false,\n className,\n children,\n ...props\n}: AccordionContentProps) {\n return (\n <DisclosurePanel\n className={composeRenderProps(className, (className) =>\n cn(accordionContentVariants(), 'animate-accordion', className)\n )}\n {...props}\n >\n <AccordionContentInner preserveState={preserveState}>\n {children}\n </AccordionContentInner>\n </DisclosurePanel>\n );\n}\n\nAccordionContentComponent.displayName = 'AccordionContent';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\n/**\n * Direct named exports (not Object.assign compound pattern)\n *\n * Accordion follows React Aria's direct export pattern because:\n * - Simpler structure (only 4 components)\n * - Better tree-shaking with named exports\n * - Clearer imports: import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '...'\n */\nexport const Accordion = AccordionRoot;\nexport const AccordionItem = AccordionItemComponent;\nexport const AccordionTrigger = AccordionTriggerComponent;\nexport const AccordionContent = AccordionContentComponent;\n\n// Re-export types for convenience\nexport type {\n AccordionProps,\n AccordionItemProps,\n AccordionTriggerProps,\n AccordionContentProps,\n};\n","import { z } from 'zod';\n\n/**\n * Base props schema for all Themis components\n * Ensures consistent accessibility and styling APIs across the library\n *\n * @see spec.md FR-009 to FR-014 (Accessibility Requirements)\n * @see constitution.md Principle IV (Accessibility First - WCAG 2.2 AA minimum)\n */\nexport const BaseComponentPropsSchema = z.object({\n // Styling\n className: z.string().optional(),\n\n // React\n children: z.any().optional(), // ReactNode not directly supported by Zod\n id: z.string().optional(),\n\n // Accessibility (WCAG 2.2 AA requirements)\n 'aria-label': z.string().optional(),\n 'aria-labelledby': z.string().optional(),\n 'aria-describedby': z.string().optional(),\n 'aria-live': z.enum(['off', 'polite', 'assertive']).optional(),\n 'aria-hidden': z.boolean().optional(),\n\n // Testing & Development\n 'data-testid': z.string().optional(),\n});\n\nexport type BaseComponentProps = z.infer<typeof BaseComponentPropsSchema>;\n","import { z } from 'zod';\nimport { BaseComponentPropsSchema } from '../../schemas/BaseComponentProps';\nimport type { ReactNode, Key } from 'react';\n\n/**\n * Accordion Type Schema\n * Defines expansion mode: single (one item at a time) or multiple (any number)\n *\n * @see accordion-prd.md FR-005, FR-006 (Expansion Modes)\n */\nexport const AccordionTypeSchema = z.enum(['single', 'multiple']);\nexport type AccordionType = z.infer<typeof AccordionTypeSchema>;\n\n/**\n * Heading Level Schema\n * Configurable heading level for document structure (h1-h6)\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger with as prop)\n */\nexport const HeadingLevelSchema = z.enum(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\nexport type HeadingLevel = z.infer<typeof HeadingLevelSchema>;\n\n/**\n * Key Schema for item identification\n * Supports both string and number keys per React Aria convention\n */\nexport const KeySchema = z.union([z.string(), z.number()]);\n\n/**\n * Accordion root component props schema\n *\n * @see accordion-prd.md FR-001 (Accordion Root Component)\n * @see accordion-prd.md FR-007 (Controlled Mode)\n * @see accordion-prd.md FR-008 (Uncontrolled Mode)\n */\nexport const AccordionPropsSchema = BaseComponentPropsSchema.extend({\n // Expansion mode: 'single' (one at a time) or 'multiple' (any number)\n type: AccordionTypeSchema.optional().default('single'),\n\n // Allow all items to be collapsed (only applies to type=\"single\")\n // When false, one item must always be expanded\n collapsible: z.boolean().optional().default(false),\n\n // Controlled mode: currently expanded keys\n expandedKeys: z.custom<Set<Key>>().optional(),\n\n // Uncontrolled mode: initial expanded keys\n defaultExpandedKeys: z.array(KeySchema).optional(),\n\n // Expansion change handler\n onExpandedChange: z.custom<(keys: Set<Key>) => void>().optional(),\n\n // Disable all items\n isDisabled: z.boolean().optional().default(false),\n\n // Keys of items to disable individually\n disabledKeys: z.array(KeySchema).optional(),\n\n // Children: AccordionItem components\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionProps = z.infer<typeof AccordionPropsSchema>;\n\n/**\n * AccordionItem component props schema\n *\n * @see accordion-prd.md FR-002 (AccordionItem Component)\n */\nexport const AccordionItemPropsSchema = BaseComponentPropsSchema.extend({\n // Unique identifier (required)\n id: KeySchema,\n\n // Disable this specific item\n isDisabled: z.boolean().optional(),\n\n // Children: AccordionTrigger + AccordionContent\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionItemProps = z.infer<typeof AccordionItemPropsSchema>;\n\n/**\n * AccordionTrigger component props schema\n *\n * @see accordion-prd.md FR-003 (AccordionTrigger Component)\n */\nexport const AccordionTriggerPropsSchema = BaseComponentPropsSchema.extend({\n // Heading level for proper document structure (default: h3)\n as: HeadingLevelSchema.optional().default('h3'),\n\n // Custom icon to replace default chevron\n icon: z.custom<ReactNode>().optional(),\n\n // Hide the expand/collapse icon entirely\n hideIcon: z.boolean().optional().default(false),\n\n // Trigger content (text, icons, custom content)\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionTriggerProps = z.infer<typeof AccordionTriggerPropsSchema>;\n\n/**\n * AccordionContent component props schema\n *\n * @see accordion-prd.md FR-004 (AccordionContent Component)\n * @see accordion-prd.md FR-010 (Animated Transitions)\n */\nexport const AccordionContentPropsSchema = BaseComponentPropsSchema.extend({\n // Preserve component state when collapsed using React Activity API\n // When true, wraps content in <Activity> component\n // Effects are cleaned up when hidden, restored when visible\n preserveState: z.boolean().optional().default(false),\n\n // Panel content\n children: z.custom<ReactNode>(),\n});\n\nexport type AccordionContentProps = z.infer<typeof AccordionContentPropsSchema>;\n"]}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AlertDialog Component
|
|
3
|
+
*
|
|
4
|
+
* A strict confirmation dialog for destructive or important actions.
|
|
5
|
+
* Thin wrapper around the Modal component with role="alertdialog".
|
|
6
|
+
*
|
|
7
|
+
* Unlike Modal (which is a flexible compound component), AlertDialog has a
|
|
8
|
+
* fixed structure: title, optional description, optional children, and a
|
|
9
|
+
* footer with cancel + action buttons. The footer is not customizable —
|
|
10
|
+
* only the button labels, icons, and variants are configurable via props.
|
|
11
|
+
*
|
|
12
|
+
* Key differences from Modal:
|
|
13
|
+
* - No backdrop dismiss (isDismissable: false)
|
|
14
|
+
* - No Escape key dismiss (isKeyboardDismissDisabled: true)
|
|
15
|
+
* - No close (X) button
|
|
16
|
+
* - Fixed footer layout (cancel + action)
|
|
17
|
+
* - Flat prop API instead of compound components
|
|
18
|
+
*
|
|
19
|
+
* WCAG 2.2 AAA compliant:
|
|
20
|
+
* - role="alertdialog" for screen reader announcements
|
|
21
|
+
* - Focus trapped within dialog
|
|
22
|
+
* - aria-labelledby linked to title
|
|
23
|
+
* - aria-describedby linked to description
|
|
24
|
+
* - All buttons use Themis Button (three-layer architecture, 44x44px touch targets)
|
|
25
|
+
*
|
|
26
|
+
* @example
|
|
27
|
+
* ```tsx
|
|
28
|
+
* <AlertDialog
|
|
29
|
+
* trigger={<Button variant="destructive">Delete</Button>}
|
|
30
|
+
* title="Delete Account?"
|
|
31
|
+
* description="This action cannot be undone."
|
|
32
|
+
* actionLabel="Delete Account"
|
|
33
|
+
* onAction={handleDelete}
|
|
34
|
+
* />
|
|
35
|
+
* ```
|
|
36
|
+
*/
|
|
37
|
+
import { type ReactElement } from 'react';
|
|
38
|
+
import type { AlertDialogProps } from './AlertDialog.types';
|
|
39
|
+
export declare function AlertDialog({ trigger, isOpen, defaultOpen, onOpenChange, title, description, children, variant, size, cancelLabel, cancelIcon, actionLabel, actionIcon, actionVariant, onAction, className, }: AlertDialogProps): ReactElement;
|
|
40
|
+
export declare namespace AlertDialog {
|
|
41
|
+
var displayName: string;
|
|
42
|
+
}
|
|
43
|
+
//# sourceMappingURL=AlertDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../../src/elements/AlertDialog/AlertDialog.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AAEH,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAY1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,wBAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,MAAM,EACN,WAAmB,EACnB,YAAY,EACZ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,WAAsB,EACtB,UAAU,EACV,WAAW,EACX,UAAU,EACV,aAA6B,EAC7B,QAAQ,EACR,SAAS,GACV,EAAE,gBAAgB,GAAG,YAAY,CA+CjC;yBAhEe,WAAW"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type VariantProps } from 'class-variance-authority';
|
|
2
|
+
/**
|
|
3
|
+
* CVA Variants for AlertDialog content panel
|
|
4
|
+
*
|
|
5
|
+
* Only defines the destructive border variant. Base styling comes from
|
|
6
|
+
* the underlying Modal component.
|
|
7
|
+
*/
|
|
8
|
+
export declare const alertDialogContentVariants: (props?: ({
|
|
9
|
+
variant?: "default" | "destructive" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
/**
|
|
12
|
+
* Type exports for variant props
|
|
13
|
+
*/
|
|
14
|
+
export type AlertDialogContentVariantProps = VariantProps<typeof alertDialogContentVariants>;
|
|
15
|
+
//# sourceMappingURL=AlertDialog.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.styles.d.ts","sourceRoot":"","sources":["../../../src/elements/AlertDialog/AlertDialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE;;;;;GAKG;AACH,eAAO,MAAM,0BAA0B;;8EAatC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,8BAA8B,GAAG,YAAY,CAAC,OAAO,0BAA0B,CAAC,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { z } from 'zod';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* AlertDialog variant schema
|
|
5
|
+
*/
|
|
6
|
+
export declare const AlertDialogVariantSchema: z.ZodEnum<{
|
|
7
|
+
default: "default";
|
|
8
|
+
destructive: "destructive";
|
|
9
|
+
}>;
|
|
10
|
+
export type AlertDialogVariant = z.infer<typeof AlertDialogVariantSchema>;
|
|
11
|
+
/**
|
|
12
|
+
* AlertDialog size schema
|
|
13
|
+
*/
|
|
14
|
+
export declare const AlertDialogSizeSchema: z.ZodEnum<{
|
|
15
|
+
sm: "sm";
|
|
16
|
+
lg: "lg";
|
|
17
|
+
md: "md";
|
|
18
|
+
}>;
|
|
19
|
+
export type AlertDialogSize = z.infer<typeof AlertDialogSizeSchema>;
|
|
20
|
+
/**
|
|
21
|
+
* AlertDialog props schema
|
|
22
|
+
*
|
|
23
|
+
* A strict, flat API for confirmation dialogs. Wraps Modal with
|
|
24
|
+
* role="alertdialog", no backdrop dismiss, no Escape dismiss, no close button.
|
|
25
|
+
* Footer is fixed: cancel button (left) + action button (right).
|
|
26
|
+
*/
|
|
27
|
+
export declare const AlertDialogPropsSchema: z.ZodObject<{
|
|
28
|
+
className: z.ZodOptional<z.ZodString>;
|
|
29
|
+
id: z.ZodOptional<z.ZodString>;
|
|
30
|
+
'aria-label': z.ZodOptional<z.ZodString>;
|
|
31
|
+
'aria-labelledby': z.ZodOptional<z.ZodString>;
|
|
32
|
+
'aria-describedby': z.ZodOptional<z.ZodString>;
|
|
33
|
+
'aria-live': z.ZodOptional<z.ZodEnum<{
|
|
34
|
+
off: "off";
|
|
35
|
+
polite: "polite";
|
|
36
|
+
assertive: "assertive";
|
|
37
|
+
}>>;
|
|
38
|
+
'aria-hidden': z.ZodOptional<z.ZodBoolean>;
|
|
39
|
+
'data-testid': z.ZodOptional<z.ZodString>;
|
|
40
|
+
trigger: z.ZodCustom<ReactNode, ReactNode>;
|
|
41
|
+
isOpen: z.ZodOptional<z.ZodBoolean>;
|
|
42
|
+
defaultOpen: z.ZodDefault<z.ZodOptional<z.ZodBoolean>>;
|
|
43
|
+
onOpenChange: z.ZodOptional<z.ZodCustom<(isOpen: boolean) => void, (isOpen: boolean) => void>>;
|
|
44
|
+
title: z.ZodString;
|
|
45
|
+
description: z.ZodOptional<z.ZodString>;
|
|
46
|
+
children: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
47
|
+
variant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
48
|
+
default: "default";
|
|
49
|
+
destructive: "destructive";
|
|
50
|
+
}>>>;
|
|
51
|
+
size: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
52
|
+
sm: "sm";
|
|
53
|
+
lg: "lg";
|
|
54
|
+
md: "md";
|
|
55
|
+
}>>>;
|
|
56
|
+
cancelLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
57
|
+
cancelIcon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
58
|
+
actionLabel: z.ZodString;
|
|
59
|
+
actionIcon: z.ZodOptional<z.ZodCustom<ReactNode, ReactNode>>;
|
|
60
|
+
actionVariant: z.ZodDefault<z.ZodOptional<z.ZodEnum<{
|
|
61
|
+
default: "default";
|
|
62
|
+
destructive: "destructive";
|
|
63
|
+
}>>>;
|
|
64
|
+
onAction: z.ZodOptional<z.ZodCustom<() => void, () => void>>;
|
|
65
|
+
}, z.core.$strip>;
|
|
66
|
+
export type AlertDialogProps = z.infer<typeof AlertDialogPropsSchema> & {
|
|
67
|
+
trigger: ReactNode;
|
|
68
|
+
children?: ReactNode;
|
|
69
|
+
cancelIcon?: ReactNode;
|
|
70
|
+
actionIcon?: ReactNode;
|
|
71
|
+
};
|
|
72
|
+
//# sourceMappingURL=AlertDialog.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AlertDialog.types.d.ts","sourceRoot":"","sources":["../../../src/elements/AlertDialog/AlertDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;EAAqC,CAAC;AAC3E,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;;EAA6B,CAAC;AAChE,MAAM,MAAM,eAAe,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAEpE;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;qDAWD,OAAO,KAAK,IAAI,WAAhB,OAAO,KAAK,IAAI;;;;;;;;;;;;;;;;;;;;;8CAiCvB,IAAI,QAAJ,IAAI;iBAC7B,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,GAAG;IACtE,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* AlertDialog Component Exports
|
|
3
|
+
*
|
|
4
|
+
* A strict confirmation dialog for destructive or important actions.
|
|
5
|
+
* Wraps Modal with a flat prop API and fixed footer layout.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* import { AlertDialog } from '@tribepad/themis/elements/AlertDialog';
|
|
10
|
+
*
|
|
11
|
+
* <AlertDialog
|
|
12
|
+
* trigger={<Button variant="destructive">Delete</Button>}
|
|
13
|
+
* title="Delete Account?"
|
|
14
|
+
* description="This action cannot be undone."
|
|
15
|
+
* actionLabel="Delete Account"
|
|
16
|
+
* onAction={handleDelete}
|
|
17
|
+
* />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export { AlertDialog } from './AlertDialog';
|
|
21
|
+
export type { AlertDialogProps, AlertDialogVariant, AlertDialogSize, } from './AlertDialog.types';
|
|
22
|
+
export { AlertDialogPropsSchema, AlertDialogVariantSchema, AlertDialogSizeSchema, } from './AlertDialog.types';
|
|
23
|
+
export { alertDialogContentVariants, } from './AlertDialog.styles';
|
|
24
|
+
export type { AlertDialogContentVariantProps, } from './AlertDialog.styles';
|
|
25
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/AlertDialog/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,sBAAsB,EACtB,wBAAwB,EACxB,qBAAqB,GACtB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EACL,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EACV,8BAA8B,GAC/B,MAAM,sBAAsB,CAAC"}
|