@raystack/apsara 0.51.0 → 0.52.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/accordion/__tests__/accordion.test.d.ts +2 -0
- package/dist/components/accordion/__tests__/accordion.test.d.ts.map +1 -0
- package/dist/components/accordion/accordion-content.cjs +14 -0
- package/dist/components/accordion/accordion-content.cjs.map +1 -0
- package/dist/components/accordion/accordion-content.d.ts +8 -0
- package/dist/components/accordion/accordion-content.d.ts.map +1 -0
- package/dist/components/accordion/accordion-content.js +12 -0
- package/dist/components/accordion/accordion-content.js.map +1 -0
- package/dist/components/accordion/accordion-item.cjs +14 -0
- package/dist/components/accordion/accordion-item.cjs.map +1 -0
- package/dist/components/accordion/accordion-item.d.ts +8 -0
- package/dist/components/accordion/accordion-item.d.ts.map +1 -0
- package/dist/components/accordion/accordion-item.js +12 -0
- package/dist/components/accordion/accordion-item.js.map +1 -0
- package/dist/components/accordion/accordion-root.cjs +26 -0
- package/dist/components/accordion/accordion-root.cjs.map +1 -0
- package/dist/components/accordion/accordion-root.d.ts +11 -0
- package/dist/components/accordion/accordion-root.d.ts.map +1 -0
- package/dist/components/accordion/accordion-root.js +24 -0
- package/dist/components/accordion/accordion-root.js.map +1 -0
- package/dist/components/accordion/accordion-trigger.cjs +15 -0
- package/dist/components/accordion/accordion-trigger.cjs.map +1 -0
- package/dist/components/accordion/accordion-trigger.d.ts +8 -0
- package/dist/components/accordion/accordion-trigger.d.ts.map +1 -0
- package/dist/components/accordion/accordion-trigger.js +13 -0
- package/dist/components/accordion/accordion-trigger.js.map +1 -0
- package/dist/components/accordion/accordion.cjs +15 -0
- package/dist/components/accordion/accordion.cjs.map +1 -0
- package/dist/components/accordion/accordion.d.ts +6 -0
- package/dist/components/accordion/accordion.d.ts.map +1 -0
- package/dist/components/accordion/accordion.js +13 -0
- package/dist/components/accordion/accordion.js.map +1 -0
- package/dist/components/accordion/accordion.module.css.cjs +8 -0
- package/dist/components/accordion/accordion.module.css.cjs.map +1 -0
- package/dist/components/accordion/accordion.module.css.js +4 -0
- package/dist/components/accordion/accordion.module.css.js.map +1 -0
- package/dist/components/accordion/index.d.ts +2 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/amount/__tests__/amount.test.d.ts +2 -0
- package/dist/components/amount/__tests__/amount.test.d.ts.map +1 -0
- package/dist/components/announcement-bar/__tests__/announcement-bar.test.d.ts +2 -0
- package/dist/components/announcement-bar/__tests__/announcement-bar.test.d.ts.map +1 -0
- package/dist/components/avatar/__tests__/avatar.test.d.ts +2 -0
- package/dist/components/avatar/__tests__/avatar.test.d.ts.map +1 -0
- package/dist/components/badge/__tests__/badge.test.d.ts +2 -0
- package/dist/components/badge/__tests__/badge.test.d.ts.map +1 -0
- package/dist/components/box/__tests__/box.test.d.ts +2 -0
- package/dist/components/box/__tests__/box.test.d.ts.map +1 -0
- package/dist/components/breadcrumb/__tests__/breadcrumb.test.d.ts +2 -0
- package/dist/components/breadcrumb/__tests__/breadcrumb.test.d.ts.map +1 -0
- package/dist/components/breadcrumb/breadcrumb-item.cjs +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.cjs.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.js +1 -1
- package/dist/components/breadcrumb/breadcrumb-item.js.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.cjs +2 -2
- package/dist/components/breadcrumb/breadcrumb-misc.cjs.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.d.ts.map +1 -1
- package/dist/components/breadcrumb/breadcrumb-misc.js +3 -3
- package/dist/components/breadcrumb/breadcrumb-misc.js.map +1 -1
- package/dist/components/button/__tests__/button.test.d.ts +2 -0
- package/dist/components/button/__tests__/button.test.d.ts.map +1 -0
- package/dist/components/calendar/__tests__/calendar.test.d.ts +2 -0
- package/dist/components/calendar/__tests__/calendar.test.d.ts.map +1 -0
- package/dist/components/calendar/calendar.cjs +1 -1
- package/dist/components/calendar/calendar.cjs.map +1 -1
- package/dist/components/calendar/calendar.js +1 -1
- package/dist/components/calendar/calendar.js.map +1 -1
- package/dist/components/calendar/date-picker.cjs +7 -6
- package/dist/components/calendar/date-picker.cjs.map +1 -1
- package/dist/components/calendar/date-picker.d.ts +3 -2
- package/dist/components/calendar/date-picker.d.ts.map +1 -1
- package/dist/components/calendar/date-picker.js +7 -6
- package/dist/components/calendar/date-picker.js.map +1 -1
- package/dist/components/calendar/range-picker.cjs +4 -3
- package/dist/components/calendar/range-picker.cjs.map +1 -1
- package/dist/components/calendar/range-picker.d.ts +3 -2
- package/dist/components/calendar/range-picker.d.ts.map +1 -1
- package/dist/components/calendar/range-picker.js +4 -3
- package/dist/components/calendar/range-picker.js.map +1 -1
- package/dist/components/callout/__tests__/callout.test.d.ts +2 -0
- package/dist/components/callout/__tests__/callout.test.d.ts.map +1 -0
- package/dist/components/checkbox/__tests__/checkbox.test.d.ts +2 -0
- package/dist/components/checkbox/__tests__/checkbox.test.d.ts.map +1 -0
- package/dist/components/chip/__tests__/chip.test.d.ts +2 -0
- package/dist/components/chip/__tests__/chip.test.d.ts.map +1 -0
- package/dist/components/color-picker/__tests__/color-picker.test.d.ts +2 -0
- package/dist/components/color-picker/__tests__/color-picker.test.d.ts.map +1 -0
- package/dist/components/command/__tests__/command.test.d.ts +2 -0
- package/dist/components/command/__tests__/command.test.d.ts.map +1 -0
- package/dist/components/container/__tests__/container.test.d.ts +2 -0
- package/dist/components/container/__tests__/container.test.d.ts.map +1 -0
- package/dist/components/container/container.d.ts +1 -1
- package/dist/components/copy-button/__tests__/copy-button.test.d.ts +2 -0
- package/dist/components/copy-button/__tests__/copy-button.test.d.ts.map +1 -0
- package/dist/components/data-table/__tests__/data-table.test.d.ts +2 -0
- package/dist/components/data-table/__tests__/data-table.test.d.ts.map +1 -0
- package/dist/components/dialog/__tests__/dialog.test.d.ts +2 -0
- package/dist/components/dialog/__tests__/dialog.test.d.ts.map +1 -0
- package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts +2 -0
- package/dist/components/dropdown-menu/__tests__/dropdown-menu.test.d.ts.map +1 -0
- package/dist/components/dropdown-menu/dropdown-menu-content.cjs +19 -6
- package/dist/components/dropdown-menu/dropdown-menu-content.cjs.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.d.ts.map +1 -1
- package/dist/components/dropdown-menu/dropdown-menu-content.js +19 -6
- package/dist/components/dropdown-menu/dropdown-menu-content.js.map +1 -1
- package/dist/components/empty-state/__tests__/empty-state.test.d.ts +2 -0
- package/dist/components/empty-state/__tests__/empty-state.test.d.ts.map +1 -0
- package/dist/components/filter-chip/__tests__/filter-chip.test.d.ts +2 -0
- package/dist/components/filter-chip/__tests__/filter-chip.test.d.ts.map +1 -0
- package/dist/components/flex/__tests__/flex.test.d.ts +2 -0
- package/dist/components/flex/__tests__/flex.test.d.ts.map +1 -0
- package/dist/components/flex/flex.d.ts +3 -3
- package/dist/components/grid/__tests__/grid.test.d.ts +2 -0
- package/dist/components/grid/__tests__/grid.test.d.ts.map +1 -0
- package/dist/components/headline/__tests__/headline.test.d.ts +2 -0
- package/dist/components/headline/__tests__/headline.test.d.ts.map +1 -0
- package/dist/components/headline/headline.d.ts +1 -1
- package/dist/components/icon-button/__tests__/icon-button.test.d.ts +2 -0
- package/dist/components/icon-button/__tests__/icon-button.test.d.ts.map +1 -0
- package/dist/components/image/__tests__/image.test.d.ts +2 -0
- package/dist/components/image/__tests__/image.test.d.ts.map +1 -0
- package/dist/components/image/image.d.ts +1 -1
- package/dist/components/indicator/__tests__/indicator.test.d.ts +2 -0
- package/dist/components/indicator/__tests__/indicator.test.d.ts.map +1 -0
- package/dist/components/input-field/__tests__/input-field.test.d.ts +2 -0
- package/dist/components/input-field/__tests__/input-field.test.d.ts.map +1 -0
- package/dist/components/label/__tests__/label.test.d.ts +2 -0
- package/dist/components/label/__tests__/label.test.d.ts.map +1 -0
- package/dist/components/link/__tests__/link.test.d.ts +2 -0
- package/dist/components/link/__tests__/link.test.d.ts.map +1 -0
- package/dist/components/list/__tests__/list.test.d.ts +2 -0
- package/dist/components/list/__tests__/list.test.d.ts.map +1 -0
- package/dist/components/popover/__tests__/popover.test.d.ts +2 -0
- package/dist/components/popover/__tests__/popover.test.d.ts.map +1 -0
- package/dist/components/popover/popover.cjs.map +1 -1
- package/dist/components/popover/popover.d.ts +1 -2
- package/dist/components/popover/popover.d.ts.map +1 -1
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/radio/__tests__/radio.test.d.ts +2 -0
- package/dist/components/radio/__tests__/radio.test.d.ts.map +1 -0
- package/dist/components/search/__tests__/search.test.d.ts +2 -0
- package/dist/components/search/__tests__/search.test.d.ts.map +1 -0
- package/dist/components/select/__tests__/select.test.d.ts +2 -0
- package/dist/components/select/__tests__/select.test.d.ts.map +1 -0
- package/dist/components/separator/__tests__/separator.test.d.ts +2 -0
- package/dist/components/separator/__tests__/separator.test.d.ts.map +1 -0
- package/dist/components/sheet/__tests__/sheet.test.d.ts +2 -0
- package/dist/components/sheet/__tests__/sheet.test.d.ts.map +1 -0
- package/dist/components/sheet/sheet.cjs.map +1 -1
- package/dist/components/sheet/sheet.d.ts +1 -1
- package/dist/components/sheet/sheet.d.ts.map +1 -1
- package/dist/components/sheet/sheet.js.map +1 -1
- package/dist/components/side-panel/__tests__/side-panel.test.d.ts +2 -0
- package/dist/components/side-panel/__tests__/side-panel.test.d.ts.map +1 -0
- package/dist/components/sidebar/__tests__/sidebar.test.d.ts +2 -0
- package/dist/components/sidebar/__tests__/sidebar.test.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-item.cjs +37 -0
- package/dist/components/sidebar/sidebar-item.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-item.d.ts +14 -0
- package/dist/components/sidebar/sidebar-item.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-item.js +35 -0
- package/dist/components/sidebar/sidebar-item.js.map +1 -0
- package/dist/components/sidebar/sidebar-main.cjs +13 -0
- package/dist/components/sidebar/sidebar-main.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-main.d.ts +2 -0
- package/dist/components/sidebar/sidebar-main.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-main.js +11 -0
- package/dist/components/sidebar/sidebar-main.js.map +1 -0
- package/dist/components/sidebar/sidebar-misc.cjs +20 -0
- package/dist/components/sidebar/sidebar-misc.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-misc.d.ts +9 -0
- package/dist/components/sidebar/sidebar-misc.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-misc.js +16 -0
- package/dist/components/sidebar/sidebar-misc.js.map +1 -0
- package/dist/components/sidebar/sidebar-root.cjs +34 -0
- package/dist/components/sidebar/sidebar-root.cjs.map +1 -0
- package/dist/components/sidebar/sidebar-root.d.ts +15 -0
- package/dist/components/sidebar/sidebar-root.d.ts.map +1 -0
- package/dist/components/sidebar/sidebar-root.js +31 -0
- package/dist/components/sidebar/sidebar-root.js.map +1 -0
- package/dist/components/sidebar/sidebar.cjs +10 -64
- package/dist/components/sidebar/sidebar.cjs.map +1 -1
- package/dist/components/sidebar/sidebar.d.ts +4 -29
- package/dist/components/sidebar/sidebar.d.ts.map +1 -1
- package/dist/components/sidebar/sidebar.js +4 -58
- package/dist/components/sidebar/sidebar.js.map +1 -1
- package/dist/components/skeleton/__tests__/skeleton.test.d.ts +2 -0
- package/dist/components/skeleton/__tests__/skeleton.test.d.ts.map +1 -0
- package/dist/components/slider/__tests__/slider.test.d.ts +2 -0
- package/dist/components/slider/__tests__/slider.test.d.ts.map +1 -0
- package/dist/components/slider/slider.cjs +4 -21
- package/dist/components/slider/slider.cjs.map +1 -1
- package/dist/components/slider/slider.d.ts +3 -3
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/slider/slider.js +6 -4
- package/dist/components/slider/slider.js.map +1 -1
- package/dist/components/slider/slider.module.css.cjs +1 -1
- package/dist/components/slider/slider.module.css.js +1 -1
- package/dist/components/switch/__tests__/switch.test.d.ts +2 -0
- package/dist/components/switch/__tests__/switch.test.d.ts.map +1 -0
- package/dist/components/switch/switch.cjs +1 -1
- package/dist/components/switch/switch.cjs.map +1 -1
- package/dist/components/switch/switch.d.ts.map +1 -1
- package/dist/components/switch/switch.js +2 -2
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/table/__tests__/table.test.d.ts +2 -0
- package/dist/components/table/__tests__/table.test.d.ts.map +1 -0
- package/dist/components/tabs/__tests__/tabs.test.d.ts +2 -0
- package/dist/components/tabs/__tests__/tabs.test.d.ts.map +1 -0
- package/dist/components/tabs/tabs.cjs.map +1 -1
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/text/__tests__/text.test.d.ts +2 -0
- package/dist/components/text/__tests__/text.test.d.ts.map +1 -0
- package/dist/components/text/text.cjs +7 -5
- package/dist/components/text/text.cjs.map +1 -1
- package/dist/components/text/text.d.ts +2 -2
- package/dist/components/text/text.d.ts.map +1 -1
- package/dist/components/text/text.js +5 -3
- package/dist/components/text/text.js.map +1 -1
- package/dist/components/text-area/__tests__/text-area.test.d.ts +2 -0
- package/dist/components/text-area/__tests__/text-area.test.d.ts.map +1 -0
- package/dist/components/text-area/text-area.cjs +1 -1
- package/dist/components/text-area/text-area.cjs.map +1 -1
- package/dist/components/text-area/text-area.d.ts.map +1 -1
- package/dist/components/text-area/text-area.js +1 -1
- package/dist/components/text-area/text-area.js.map +1 -1
- package/dist/components/theme-provider/__tests__/theme-provider.test.d.ts +2 -0
- package/dist/components/theme-provider/__tests__/theme-provider.test.d.ts.map +1 -0
- package/dist/components/toast/__tests__/toast.test.d.ts +2 -0
- package/dist/components/toast/__tests__/toast.test.d.ts.map +1 -0
- package/dist/components/tooltip/__tests__/tooltip.test.d.ts +2 -0
- package/dist/components/tooltip/__tests__/tooltip.test.d.ts.map +1 -0
- package/dist/components/tooltip/tooltip-root.d.ts +1 -1
- package/dist/figma/button.figma.d.ts +2 -0
- package/dist/figma/button.figma.d.ts.map +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.cjs +319 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.cjs.map +1 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.js +307 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-accordion@1.2.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.js.map +1 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs +4 -0
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs.map +1 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js +3 -1
- package/dist/node_modules/.pnpm/@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +24 -21
- package/dist/test-utils.d.ts +0 -6
- package/dist/test-utils.d.ts.map +0 -1
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,319 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var index$1 = require('../../../../../@radix-ui_react-context@1.1.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-context/dist/index.cjs');
|
|
6
|
+
var index = require('../../../../../@radix-ui_react-collection@1.1.7_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_osprlkpgasstri7fv2i6vnhaiu/node_modules/@radix-ui/react-collection/dist/index.cjs');
|
|
7
|
+
var index$4 = require('../../../../../@radix-ui_react-compose-refs@1.1.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-compose-refs/dist/index.cjs');
|
|
8
|
+
var index$6 = require('../../../../../@radix-ui_primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.cjs');
|
|
9
|
+
var index$3 = require('../../../../../@radix-ui_react-use-controllable-state@1.2.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.cjs');
|
|
10
|
+
var index$7 = require('../../../../../@radix-ui_react-primitive@2.1.3_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19._4yh4p65o2perjv44b2nloe5aui/node_modules/@radix-ui/react-primitive/dist/index.cjs');
|
|
11
|
+
var index$2 = require('../../../../../@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.cjs');
|
|
12
|
+
var index$8 = require('../../../../../@radix-ui_react-id@1.1.1_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-id/dist/index.cjs');
|
|
13
|
+
var index$5 = require('../../../../../@radix-ui_react-direction@1.1.1_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-direction/dist/index.cjs');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
var ACCORDION_NAME = "Accordion";
|
|
17
|
+
var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
|
|
18
|
+
var [Collection, useCollection, createCollectionScope] = index.createCollection(ACCORDION_NAME);
|
|
19
|
+
var [createAccordionContext, createAccordionScope] = index$1.createContextScope(ACCORDION_NAME, [
|
|
20
|
+
createCollectionScope,
|
|
21
|
+
index$2.createCollapsibleScope
|
|
22
|
+
]);
|
|
23
|
+
var useCollapsibleScope = index$2.createCollapsibleScope();
|
|
24
|
+
var Accordion = React.forwardRef(
|
|
25
|
+
(props, forwardedRef) => {
|
|
26
|
+
const { type, ...accordionProps } = props;
|
|
27
|
+
const singleProps = accordionProps;
|
|
28
|
+
const multipleProps = accordionProps;
|
|
29
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ jsxRuntime.jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsxRuntime.jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
|
|
30
|
+
}
|
|
31
|
+
);
|
|
32
|
+
Accordion.displayName = ACCORDION_NAME;
|
|
33
|
+
var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
|
|
34
|
+
var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
|
|
35
|
+
ACCORDION_NAME,
|
|
36
|
+
{ collapsible: false }
|
|
37
|
+
);
|
|
38
|
+
var AccordionImplSingle = React.forwardRef(
|
|
39
|
+
(props, forwardedRef) => {
|
|
40
|
+
const {
|
|
41
|
+
value: valueProp,
|
|
42
|
+
defaultValue,
|
|
43
|
+
onValueChange = () => {
|
|
44
|
+
},
|
|
45
|
+
collapsible = false,
|
|
46
|
+
...accordionSingleProps
|
|
47
|
+
} = props;
|
|
48
|
+
const [value, setValue] = index$3.useControllableState({
|
|
49
|
+
prop: valueProp,
|
|
50
|
+
defaultProp: defaultValue ?? "",
|
|
51
|
+
onChange: onValueChange,
|
|
52
|
+
caller: ACCORDION_NAME
|
|
53
|
+
});
|
|
54
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
55
|
+
AccordionValueProvider,
|
|
56
|
+
{
|
|
57
|
+
scope: props.__scopeAccordion,
|
|
58
|
+
value: React.useMemo(() => value ? [value] : [], [value]),
|
|
59
|
+
onItemOpen: setValue,
|
|
60
|
+
onItemClose: React.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
|
|
61
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
var AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {
|
|
67
|
+
const {
|
|
68
|
+
value: valueProp,
|
|
69
|
+
defaultValue,
|
|
70
|
+
onValueChange = () => {
|
|
71
|
+
},
|
|
72
|
+
...accordionMultipleProps
|
|
73
|
+
} = props;
|
|
74
|
+
const [value, setValue] = index$3.useControllableState({
|
|
75
|
+
prop: valueProp,
|
|
76
|
+
defaultProp: defaultValue ?? [],
|
|
77
|
+
onChange: onValueChange,
|
|
78
|
+
caller: ACCORDION_NAME
|
|
79
|
+
});
|
|
80
|
+
const handleItemOpen = React.useCallback(
|
|
81
|
+
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
|
82
|
+
[setValue]
|
|
83
|
+
);
|
|
84
|
+
const handleItemClose = React.useCallback(
|
|
85
|
+
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
|
86
|
+
[setValue]
|
|
87
|
+
);
|
|
88
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
89
|
+
AccordionValueProvider,
|
|
90
|
+
{
|
|
91
|
+
scope: props.__scopeAccordion,
|
|
92
|
+
value,
|
|
93
|
+
onItemOpen: handleItemOpen,
|
|
94
|
+
onItemClose: handleItemClose,
|
|
95
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsxRuntime.jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
});
|
|
99
|
+
var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
|
|
100
|
+
var AccordionImpl = React.forwardRef(
|
|
101
|
+
(props, forwardedRef) => {
|
|
102
|
+
const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
|
|
103
|
+
const accordionRef = React.useRef(null);
|
|
104
|
+
const composedRefs = index$4.useComposedRefs(accordionRef, forwardedRef);
|
|
105
|
+
const getItems = useCollection(__scopeAccordion);
|
|
106
|
+
const direction = index$5.useDirection(dir);
|
|
107
|
+
const isDirectionLTR = direction === "ltr";
|
|
108
|
+
const handleKeyDown = index$6.composeEventHandlers(props.onKeyDown, (event) => {
|
|
109
|
+
if (!ACCORDION_KEYS.includes(event.key)) return;
|
|
110
|
+
const target = event.target;
|
|
111
|
+
const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);
|
|
112
|
+
const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);
|
|
113
|
+
const triggerCount = triggerCollection.length;
|
|
114
|
+
if (triggerIndex === -1) return;
|
|
115
|
+
event.preventDefault();
|
|
116
|
+
let nextIndex = triggerIndex;
|
|
117
|
+
const homeIndex = 0;
|
|
118
|
+
const endIndex = triggerCount - 1;
|
|
119
|
+
const moveNext = () => {
|
|
120
|
+
nextIndex = triggerIndex + 1;
|
|
121
|
+
if (nextIndex > endIndex) {
|
|
122
|
+
nextIndex = homeIndex;
|
|
123
|
+
}
|
|
124
|
+
};
|
|
125
|
+
const movePrev = () => {
|
|
126
|
+
nextIndex = triggerIndex - 1;
|
|
127
|
+
if (nextIndex < homeIndex) {
|
|
128
|
+
nextIndex = endIndex;
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
switch (event.key) {
|
|
132
|
+
case "Home":
|
|
133
|
+
nextIndex = homeIndex;
|
|
134
|
+
break;
|
|
135
|
+
case "End":
|
|
136
|
+
nextIndex = endIndex;
|
|
137
|
+
break;
|
|
138
|
+
case "ArrowRight":
|
|
139
|
+
if (orientation === "horizontal") {
|
|
140
|
+
if (isDirectionLTR) {
|
|
141
|
+
moveNext();
|
|
142
|
+
} else {
|
|
143
|
+
movePrev();
|
|
144
|
+
}
|
|
145
|
+
}
|
|
146
|
+
break;
|
|
147
|
+
case "ArrowDown":
|
|
148
|
+
if (orientation === "vertical") {
|
|
149
|
+
moveNext();
|
|
150
|
+
}
|
|
151
|
+
break;
|
|
152
|
+
case "ArrowLeft":
|
|
153
|
+
if (orientation === "horizontal") {
|
|
154
|
+
if (isDirectionLTR) {
|
|
155
|
+
movePrev();
|
|
156
|
+
} else {
|
|
157
|
+
moveNext();
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
break;
|
|
161
|
+
case "ArrowUp":
|
|
162
|
+
if (orientation === "vertical") {
|
|
163
|
+
movePrev();
|
|
164
|
+
}
|
|
165
|
+
break;
|
|
166
|
+
}
|
|
167
|
+
const clampedIndex = nextIndex % triggerCount;
|
|
168
|
+
triggerCollection[clampedIndex].ref.current?.focus();
|
|
169
|
+
});
|
|
170
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
171
|
+
AccordionImplProvider,
|
|
172
|
+
{
|
|
173
|
+
scope: __scopeAccordion,
|
|
174
|
+
disabled,
|
|
175
|
+
direction: dir,
|
|
176
|
+
orientation,
|
|
177
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
178
|
+
index$7.Primitive.div,
|
|
179
|
+
{
|
|
180
|
+
...accordionProps,
|
|
181
|
+
"data-orientation": orientation,
|
|
182
|
+
ref: composedRefs,
|
|
183
|
+
onKeyDown: disabled ? void 0 : handleKeyDown
|
|
184
|
+
}
|
|
185
|
+
) })
|
|
186
|
+
}
|
|
187
|
+
);
|
|
188
|
+
}
|
|
189
|
+
);
|
|
190
|
+
var ITEM_NAME = "AccordionItem";
|
|
191
|
+
var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
|
|
192
|
+
var AccordionItem = React.forwardRef(
|
|
193
|
+
(props, forwardedRef) => {
|
|
194
|
+
const { __scopeAccordion, value, ...accordionItemProps } = props;
|
|
195
|
+
const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
|
|
196
|
+
const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);
|
|
197
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
198
|
+
const triggerId = index$8.useId();
|
|
199
|
+
const open = value && valueContext.value.includes(value) || false;
|
|
200
|
+
const disabled = accordionContext.disabled || props.disabled;
|
|
201
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
202
|
+
AccordionItemProvider,
|
|
203
|
+
{
|
|
204
|
+
scope: __scopeAccordion,
|
|
205
|
+
open,
|
|
206
|
+
disabled,
|
|
207
|
+
triggerId,
|
|
208
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
209
|
+
index$2.Root,
|
|
210
|
+
{
|
|
211
|
+
"data-orientation": accordionContext.orientation,
|
|
212
|
+
"data-state": getState(open),
|
|
213
|
+
...collapsibleScope,
|
|
214
|
+
...accordionItemProps,
|
|
215
|
+
ref: forwardedRef,
|
|
216
|
+
disabled,
|
|
217
|
+
open,
|
|
218
|
+
onOpenChange: (open2) => {
|
|
219
|
+
if (open2) {
|
|
220
|
+
valueContext.onItemOpen(value);
|
|
221
|
+
} else {
|
|
222
|
+
valueContext.onItemClose(value);
|
|
223
|
+
}
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
)
|
|
227
|
+
}
|
|
228
|
+
);
|
|
229
|
+
}
|
|
230
|
+
);
|
|
231
|
+
AccordionItem.displayName = ITEM_NAME;
|
|
232
|
+
var HEADER_NAME = "AccordionHeader";
|
|
233
|
+
var AccordionHeader = React.forwardRef(
|
|
234
|
+
(props, forwardedRef) => {
|
|
235
|
+
const { __scopeAccordion, ...headerProps } = props;
|
|
236
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
237
|
+
const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
|
|
238
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
239
|
+
index$7.Primitive.h3,
|
|
240
|
+
{
|
|
241
|
+
"data-orientation": accordionContext.orientation,
|
|
242
|
+
"data-state": getState(itemContext.open),
|
|
243
|
+
"data-disabled": itemContext.disabled ? "" : void 0,
|
|
244
|
+
...headerProps,
|
|
245
|
+
ref: forwardedRef
|
|
246
|
+
}
|
|
247
|
+
);
|
|
248
|
+
}
|
|
249
|
+
);
|
|
250
|
+
AccordionHeader.displayName = HEADER_NAME;
|
|
251
|
+
var TRIGGER_NAME = "AccordionTrigger";
|
|
252
|
+
var AccordionTrigger = React.forwardRef(
|
|
253
|
+
(props, forwardedRef) => {
|
|
254
|
+
const { __scopeAccordion, ...triggerProps } = props;
|
|
255
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
256
|
+
const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);
|
|
257
|
+
const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion);
|
|
258
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
259
|
+
return /* @__PURE__ */ jsxRuntime.jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
260
|
+
index$2.Trigger,
|
|
261
|
+
{
|
|
262
|
+
"aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
|
|
263
|
+
"data-orientation": accordionContext.orientation,
|
|
264
|
+
id: itemContext.triggerId,
|
|
265
|
+
...collapsibleScope,
|
|
266
|
+
...triggerProps,
|
|
267
|
+
ref: forwardedRef
|
|
268
|
+
}
|
|
269
|
+
) });
|
|
270
|
+
}
|
|
271
|
+
);
|
|
272
|
+
AccordionTrigger.displayName = TRIGGER_NAME;
|
|
273
|
+
var CONTENT_NAME = "AccordionContent";
|
|
274
|
+
var AccordionContent = React.forwardRef(
|
|
275
|
+
(props, forwardedRef) => {
|
|
276
|
+
const { __scopeAccordion, ...contentProps } = props;
|
|
277
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
278
|
+
const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion);
|
|
279
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
280
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
281
|
+
index$2.Content,
|
|
282
|
+
{
|
|
283
|
+
role: "region",
|
|
284
|
+
"aria-labelledby": itemContext.triggerId,
|
|
285
|
+
"data-orientation": accordionContext.orientation,
|
|
286
|
+
...collapsibleScope,
|
|
287
|
+
...contentProps,
|
|
288
|
+
ref: forwardedRef,
|
|
289
|
+
style: {
|
|
290
|
+
["--radix-accordion-content-height"]: "var(--radix-collapsible-content-height)",
|
|
291
|
+
["--radix-accordion-content-width"]: "var(--radix-collapsible-content-width)",
|
|
292
|
+
...props.style
|
|
293
|
+
}
|
|
294
|
+
}
|
|
295
|
+
);
|
|
296
|
+
}
|
|
297
|
+
);
|
|
298
|
+
AccordionContent.displayName = CONTENT_NAME;
|
|
299
|
+
function getState(open) {
|
|
300
|
+
return open ? "open" : "closed";
|
|
301
|
+
}
|
|
302
|
+
var Root2 = Accordion;
|
|
303
|
+
var Item = AccordionItem;
|
|
304
|
+
var Header = AccordionHeader;
|
|
305
|
+
var Trigger2 = AccordionTrigger;
|
|
306
|
+
var Content2 = AccordionContent;
|
|
307
|
+
|
|
308
|
+
exports.Accordion = Accordion;
|
|
309
|
+
exports.AccordionContent = AccordionContent;
|
|
310
|
+
exports.AccordionHeader = AccordionHeader;
|
|
311
|
+
exports.AccordionItem = AccordionItem;
|
|
312
|
+
exports.AccordionTrigger = AccordionTrigger;
|
|
313
|
+
exports.Content = Content2;
|
|
314
|
+
exports.Header = Header;
|
|
315
|
+
exports.Item = Item;
|
|
316
|
+
exports.Root = Root2;
|
|
317
|
+
exports.Trigger = Trigger2;
|
|
318
|
+
exports.createAccordionScope = createAccordionScope;
|
|
319
|
+
//# sourceMappingURL=index.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs","sources":["../../../../../../../../../../node_modules/.pnpm/@radix-ui+react-accordion@1.2.11_@types+react-dom@19.1.7_@types+react@19.1.9__@types+react@19_mt5ahf6cxnui73dcsmqbdvyj2i/node_modules/@radix-ui/react-accordion/dist/index.mjs"],"sourcesContent":["\"use client\";\n\n// src/accordion.tsx\nimport React from \"react\";\nimport { createContextScope } from \"@radix-ui/react-context\";\nimport { createCollection } from \"@radix-ui/react-collection\";\nimport { useComposedRefs } from \"@radix-ui/react-compose-refs\";\nimport { composeEventHandlers } from \"@radix-ui/primitive\";\nimport { useControllableState } from \"@radix-ui/react-use-controllable-state\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\nimport { createCollapsibleScope } from \"@radix-ui/react-collapsible\";\nimport { useId } from \"@radix-ui/react-id\";\nimport { useDirection } from \"@radix-ui/react-direction\";\nimport { jsx } from \"react/jsx-runtime\";\nvar ACCORDION_NAME = \"Accordion\";\nvar ACCORDION_KEYS = [\"Home\", \"End\", \"ArrowDown\", \"ArrowUp\", \"ArrowLeft\", \"ArrowRight\"];\nvar [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);\nvar [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [\n createCollectionScope,\n createCollapsibleScope\n]);\nvar useCollapsibleScope = createCollapsibleScope();\nvar Accordion = React.forwardRef(\n (props, forwardedRef) => {\n const { type, ...accordionProps } = props;\n const singleProps = accordionProps;\n const multipleProps = accordionProps;\n return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === \"multiple\" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });\n }\n);\nAccordion.displayName = ACCORDION_NAME;\nvar [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);\nvar [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(\n ACCORDION_NAME,\n { collapsible: false }\n);\nvar AccordionImplSingle = React.forwardRef(\n (props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n collapsible = false,\n ...accordionSingleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? \"\",\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value: React.useMemo(() => value ? [value] : [], [value]),\n onItemOpen: setValue,\n onItemClose: React.useCallback(() => collapsible && setValue(\"\"), [collapsible, setValue]),\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })\n }\n );\n }\n);\nvar AccordionImplMultiple = React.forwardRef((props, forwardedRef) => {\n const {\n value: valueProp,\n defaultValue,\n onValueChange = () => {\n },\n ...accordionMultipleProps\n } = props;\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue ?? [],\n onChange: onValueChange,\n caller: ACCORDION_NAME\n });\n const handleItemOpen = React.useCallback(\n (itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),\n [setValue]\n );\n const handleItemClose = React.useCallback(\n (itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),\n [setValue]\n );\n return /* @__PURE__ */ jsx(\n AccordionValueProvider,\n {\n scope: props.__scopeAccordion,\n value,\n onItemOpen: handleItemOpen,\n onItemClose: handleItemClose,\n children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })\n }\n );\n});\nvar [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);\nvar AccordionImpl = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, disabled, dir, orientation = \"vertical\", ...accordionProps } = props;\n const accordionRef = React.useRef(null);\n const composedRefs = useComposedRefs(accordionRef, forwardedRef);\n const getItems = useCollection(__scopeAccordion);\n const direction = useDirection(dir);\n const isDirectionLTR = direction === \"ltr\";\n const handleKeyDown = composeEventHandlers(props.onKeyDown, (event) => {\n if (!ACCORDION_KEYS.includes(event.key)) return;\n const target = event.target;\n const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);\n const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);\n const triggerCount = triggerCollection.length;\n if (triggerIndex === -1) return;\n event.preventDefault();\n let nextIndex = triggerIndex;\n const homeIndex = 0;\n const endIndex = triggerCount - 1;\n const moveNext = () => {\n nextIndex = triggerIndex + 1;\n if (nextIndex > endIndex) {\n nextIndex = homeIndex;\n }\n };\n const movePrev = () => {\n nextIndex = triggerIndex - 1;\n if (nextIndex < homeIndex) {\n nextIndex = endIndex;\n }\n };\n switch (event.key) {\n case \"Home\":\n nextIndex = homeIndex;\n break;\n case \"End\":\n nextIndex = endIndex;\n break;\n case \"ArrowRight\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n moveNext();\n } else {\n movePrev();\n }\n }\n break;\n case \"ArrowDown\":\n if (orientation === \"vertical\") {\n moveNext();\n }\n break;\n case \"ArrowLeft\":\n if (orientation === \"horizontal\") {\n if (isDirectionLTR) {\n movePrev();\n } else {\n moveNext();\n }\n }\n break;\n case \"ArrowUp\":\n if (orientation === \"vertical\") {\n movePrev();\n }\n break;\n }\n const clampedIndex = nextIndex % triggerCount;\n triggerCollection[clampedIndex].ref.current?.focus();\n });\n return /* @__PURE__ */ jsx(\n AccordionImplProvider,\n {\n scope: __scopeAccordion,\n disabled,\n direction: dir,\n orientation,\n children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n Primitive.div,\n {\n ...accordionProps,\n \"data-orientation\": orientation,\n ref: composedRefs,\n onKeyDown: disabled ? void 0 : handleKeyDown\n }\n ) })\n }\n );\n }\n);\nvar ITEM_NAME = \"AccordionItem\";\nvar [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);\nvar AccordionItem = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, value, ...accordionItemProps } = props;\n const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);\n const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n const triggerId = useId();\n const open = value && valueContext.value.includes(value) || false;\n const disabled = accordionContext.disabled || props.disabled;\n return /* @__PURE__ */ jsx(\n AccordionItemProvider,\n {\n scope: __scopeAccordion,\n open,\n disabled,\n triggerId,\n children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Root,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(open),\n ...collapsibleScope,\n ...accordionItemProps,\n ref: forwardedRef,\n disabled,\n open,\n onOpenChange: (open2) => {\n if (open2) {\n valueContext.onItemOpen(value);\n } else {\n valueContext.onItemClose(value);\n }\n }\n }\n )\n }\n );\n }\n);\nAccordionItem.displayName = ITEM_NAME;\nvar HEADER_NAME = \"AccordionHeader\";\nvar AccordionHeader = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...headerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);\n return /* @__PURE__ */ jsx(\n Primitive.h3,\n {\n \"data-orientation\": accordionContext.orientation,\n \"data-state\": getState(itemContext.open),\n \"data-disabled\": itemContext.disabled ? \"\" : void 0,\n ...headerProps,\n ref: forwardedRef\n }\n );\n }\n);\nAccordionHeader.displayName = HEADER_NAME;\nvar TRIGGER_NAME = \"AccordionTrigger\";\nvar AccordionTrigger = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...triggerProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Trigger,\n {\n \"aria-disabled\": itemContext.open && !collapsibleContext.collapsible || void 0,\n \"data-orientation\": accordionContext.orientation,\n id: itemContext.triggerId,\n ...collapsibleScope,\n ...triggerProps,\n ref: forwardedRef\n }\n ) });\n }\n);\nAccordionTrigger.displayName = TRIGGER_NAME;\nvar CONTENT_NAME = \"AccordionContent\";\nvar AccordionContent = React.forwardRef(\n (props, forwardedRef) => {\n const { __scopeAccordion, ...contentProps } = props;\n const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);\n const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion);\n const collapsibleScope = useCollapsibleScope(__scopeAccordion);\n return /* @__PURE__ */ jsx(\n CollapsiblePrimitive.Content,\n {\n role: \"region\",\n \"aria-labelledby\": itemContext.triggerId,\n \"data-orientation\": accordionContext.orientation,\n ...collapsibleScope,\n ...contentProps,\n ref: forwardedRef,\n style: {\n [\"--radix-accordion-content-height\"]: \"var(--radix-collapsible-content-height)\",\n [\"--radix-accordion-content-width\"]: \"var(--radix-collapsible-content-width)\",\n ...props.style\n }\n }\n );\n }\n);\nAccordionContent.displayName = CONTENT_NAME;\nfunction getState(open) {\n return open ? \"open\" : \"closed\";\n}\nvar Root2 = Accordion;\nvar Item = AccordionItem;\nvar Header = AccordionHeader;\nvar Trigger2 = AccordionTrigger;\nvar Content2 = AccordionContent;\nexport {\n Accordion,\n AccordionContent,\n AccordionHeader,\n AccordionItem,\n AccordionTrigger,\n Content2 as Content,\n Header,\n Item,\n Root2 as Root,\n Trigger2 as Trigger,\n createAccordionScope\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAeA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACG;AACA;AACA;AACA;AACA;;;;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,307 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import { createContextScope } from '../../../../../@radix-ui_react-context@1.1.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-context/dist/index.js';
|
|
4
|
+
import { createCollection } from '../../../../../@radix-ui_react-collection@1.1.7_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19_osprlkpgasstri7fv2i6vnhaiu/node_modules/@radix-ui/react-collection/dist/index.js';
|
|
5
|
+
import { useComposedRefs } from '../../../../../@radix-ui_react-compose-refs@1.1.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-compose-refs/dist/index.js';
|
|
6
|
+
import { composeEventHandlers } from '../../../../../@radix-ui_primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.js';
|
|
7
|
+
import { useControllableState } from '../../../../../@radix-ui_react-use-controllable-state@1.2.2_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-use-controllable-state/dist/index.js';
|
|
8
|
+
import { Primitive } from '../../../../../@radix-ui_react-primitive@2.1.3_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19._4yh4p65o2perjv44b2nloe5aui/node_modules/@radix-ui/react-primitive/dist/index.js';
|
|
9
|
+
import { createCollapsibleScope, Root, Trigger, Content } from '../../../../../@radix-ui_react-collapsible@1.1.11_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@_a35yqe6vcc2vmteafw4xyimtca/node_modules/@radix-ui/react-collapsible/dist/index.js';
|
|
10
|
+
import { useId } from '../../../../../@radix-ui_react-id@1.1.1_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-id/dist/index.js';
|
|
11
|
+
import { useDirection } from '../../../../../@radix-ui_react-direction@1.1.1_@types_react@19.1.9_react@19.1.1/node_modules/@radix-ui/react-direction/dist/index.js';
|
|
12
|
+
import { jsx } from 'react/jsx-runtime';
|
|
13
|
+
|
|
14
|
+
var ACCORDION_NAME = "Accordion";
|
|
15
|
+
var ACCORDION_KEYS = ["Home", "End", "ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"];
|
|
16
|
+
var [Collection, useCollection, createCollectionScope] = createCollection(ACCORDION_NAME);
|
|
17
|
+
var [createAccordionContext, createAccordionScope] = createContextScope(ACCORDION_NAME, [
|
|
18
|
+
createCollectionScope,
|
|
19
|
+
createCollapsibleScope
|
|
20
|
+
]);
|
|
21
|
+
var useCollapsibleScope = createCollapsibleScope();
|
|
22
|
+
var Accordion = React__default.forwardRef(
|
|
23
|
+
(props, forwardedRef) => {
|
|
24
|
+
const { type, ...accordionProps } = props;
|
|
25
|
+
const singleProps = accordionProps;
|
|
26
|
+
const multipleProps = accordionProps;
|
|
27
|
+
return /* @__PURE__ */ jsx(Collection.Provider, { scope: props.__scopeAccordion, children: type === "multiple" ? /* @__PURE__ */ jsx(AccordionImplMultiple, { ...multipleProps, ref: forwardedRef }) : /* @__PURE__ */ jsx(AccordionImplSingle, { ...singleProps, ref: forwardedRef }) });
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
Accordion.displayName = ACCORDION_NAME;
|
|
31
|
+
var [AccordionValueProvider, useAccordionValueContext] = createAccordionContext(ACCORDION_NAME);
|
|
32
|
+
var [AccordionCollapsibleProvider, useAccordionCollapsibleContext] = createAccordionContext(
|
|
33
|
+
ACCORDION_NAME,
|
|
34
|
+
{ collapsible: false }
|
|
35
|
+
);
|
|
36
|
+
var AccordionImplSingle = React__default.forwardRef(
|
|
37
|
+
(props, forwardedRef) => {
|
|
38
|
+
const {
|
|
39
|
+
value: valueProp,
|
|
40
|
+
defaultValue,
|
|
41
|
+
onValueChange = () => {
|
|
42
|
+
},
|
|
43
|
+
collapsible = false,
|
|
44
|
+
...accordionSingleProps
|
|
45
|
+
} = props;
|
|
46
|
+
const [value, setValue] = useControllableState({
|
|
47
|
+
prop: valueProp,
|
|
48
|
+
defaultProp: defaultValue ?? "",
|
|
49
|
+
onChange: onValueChange,
|
|
50
|
+
caller: ACCORDION_NAME
|
|
51
|
+
});
|
|
52
|
+
return /* @__PURE__ */ jsx(
|
|
53
|
+
AccordionValueProvider,
|
|
54
|
+
{
|
|
55
|
+
scope: props.__scopeAccordion,
|
|
56
|
+
value: React__default.useMemo(() => value ? [value] : [], [value]),
|
|
57
|
+
onItemOpen: setValue,
|
|
58
|
+
onItemClose: React__default.useCallback(() => collapsible && setValue(""), [collapsible, setValue]),
|
|
59
|
+
children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionSingleProps, ref: forwardedRef }) })
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
);
|
|
64
|
+
var AccordionImplMultiple = React__default.forwardRef((props, forwardedRef) => {
|
|
65
|
+
const {
|
|
66
|
+
value: valueProp,
|
|
67
|
+
defaultValue,
|
|
68
|
+
onValueChange = () => {
|
|
69
|
+
},
|
|
70
|
+
...accordionMultipleProps
|
|
71
|
+
} = props;
|
|
72
|
+
const [value, setValue] = useControllableState({
|
|
73
|
+
prop: valueProp,
|
|
74
|
+
defaultProp: defaultValue ?? [],
|
|
75
|
+
onChange: onValueChange,
|
|
76
|
+
caller: ACCORDION_NAME
|
|
77
|
+
});
|
|
78
|
+
const handleItemOpen = React__default.useCallback(
|
|
79
|
+
(itemValue) => setValue((prevValue = []) => [...prevValue, itemValue]),
|
|
80
|
+
[setValue]
|
|
81
|
+
);
|
|
82
|
+
const handleItemClose = React__default.useCallback(
|
|
83
|
+
(itemValue) => setValue((prevValue = []) => prevValue.filter((value2) => value2 !== itemValue)),
|
|
84
|
+
[setValue]
|
|
85
|
+
);
|
|
86
|
+
return /* @__PURE__ */ jsx(
|
|
87
|
+
AccordionValueProvider,
|
|
88
|
+
{
|
|
89
|
+
scope: props.__scopeAccordion,
|
|
90
|
+
value,
|
|
91
|
+
onItemOpen: handleItemOpen,
|
|
92
|
+
onItemClose: handleItemClose,
|
|
93
|
+
children: /* @__PURE__ */ jsx(AccordionCollapsibleProvider, { scope: props.__scopeAccordion, collapsible: true, children: /* @__PURE__ */ jsx(AccordionImpl, { ...accordionMultipleProps, ref: forwardedRef }) })
|
|
94
|
+
}
|
|
95
|
+
);
|
|
96
|
+
});
|
|
97
|
+
var [AccordionImplProvider, useAccordionContext] = createAccordionContext(ACCORDION_NAME);
|
|
98
|
+
var AccordionImpl = React__default.forwardRef(
|
|
99
|
+
(props, forwardedRef) => {
|
|
100
|
+
const { __scopeAccordion, disabled, dir, orientation = "vertical", ...accordionProps } = props;
|
|
101
|
+
const accordionRef = React__default.useRef(null);
|
|
102
|
+
const composedRefs = useComposedRefs(accordionRef, forwardedRef);
|
|
103
|
+
const getItems = useCollection(__scopeAccordion);
|
|
104
|
+
const direction = useDirection(dir);
|
|
105
|
+
const isDirectionLTR = direction === "ltr";
|
|
106
|
+
const handleKeyDown = composeEventHandlers(props.onKeyDown, (event) => {
|
|
107
|
+
if (!ACCORDION_KEYS.includes(event.key)) return;
|
|
108
|
+
const target = event.target;
|
|
109
|
+
const triggerCollection = getItems().filter((item) => !item.ref.current?.disabled);
|
|
110
|
+
const triggerIndex = triggerCollection.findIndex((item) => item.ref.current === target);
|
|
111
|
+
const triggerCount = triggerCollection.length;
|
|
112
|
+
if (triggerIndex === -1) return;
|
|
113
|
+
event.preventDefault();
|
|
114
|
+
let nextIndex = triggerIndex;
|
|
115
|
+
const homeIndex = 0;
|
|
116
|
+
const endIndex = triggerCount - 1;
|
|
117
|
+
const moveNext = () => {
|
|
118
|
+
nextIndex = triggerIndex + 1;
|
|
119
|
+
if (nextIndex > endIndex) {
|
|
120
|
+
nextIndex = homeIndex;
|
|
121
|
+
}
|
|
122
|
+
};
|
|
123
|
+
const movePrev = () => {
|
|
124
|
+
nextIndex = triggerIndex - 1;
|
|
125
|
+
if (nextIndex < homeIndex) {
|
|
126
|
+
nextIndex = endIndex;
|
|
127
|
+
}
|
|
128
|
+
};
|
|
129
|
+
switch (event.key) {
|
|
130
|
+
case "Home":
|
|
131
|
+
nextIndex = homeIndex;
|
|
132
|
+
break;
|
|
133
|
+
case "End":
|
|
134
|
+
nextIndex = endIndex;
|
|
135
|
+
break;
|
|
136
|
+
case "ArrowRight":
|
|
137
|
+
if (orientation === "horizontal") {
|
|
138
|
+
if (isDirectionLTR) {
|
|
139
|
+
moveNext();
|
|
140
|
+
} else {
|
|
141
|
+
movePrev();
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
break;
|
|
145
|
+
case "ArrowDown":
|
|
146
|
+
if (orientation === "vertical") {
|
|
147
|
+
moveNext();
|
|
148
|
+
}
|
|
149
|
+
break;
|
|
150
|
+
case "ArrowLeft":
|
|
151
|
+
if (orientation === "horizontal") {
|
|
152
|
+
if (isDirectionLTR) {
|
|
153
|
+
movePrev();
|
|
154
|
+
} else {
|
|
155
|
+
moveNext();
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
break;
|
|
159
|
+
case "ArrowUp":
|
|
160
|
+
if (orientation === "vertical") {
|
|
161
|
+
movePrev();
|
|
162
|
+
}
|
|
163
|
+
break;
|
|
164
|
+
}
|
|
165
|
+
const clampedIndex = nextIndex % triggerCount;
|
|
166
|
+
triggerCollection[clampedIndex].ref.current?.focus();
|
|
167
|
+
});
|
|
168
|
+
return /* @__PURE__ */ jsx(
|
|
169
|
+
AccordionImplProvider,
|
|
170
|
+
{
|
|
171
|
+
scope: __scopeAccordion,
|
|
172
|
+
disabled,
|
|
173
|
+
direction: dir,
|
|
174
|
+
orientation,
|
|
175
|
+
children: /* @__PURE__ */ jsx(Collection.Slot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(
|
|
176
|
+
Primitive.div,
|
|
177
|
+
{
|
|
178
|
+
...accordionProps,
|
|
179
|
+
"data-orientation": orientation,
|
|
180
|
+
ref: composedRefs,
|
|
181
|
+
onKeyDown: disabled ? void 0 : handleKeyDown
|
|
182
|
+
}
|
|
183
|
+
) })
|
|
184
|
+
}
|
|
185
|
+
);
|
|
186
|
+
}
|
|
187
|
+
);
|
|
188
|
+
var ITEM_NAME = "AccordionItem";
|
|
189
|
+
var [AccordionItemProvider, useAccordionItemContext] = createAccordionContext(ITEM_NAME);
|
|
190
|
+
var AccordionItem = React__default.forwardRef(
|
|
191
|
+
(props, forwardedRef) => {
|
|
192
|
+
const { __scopeAccordion, value, ...accordionItemProps } = props;
|
|
193
|
+
const accordionContext = useAccordionContext(ITEM_NAME, __scopeAccordion);
|
|
194
|
+
const valueContext = useAccordionValueContext(ITEM_NAME, __scopeAccordion);
|
|
195
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
196
|
+
const triggerId = useId();
|
|
197
|
+
const open = value && valueContext.value.includes(value) || false;
|
|
198
|
+
const disabled = accordionContext.disabled || props.disabled;
|
|
199
|
+
return /* @__PURE__ */ jsx(
|
|
200
|
+
AccordionItemProvider,
|
|
201
|
+
{
|
|
202
|
+
scope: __scopeAccordion,
|
|
203
|
+
open,
|
|
204
|
+
disabled,
|
|
205
|
+
triggerId,
|
|
206
|
+
children: /* @__PURE__ */ jsx(
|
|
207
|
+
Root,
|
|
208
|
+
{
|
|
209
|
+
"data-orientation": accordionContext.orientation,
|
|
210
|
+
"data-state": getState(open),
|
|
211
|
+
...collapsibleScope,
|
|
212
|
+
...accordionItemProps,
|
|
213
|
+
ref: forwardedRef,
|
|
214
|
+
disabled,
|
|
215
|
+
open,
|
|
216
|
+
onOpenChange: (open2) => {
|
|
217
|
+
if (open2) {
|
|
218
|
+
valueContext.onItemOpen(value);
|
|
219
|
+
} else {
|
|
220
|
+
valueContext.onItemClose(value);
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
}
|
|
224
|
+
)
|
|
225
|
+
}
|
|
226
|
+
);
|
|
227
|
+
}
|
|
228
|
+
);
|
|
229
|
+
AccordionItem.displayName = ITEM_NAME;
|
|
230
|
+
var HEADER_NAME = "AccordionHeader";
|
|
231
|
+
var AccordionHeader = React__default.forwardRef(
|
|
232
|
+
(props, forwardedRef) => {
|
|
233
|
+
const { __scopeAccordion, ...headerProps } = props;
|
|
234
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
235
|
+
const itemContext = useAccordionItemContext(HEADER_NAME, __scopeAccordion);
|
|
236
|
+
return /* @__PURE__ */ jsx(
|
|
237
|
+
Primitive.h3,
|
|
238
|
+
{
|
|
239
|
+
"data-orientation": accordionContext.orientation,
|
|
240
|
+
"data-state": getState(itemContext.open),
|
|
241
|
+
"data-disabled": itemContext.disabled ? "" : void 0,
|
|
242
|
+
...headerProps,
|
|
243
|
+
ref: forwardedRef
|
|
244
|
+
}
|
|
245
|
+
);
|
|
246
|
+
}
|
|
247
|
+
);
|
|
248
|
+
AccordionHeader.displayName = HEADER_NAME;
|
|
249
|
+
var TRIGGER_NAME = "AccordionTrigger";
|
|
250
|
+
var AccordionTrigger = React__default.forwardRef(
|
|
251
|
+
(props, forwardedRef) => {
|
|
252
|
+
const { __scopeAccordion, ...triggerProps } = props;
|
|
253
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
254
|
+
const itemContext = useAccordionItemContext(TRIGGER_NAME, __scopeAccordion);
|
|
255
|
+
const collapsibleContext = useAccordionCollapsibleContext(TRIGGER_NAME, __scopeAccordion);
|
|
256
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
257
|
+
return /* @__PURE__ */ jsx(Collection.ItemSlot, { scope: __scopeAccordion, children: /* @__PURE__ */ jsx(
|
|
258
|
+
Trigger,
|
|
259
|
+
{
|
|
260
|
+
"aria-disabled": itemContext.open && !collapsibleContext.collapsible || void 0,
|
|
261
|
+
"data-orientation": accordionContext.orientation,
|
|
262
|
+
id: itemContext.triggerId,
|
|
263
|
+
...collapsibleScope,
|
|
264
|
+
...triggerProps,
|
|
265
|
+
ref: forwardedRef
|
|
266
|
+
}
|
|
267
|
+
) });
|
|
268
|
+
}
|
|
269
|
+
);
|
|
270
|
+
AccordionTrigger.displayName = TRIGGER_NAME;
|
|
271
|
+
var CONTENT_NAME = "AccordionContent";
|
|
272
|
+
var AccordionContent = React__default.forwardRef(
|
|
273
|
+
(props, forwardedRef) => {
|
|
274
|
+
const { __scopeAccordion, ...contentProps } = props;
|
|
275
|
+
const accordionContext = useAccordionContext(ACCORDION_NAME, __scopeAccordion);
|
|
276
|
+
const itemContext = useAccordionItemContext(CONTENT_NAME, __scopeAccordion);
|
|
277
|
+
const collapsibleScope = useCollapsibleScope(__scopeAccordion);
|
|
278
|
+
return /* @__PURE__ */ jsx(
|
|
279
|
+
Content,
|
|
280
|
+
{
|
|
281
|
+
role: "region",
|
|
282
|
+
"aria-labelledby": itemContext.triggerId,
|
|
283
|
+
"data-orientation": accordionContext.orientation,
|
|
284
|
+
...collapsibleScope,
|
|
285
|
+
...contentProps,
|
|
286
|
+
ref: forwardedRef,
|
|
287
|
+
style: {
|
|
288
|
+
["--radix-accordion-content-height"]: "var(--radix-collapsible-content-height)",
|
|
289
|
+
["--radix-accordion-content-width"]: "var(--radix-collapsible-content-width)",
|
|
290
|
+
...props.style
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
);
|
|
294
|
+
}
|
|
295
|
+
);
|
|
296
|
+
AccordionContent.displayName = CONTENT_NAME;
|
|
297
|
+
function getState(open) {
|
|
298
|
+
return open ? "open" : "closed";
|
|
299
|
+
}
|
|
300
|
+
var Root2 = Accordion;
|
|
301
|
+
var Item = AccordionItem;
|
|
302
|
+
var Header = AccordionHeader;
|
|
303
|
+
var Trigger2 = AccordionTrigger;
|
|
304
|
+
var Content2 = AccordionContent;
|
|
305
|
+
|
|
306
|
+
export { Accordion, AccordionContent, AccordionHeader, AccordionItem, AccordionTrigger, Content2 as Content, Header, Item, Root2 as Root, Trigger2 as Trigger, createAccordionScope };
|
|
307
|
+
//# sourceMappingURL=index.js.map
|