@msviderok/base-ui-solid 1.0.0-beta.1

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Material-UI SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,48 @@
+<!-- markdownlint-disable MD041 -->
+
+<a href="https://base-ui.com" rel="noopener" target="_blank"><img width="150" height="133" src="https://base-ui.com/static/logo.svg" alt="Base UI logo"></a>
+
+Base UI is a library of unstyled Solid components. You gain complete control over your app's CSS and accessibility features.
+
+## Installation
+
+Install the package in your project directory with:
+
+```bash
+npm install @base-ui-components/solid
+```
+
+## Documentation
+
+<!-- #default-branch-switch -->
+
+Visit [base-ui.com](https://base-ui.com) to view the full documentation.
+
+## Questions
+
+For how-to questions that don't involve making changes to the code base, please use [Stack Overflow](https://stackoverflow.com/questions/tagged/base-ui) instead of GitHub issues.
+Use the "base-ui" tag on Stack Overflow to make it easier for the community to find your question.
+
+## Contributing
+
+Read the [contributing guide](/CONTRIBUTING.md) to learn about our development process, how to propose bug fixes and improvements, and how to build and test your changes.
+
+Contributing to Base UI is about more than just issues and pull requests!
+There are many other ways to [support Base UI](https://mui.com/material-ui/getting-started/faq/#mui-is-awesome-how-can-i-support-the-project) beyond contributing to the code base.
+
+## Changelog
+
+The [changelog](https://github.com/mui/base-ui/releases) is regularly updated to reflect what's changed in each new release.
+
+## Roadmap
+
+Future plans and high-priority features and enhancements can be found in the [roadmap](https://github.com/orgs/mui/projects/1).
+
+## License
+
+This project is licensed under the terms of the
+[MIT license](/LICENSE).
+
+## Security
+
+For details of supported versions and contact details for reporting security issues, please refer to the [security policy](https://github.com/mui/base-ui/security/policy).

package/cjs/accordion/header/AccordionHeader.d.ts

@@ -0,0 +1,12 @@
+import { BaseUIComponentProps } from "../../utils/types.js";
+import type { AccordionItem } from "../item/AccordionItem.js";
+/**
+ * A heading that labels the corresponding panel.
+ * Renders an `<h3>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/solid/components/accordion)
+ */
+export declare function AccordionHeader(componentProps: AccordionHeader.Props): import("solid-js").JSX.Element;
+export declare namespace AccordionHeader {
+  interface Props extends BaseUIComponentProps<'h3', AccordionItem.State> {}
+}

package/cjs/accordion/header/AccordionHeader.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionHeader = AccordionHeader;
+var _solidHelpers = require("../../solid-helpers");
+var _useRenderElement = require("../../utils/useRenderElement");
+var _AccordionItemContext = require("../item/AccordionItemContext");
+var _styleHooks = require("../item/styleHooks");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A heading that labels the corresponding panel.
+ * Renders an `<h3>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/solid/components/accordion)
+ */
+function AccordionHeader(componentProps) {
+  const [,, elementProps] = (0, _solidHelpers.splitComponentProps)(componentProps, []);
+  const {
+    state
+  } = (0, _AccordionItemContext.useAccordionItemContext)();
+  const element = (0, _useRenderElement.useRenderElement)('h3', componentProps, {
+    state,
+    props: elementProps,
+    customStyleHookMapping: _styleHooks.accordionStyleHookMapping
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: element()
+  });
+}

package/cjs/accordion/header/AccordionHeaderDataAttributes.d.ts

@@ -0,0 +1,15 @@
+export declare enum AccordionHeaderDataAttributes {
+  /**
+   * Indicates the index of the accordion item.
+   * @type {number}
+   */
+  index = "data-index",
+  /**
+   * Present when the accordion item is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the accordion item is open.
+   */
+  open = "data-open",
+}

package/cjs/accordion/header/AccordionHeaderDataAttributes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionHeaderDataAttributes = void 0;
+let AccordionHeaderDataAttributes = exports.AccordionHeaderDataAttributes = /*#__PURE__*/function (AccordionHeaderDataAttributes) {
+  /**
+   * Indicates the index of the accordion item.
+   * @type {number}
+   */
+  AccordionHeaderDataAttributes["index"] = "data-index";
+  /**
+   * Present when the accordion item is disabled.
+   */
+  AccordionHeaderDataAttributes["disabled"] = "data-disabled";
+  /**
+   * Present when the accordion item is open.
+   */
+  AccordionHeaderDataAttributes["open"] = "data-open";
+  return AccordionHeaderDataAttributes;
+}({});

package/cjs/accordion/index.d.ts

@@ -0,0 +1 @@
+export * as Accordion from "./index.parts.js";

package/cjs/accordion/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = void 0;
+var _Accordion = _interopRequireWildcard(require("./index.parts"));
+exports.Accordion = _Accordion;

package/cjs/accordion/index.parts.d.ts

@@ -0,0 +1,5 @@
+export { AccordionRoot as Root } from "./root/AccordionRoot.js";
+export { AccordionItem as Item } from "./item/AccordionItem.js";
+export { AccordionHeader as Header } from "./header/AccordionHeader.js";
+export { AccordionTrigger as Trigger } from "./trigger/AccordionTrigger.js";
+export { AccordionPanel as Panel } from "./panel/AccordionPanel.js";

package/cjs/accordion/index.parts.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Header", {
+  enumerable: true,
+  get: function () {
+    return _AccordionHeader.AccordionHeader;
+  }
+});
+Object.defineProperty(exports, "Item", {
+  enumerable: true,
+  get: function () {
+    return _AccordionItem.AccordionItem;
+  }
+});
+Object.defineProperty(exports, "Panel", {
+  enumerable: true,
+  get: function () {
+    return _AccordionPanel.AccordionPanel;
+  }
+});
+Object.defineProperty(exports, "Root", {
+  enumerable: true,
+  get: function () {
+    return _AccordionRoot.AccordionRoot;
+  }
+});
+Object.defineProperty(exports, "Trigger", {
+  enumerable: true,
+  get: function () {
+    return _AccordionTrigger.AccordionTrigger;
+  }
+});
+var _AccordionRoot = require("./root/AccordionRoot");
+var _AccordionItem = require("./item/AccordionItem");
+var _AccordionHeader = require("./header/AccordionHeader");
+var _AccordionTrigger = require("./trigger/AccordionTrigger");
+var _AccordionPanel = require("./panel/AccordionPanel");

package/cjs/accordion/item/AccordionItem.d.ts

@@ -0,0 +1,28 @@
+import { BaseUIComponentProps } from "../../utils/types.js";
+import type { AccordionRoot } from "../root/AccordionRoot.js";
+/**
+ * Groups an accordion header with the corresponding panel.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/solid/components/accordion)
+ */
+export declare function AccordionItem(componentProps: AccordionItem.Props): import("solid-js").JSX.Element;
+export type AccordionItemValue = any | null;
+export declare namespace AccordionItem {
+  interface State extends AccordionRoot.State {
+    index: number;
+    open: boolean;
+  }
+  interface Props extends BaseUIComponentProps<'div', State> {
+    value?: AccordionItemValue;
+    /**
+     * Event handler called when the panel is opened or closed.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the component should ignore user interaction.
+     * @default false
+     */
+    disabled?: boolean;
+  }
+}

package/cjs/accordion/item/AccordionItem.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItem = AccordionItem;
+var _solidJs = require("solid-js");
+var _store = require("solid-js/store");
+var _CollapsibleRootContext = require("../../collapsible/root/CollapsibleRootContext");
+var _useCollapsibleRoot = require("../../collapsible/root/useCollapsibleRoot");
+var _useCompositeListItem = require("../../composite/list/useCompositeListItem");
+var _solidHelpers = require("../../solid-helpers");
+var _useBaseUiId = require("../../utils/useBaseUiId");
+var _useRenderElement = require("../../utils/useRenderElement");
+var _AccordionRootContext = require("../root/AccordionRootContext");
+var _AccordionItemContext = require("./AccordionItemContext");
+var _styleHooks = require("./styleHooks");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * Groups an accordion header with the corresponding panel.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/solid/components/accordion)
+ */
+function AccordionItem(componentProps) {
+  const [, local, elementProps] = (0, _solidHelpers.splitComponentProps)(componentProps, ['disabled', 'onOpenChange', 'value']);
+  const {
+    setRef: setListItemRef,
+    index
+  } = (0, _useCompositeListItem.useCompositeListItem)();
+  const {
+    disabled: contextDisabled,
+    handleValueChange,
+    state: rootState,
+    value: openValues
+  } = (0, _AccordionRootContext.useAccordionRootContext)();
+  const value = () => local.value ?? index();
+  const disabled = () => (local.disabled ?? false) || contextDisabled();
+  const isOpen = (0, _solidJs.createMemo)(() => {
+    const values = openValues();
+    if (!values) {
+      return false;
+    }
+    for (let i = 0; i < values.length; i += 1) {
+      if (values[i] === value()) {
+        return true;
+      }
+    }
+    return false;
+  });
+  const onOpenChange = nextOpen => {
+    (0, _solidJs.batch)(() => {
+      handleValueChange(value(), nextOpen);
+      local.onOpenChange?.(nextOpen);
+    });
+  };
+  const collapsible = (0, _useCollapsibleRoot.useCollapsibleRoot)({
+    open: isOpen,
+    onOpenChange,
+    disabled
+  });
+  const collapsibleState = {
+    get open() {
+      return collapsible.open();
+    },
+    get disabled() {
+      return collapsible.disabled();
+    },
+    get hidden() {
+      return !collapsible.mounted();
+    },
+    get transitionStatus() {
+      return collapsible.transitionStatus();
+    }
+  };
+  const collapsibleContext = (0, _solidJs.mergeProps)(collapsible, {
+    onOpenChange,
+    state: collapsibleState,
+    transitionStatus: collapsible.transitionStatus
+  });
+  const state = (0, _solidJs.mergeProps)(rootState, {
+    get index() {
+      return index();
+    },
+    get disabled() {
+      return disabled();
+    },
+    get open() {
+      return isOpen();
+    }
+  });
+  const initialTriggerId = (0, _useBaseUiId.useBaseUiId)();
+  const [triggerId, setTriggerId] = (0, _solidJs.createSignal)(initialTriggerId());
+  const [codependentRefs, setCodependentRefs] = (0, _store.createStore)({});
+  (0, _solidJs.createEffect)((0, _solidJs.on)(() => codependentRefs.trigger, trigger => {
+    if (trigger) {
+      setTriggerId(trigger.id() ?? trigger.explicitId());
+    }
+  }));
+  const accordionItemContext = {
+    open: isOpen,
+    state,
+    triggerId,
+    codependentRefs,
+    setCodependentRefs
+  };
+  const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
+    state,
+    ref: setListItemRef,
+    props: elementProps,
+    customStyleHookMapping: _styleHooks.accordionStyleHookMapping
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollapsibleRootContext.CollapsibleRootContext.Provider, {
+    value: collapsibleContext,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionItemContext.AccordionItemContext.Provider, {
+      value: accordionItemContext,
+      children: element()
+    })
+  });
+}

package/cjs/accordion/item/AccordionItemContext.d.ts

@@ -0,0 +1,13 @@
+import { type Accessor } from 'solid-js';
+import type { SetStoreFunction, Store } from 'solid-js/store';
+import type { CodependentRefs } from "../../solid-helpers.js";
+import type { AccordionItem } from "./AccordionItem.js";
+export interface AccordionItemContext {
+  open: Accessor<boolean>;
+  state: AccordionItem.State;
+  triggerId?: Accessor<string | undefined>;
+  codependentRefs: Store<CodependentRefs<['trigger']>>;
+  setCodependentRefs: SetStoreFunction<CodependentRefs<['trigger']>>;
+}
+export declare const AccordionItemContext: import("solid-js").Context<AccordionItemContext | undefined>;
+export declare function useAccordionItemContext(): AccordionItemContext;

package/cjs/accordion/item/AccordionItemContext.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemContext = void 0;
+exports.useAccordionItemContext = useAccordionItemContext;
+var _solidJs = require("solid-js");
+const AccordionItemContext = exports.AccordionItemContext = (0, _solidJs.createContext)();
+function useAccordionItemContext() {
+  const context = (0, _solidJs.useContext)(AccordionItemContext);
+  if (context === undefined) {
+    throw new Error('Base UI: AccordionItemContext is missing. Accordion parts must be placed within <Accordion.Item>.');
+  }
+  return context;
+}

package/cjs/accordion/item/AccordionItemDataAttributes.d.ts

@@ -0,0 +1,15 @@
+export declare enum AccordionItemDataAttributes {
+  /**
+   * Indicates the index of the accordion item.
+   * @type {number}
+   */
+  index = "data-index",
+  /**
+   * Present when the accordion item is disabled.
+   */
+  disabled = "data-disabled",
+  /**
+   * Present when the accordion item is open.
+   */
+  open = "data-open",
+}

package/cjs/accordion/item/AccordionItemDataAttributes.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItemDataAttributes = void 0;
+let AccordionItemDataAttributes = exports.AccordionItemDataAttributes = /*#__PURE__*/function (AccordionItemDataAttributes) {
+  /**
+   * Indicates the index of the accordion item.
+   * @type {number}
+   */
+  AccordionItemDataAttributes["index"] = "data-index";
+  /**
+   * Present when the accordion item is disabled.
+   */
+  AccordionItemDataAttributes["disabled"] = "data-disabled";
+  /**
+   * Present when the accordion item is open.
+   */
+  AccordionItemDataAttributes["open"] = "data-open";
+  return AccordionItemDataAttributes;
+}({});

package/cjs/accordion/item/styleHooks.d.ts

@@ -0,0 +1,3 @@
+import type { CustomStyleHookMapping } from "../../utils/getStyleHookProps.js";
+import type { AccordionItem } from "./AccordionItem.js";
+export declare const accordionStyleHookMapping: CustomStyleHookMapping<AccordionItem.State>;

package/cjs/accordion/item/styleHooks.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.accordionStyleHookMapping = void 0;
+var _solidHelpers = require("../../solid-helpers");
+var _collapsibleOpenStateMapping = require("../../utils/collapsibleOpenStateMapping");
+var _styleHookMapping = require("../../utils/styleHookMapping");
+var _AccordionItemDataAttributes = require("./AccordionItemDataAttributes");
+const accordionStyleHookMapping = exports.accordionStyleHookMapping = {
+  ..._collapsibleOpenStateMapping.collapsibleOpenStateMapping,
+  index: value => {
+    return Number.isInteger((0, _solidHelpers.access)(value)) ? {
+      [_AccordionItemDataAttributes.AccordionItemDataAttributes.index]: String((0, _solidHelpers.access)(value))
+    } : null;
+  },
+  ..._styleHookMapping.transitionStatusMapping,
+  value: () => null
+};

package/cjs/accordion/panel/AccordionPanel.d.ts

@@ -0,0 +1,17 @@
+import { BaseUIComponentProps } from "../../utils/types.js";
+import type { TransitionStatus } from "../../utils/useTransitionStatus.js";
+import type { AccordionItem } from "../item/AccordionItem.js";
+import type { AccordionRoot } from "../root/AccordionRoot.js";
+/**
+ * A collapsible panel with the accordion item contents.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
+ */
+export declare function AccordionPanel(componentProps: AccordionPanel.Props): import("solid-js").JSX.Element;
+export declare namespace AccordionPanel {
+  interface State extends AccordionItem.State {
+    transitionStatus: TransitionStatus;
+  }
+  interface Props extends BaseUIComponentProps<'div', AccordionItem.State>, Pick<AccordionRoot.Props, 'hiddenUntilFound' | 'keepMounted'> {}
+}

package/cjs/accordion/panel/AccordionPanel.js

@@ -0,0 +1,138 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionPanel = AccordionPanel;
+var _solidJs = require("solid-js");
+var _useCollapsiblePanel = require("../../collapsible/panel/useCollapsiblePanel");
+var _CollapsibleRootContext = require("../../collapsible/root/CollapsibleRootContext");
+var _solidHelpers = require("../../solid-helpers");
+var _useOpenChangeComplete = require("../../utils/useOpenChangeComplete");
+var _useRenderElement = require("../../utils/useRenderElement");
+var _warn = require("../../utils/warn");
+var _AccordionItemContext = require("../item/AccordionItemContext");
+var _styleHooks = require("../item/styleHooks");
+var _AccordionRootContext = require("../root/AccordionRootContext");
+var _AccordionPanelCssVars = require("./AccordionPanelCssVars");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * A collapsible panel with the accordion item contents.
+ * Renders a `<div>` element.
+ *
+ * Documentation: [Base UI Accordion](https://base-ui.com/react/components/accordion)
+ */
+function AccordionPanel(componentProps) {
+  const [, local, elementProps] = (0, _solidHelpers.splitComponentProps)(componentProps, ['hiddenUntilFound', 'keepMounted', 'id']);
+  const {
+    hiddenUntilFound: contextHiddenUntilFound,
+    keepMounted: contextKeepMounted
+  } = (0, _AccordionRootContext.useAccordionRootContext)();
+  const hiddenUntilFound = () => local.hiddenUntilFound ?? contextHiddenUntilFound();
+  const keepMounted = () => local.keepMounted ?? contextKeepMounted();
+  const {
+    animationType,
+    setAnimationType,
+    height,
+    mounted,
+    onOpenChange,
+    open,
+    panelId,
+    refs,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setHiddenUntilFound,
+    setKeepMounted,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimension,
+    setTransitionDimension,
+    visible,
+    width,
+    transitionStatus
+  } = (0, _CollapsibleRootContext.useCollapsibleRootContext)();
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _solidJs.createEffect)(() => {
+      if (keepMounted() === false && hiddenUntilFound()) {
+        (0, _warn.warn)('The `keepMounted={false}` prop on a Accordion.Panel will be ignored when using `contextHiddenUntilFound` on the Panel or the Root since it requires the panel to remain mounted when closed.');
+      }
+    });
+  }
+  (0, _solidJs.createEffect)(() => {
+    setHiddenUntilFound(hiddenUntilFound());
+  });
+  (0, _solidJs.createEffect)(() => {
+    setKeepMounted(keepMounted());
+  });
+  (0, _useOpenChangeComplete.useOpenChangeComplete)({
+    open,
+    ref: () => refs.panelRef,
+    onComplete() {
+      if (!open()) {
+        return;
+      }
+      setDimensions({
+        width: undefined,
+        height: undefined
+      });
+    }
+  });
+  const panel = (0, _useCollapsiblePanel.useCollapsiblePanel)({
+    animationType,
+    setAnimationType,
+    height,
+    hiddenUntilFound,
+    id: () => local.id ?? panelId(),
+    keepMounted,
+    mounted,
+    onOpenChange,
+    open,
+    refs,
+    runOnceAnimationsFinish,
+    setDimensions,
+    setMounted,
+    setOpen,
+    setVisible,
+    transitionDimension,
+    setTransitionDimension,
+    visible,
+    width
+  });
+  const {
+    state,
+    triggerId
+  } = (0, _AccordionItemContext.useAccordionItemContext)();
+  const panelState = (0, _solidJs.mergeProps)(state, {
+    get transitionStatus() {
+      return transitionStatus();
+    }
+  });
+  const element = (0, _useRenderElement.useRenderElement)('div', componentProps, {
+    state: panelState,
+    ref: el => {
+      refs.panelRef = el;
+      panel.ref(el);
+    },
+    props: [panel.props, {
+      get 'aria-labelledby'() {
+        return triggerId?.();
+      },
+      get role() {
+        return 'region';
+      },
+      get style() {
+        return {
+          [_AccordionPanelCssVars.AccordionPanelCssVars.accordionPanelHeight]: height() === undefined ? 'auto' : `${height()}px`,
+          [_AccordionPanelCssVars.AccordionPanelCssVars.accordionPanelWidth]: width() === undefined ? 'auto' : `${width()}px`
+        };
+      }
+    }, elementProps],
+    customStyleHookMapping: _styleHooks.accordionStyleHookMapping
+  });
+  const shouldRender = () => keepMounted() || hiddenUntilFound() || !keepMounted() && mounted();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_solidJs.Show, {
+    when: shouldRender(),
+    children: element()
+  });
+}

package/cjs/accordion/panel/AccordionPanelCssVars.d.ts

@@ -0,0 +1,12 @@
+export declare enum AccordionPanelCssVars {
+  /**
+   * The accordion panel's height.
+   * @type {number}
+   */
+  accordionPanelHeight = "--accordion-panel-height",
+  /**
+   * The accordion panel's width.
+   * @type {number}
+   */
+  accordionPanelWidth = "--accordion-panel-width",
+}

package/cjs/accordion/panel/AccordionPanelCssVars.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionPanelCssVars = void 0;
+let AccordionPanelCssVars = exports.AccordionPanelCssVars = /*#__PURE__*/function (AccordionPanelCssVars) {
+  /**
+   * The accordion panel's height.
+   * @type {number}
+   */
+  AccordionPanelCssVars["accordionPanelHeight"] = "--accordion-panel-height";
+  /**
+   * The accordion panel's width.
+   * @type {number}
+   */
+  AccordionPanelCssVars["accordionPanelWidth"] = "--accordion-panel-width";
+  return AccordionPanelCssVars;
+}({});