@entry-ui/qwik 0.6.0 → 0.7.0

package/lib/components/accordion/parts/accordion-item-indicator/accordion-item-indicator.qwik.mjs

@@ -0,0 +1,27 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+import { mergeStyles } from "../../../../utilities/merge-styles/merge-styles.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { useAccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+const AccordionItemIndicator = component$((props) => {
+  const { style, ...others } = props;
+  const { open, disabled } = useAccordionItemContext();
+  return /* @__PURE__ */ jsx(Primitive.span, {
+    "aria-hidden": "true",
+    "data-entry-ui-qwik-accordion-item-indicator": "",
+    "data-state": open.value ? "open" : "closed",
+    "data-disabled": disabled.value ? "" : void 0,
+    style: mergeStyles([
+      {
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      style
+    ]),
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionItemIndicator
+};

package/lib/components/accordion/parts/accordion-item-indicator/accordion-item-indicator.types.d.ts

@@ -0,0 +1,15 @@
+import { PropsOf, Component } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.ItemIndicator` component.
+ * Extends the standard HTML attributes for a `<span>` element.
+ */
+export interface AccordionItemIndicatorProps extends PropsOf<'span'> {
+    /**
+     * The element or component this component should render as.
+     *
+     * @see {@link https://github.com/ZAHON/entry-ui/tree/main/packages/qwik/docs/guides/composition.md Composition} guide for more details.
+     *
+     * @default "span"
+     */
+    as?: string | Component;
+}

package/lib/components/accordion/parts/accordion-item-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionItemIndicatorProps } from './accordion-item-indicator.types';
+export { AccordionItemIndicator } from './accordion-item-indicator';

package/lib/components/accordion/parts/accordion-item-panel/accordion-item-panel.d.ts

@@ -0,0 +1,7 @@
+import type { AccordionItemPanelProps } from './accordion-item-panel.types';
+/**
+ * A collapsible panel with the accordion item contents.
+ *
+ * Renders a `<div>` element.
+ */
+export declare const AccordionItemPanel: import("@qwik.dev/core").Component<AccordionItemPanelProps>;

package/lib/components/accordion/parts/accordion-item-panel/accordion-item-panel.qwik.mjs

@@ -0,0 +1,199 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useSignal, useComputed$, $, useTask$, isBrowser, isDev, sync$, Slot } from "@qwik.dev/core";
+import { getComputedStyle } from "@entry-ui/utilities/get-computed-style";
+import { getHiddenElementHeight } from "@entry-ui/utilities/get-hidden-element-height";
+import { addEventListenerOnce } from "@entry-ui/utilities/add-event-listener-once";
+import { useLifecycle } from "../../../../hooks/use-lifecycle/use-lifecycle.qwik.mjs";
+import { mergeStyles } from "../../../../utilities/merge-styles/merge-styles.qwik.mjs";
+import { mergeRefs } from "../../../../utilities/merge-refs/merge-refs.qwik.mjs";
+import { warn } from "../../../../_internal/utilities/warn/warn.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { useAccordionRootContext } from "../../contexts/accordion-root-context/accordion-root-context.qwik.mjs";
+import { useAccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+const AccordionItemPanel = component$((props) => {
+  const { as = "div", ref: _ref, id, hiddenUntilFound: _hiddenUntilFound = false, onOpenChangeComplete$, onBeforematch$, style, ...others } = props;
+  const { hiddenUntilFound: rootHiddenUntilFound } = useAccordionRootContext();
+  const { open, setOpen$, disabled, panelId, triggerId } = useAccordionItemContext();
+  const ref = useSignal(void 0);
+  const hidden = useSignal(!open.value);
+  const state = useSignal(open.value ? "open" : "closed");
+  const height = useSignal(() => {
+    if (open.value) {
+      return "auto";
+    }
+    return _hiddenUntilFound || rootHiddenUntilFound.value ? disabled.value ? "0px" : "none" : "0px";
+  });
+  const isBeforeMatch = useSignal(false);
+  const preventInitialAnimation = useSignal(true);
+  const hiddenUntilFound = useComputed$(() => disabled.value ? false : _hiddenUntilFound || rootHiddenUntilFound.value);
+  const mergedStyles = useComputed$(() => mergeStyles([
+    {
+      display: hidden.value ? hiddenUntilFound.value ? void 0 : "none !important" : void 0,
+      transitionDuration: preventInitialAnimation.value ? "0s" : void 0,
+      animationDuration: preventInitialAnimation.value ? "0s" : void 0,
+      "--entry-ui-qwik-accordion-item-panel-height": height.value
+    },
+    style
+  ]));
+  useLifecycle({
+    element: ref,
+    onMount$: $(() => panelId.set$(id)),
+    onUnmount$: $(() => panelId.delete$())
+  });
+  useTask$(({ track }) => {
+    const isHiddenUntilFound = track(() => hiddenUntilFound.value);
+    const panelRef = ref.value;
+    if (isBrowser && panelRef) {
+      const panelHeight = open.value ? "auto" : isHiddenUntilFound ? "none" : "0px";
+      height.value = panelHeight;
+      panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", panelHeight);
+    }
+  });
+  useTask$(({ track, cleanup }) => {
+    const isOpen = track(() => open.value);
+    const panelRef = ref.value;
+    if (isBrowser && panelRef) {
+      if (preventInitialAnimation.value && !isBeforeMatch.value) {
+        preventInitialAnimation.value = false;
+        panelRef.style.removeProperty("transition-duration");
+        panelRef.style.removeProperty("animation-duration");
+      }
+      if (isOpen) {
+        hidden.value = false;
+        panelRef.removeAttribute("hidden");
+        if (hiddenUntilFound.value) {
+          isBeforeMatch.value = false;
+        } else {
+          panelRef.style.removeProperty("display");
+        }
+        state.value = "open";
+        panelRef.setAttribute("data-state", "open");
+        const { animationDuration: animationDuration2, transitionDuration: transitionDuration2 } = getComputedStyle(panelRef);
+        const panelHeight = getHiddenElementHeight(panelRef);
+        if (animationDuration2 === "0s" && transitionDuration2 !== "0s") {
+          if (height.value === "none") {
+            height.value = "0px";
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "0px");
+            setTimeout(() => {
+              height.value = `${panelHeight}px`;
+              panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", `${panelHeight}px`);
+            }, 0);
+          } else {
+            height.value = `${panelHeight}px`;
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", `${panelHeight}px`);
+          }
+        } else {
+          height.value = `${panelHeight}px`;
+          panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", `${panelHeight}px`);
+        }
+      } else {
+        state.value = "closed";
+        panelRef.setAttribute("data-state", "closed");
+        const { animationDuration: animationDuration2, transitionDuration: transitionDuration2 } = getComputedStyle(panelRef);
+        const panelHeight = getHiddenElementHeight(panelRef);
+        if (animationDuration2 === "0s" && transitionDuration2 !== "0s") {
+          if (height.value === "auto") {
+            height.value = `${panelHeight}px`;
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", `${panelHeight}px`);
+            setTimeout(() => {
+              height.value = "0px";
+              panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "0px");
+            }, 0);
+          } else {
+            height.value = "0px";
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "0px");
+          }
+        } else {
+          height.value = `${panelHeight}px`;
+          panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", `${panelHeight}px`);
+        }
+      }
+      const applyFinalState = () => {
+        if (isOpen) {
+          height.value = "auto";
+          panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "auto");
+        } else {
+          hidden.value = true;
+          if (hiddenUntilFound.value) {
+            height.value = "none";
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "none");
+          } else {
+            height.value = "0px";
+            panelRef.style.setProperty("--entry-ui-qwik-accordion-item-panel-height", "0px");
+          }
+        }
+        if (onOpenChangeComplete$) {
+          onOpenChangeComplete$(isOpen);
+        }
+      };
+      const { transitionDuration, animationDuration } = getComputedStyle(panelRef);
+      if (isDev && transitionDuration !== "0s" && animationDuration !== "0s") {
+        warn([
+          `Both CSS transitions and CSS animations are detected on 'Accordion.ItemPanel' component.`,
+          `Using both at the same time may cause unpredictable behavior.`,
+          `Please use only one animation method.`
+        ]);
+        applyFinalState();
+      } else if (transitionDuration !== "0s") {
+        const removeTransitionEndListener = addEventListenerOnce({
+          target: panelRef,
+          type: "transitionend",
+          listener: applyFinalState
+        });
+        cleanup(() => {
+          removeTransitionEndListener();
+        });
+      } else if (animationDuration !== "0s") {
+        const removeAnimationEndListener = addEventListenerOnce({
+          target: panelRef,
+          type: "animationend",
+          listener: applyFinalState
+        });
+        cleanup(() => {
+          removeAnimationEndListener();
+        });
+      } else {
+        applyFinalState();
+      }
+    }
+  });
+  const handleBeforeMatchSync$ = sync$((event) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented) {
+      event.preventDefault();
+    }
+  });
+  const handleBeforeMatch$ = $((event) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented) {
+      isBeforeMatch.value = true;
+      preventInitialAnimation.value = true;
+      setOpen$(true);
+    }
+  });
+  return /* @__PURE__ */ jsx(Primitive.div, {
+    as,
+    ref: mergeRefs([
+      _ref,
+      ref
+    ]),
+    id: panelId.id.value,
+    role: triggerId.id.value ? "region" : void 0,
+    hidden: hidden.value ? hiddenUntilFound.value ? "until-found" : "hidden" : void 0,
+    "aria-labelledby": triggerId.id.value,
+    "data-entry-ui-qwik-accordion-item-panel": "",
+    "data-state": state.value,
+    "data-disabled": disabled.value ? "" : void 0,
+    onBeforematch$: [
+      onBeforematch$,
+      handleBeforeMatchSync$,
+      handleBeforeMatch$
+    ],
+    style: mergedStyles.value,
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionItemPanel
+};

package/lib/components/accordion/parts/accordion-item-panel/accordion-item-panel.types.d.ts

@@ -0,0 +1,31 @@
+import { PropsOf, Component, QRL } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.ItemPanel` component.
+ * Extends the standard HTML attributes for a `<div>` element.
+ */
+export interface AccordionItemPanelProps extends PropsOf<'div'> {
+    /**
+     * The element or component this component should render as.
+     *
+     * @see {@link https://github.com/ZAHON/entry-ui/tree/main/packages/qwik/docs/guides/composition.md Composition} guide for more details.
+     *
+     * @default "div"
+     */
+    as?: string | Component;
+    /**
+     * When `true`, the panel uses the `hidden="until-found"` attribute when closed.
+     * This allows the browser to search and reveal content within the panel
+     * even before it is manually opened.
+     *
+     * @default false
+     */
+    hiddenUntilFound?: boolean;
+    /**
+     * A `QRL` callback invoked once the panel's expansion or collapse has fully settled.
+     * If CSS transitions or animations are present, it triggers after they finish;
+     * otherwise, it executes immediately upon the state change.
+     *
+     * @default undefined
+     */
+    onOpenChangeComplete$?: QRL<(open: boolean) => void>;
+}

package/lib/components/accordion/parts/accordion-item-panel/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionItemPanelProps } from './accordion-item-panel.types';
+export { AccordionItemPanel } from './accordion-item-panel';

package/lib/components/accordion/parts/accordion-item-trigger/accordion-item-trigger.d.ts

@@ -0,0 +1,7 @@
+import type { AccordionItemTriggerProps } from './accordion-item-trigger.types';
+/**
+ * A button that opens and closes the corresponding panel.
+ *
+ * Renders a `<button>` element.
+ */
+export declare const AccordionItemTrigger: import("@qwik.dev/core").Component<AccordionItemTriggerProps>;

package/lib/components/accordion/parts/accordion-item-trigger/accordion-item-trigger.qwik.mjs

@@ -0,0 +1,52 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useSignal, useComputed$, $, useContextProvider, Slot } from "@qwik.dev/core";
+import { useLifecycle } from "../../../../hooks/use-lifecycle/use-lifecycle.qwik.mjs";
+import { mergeRefs } from "../../../../utilities/merge-refs/merge-refs.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { useAccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+import { AccordionItemTriggerContext } from "../../contexts/accordion-item-trigger-context/accordion-item-trigger-context.qwik.mjs";
+const AccordionItemTrigger = component$((props) => {
+  const { as = "button", ref: _ref, id, disabled: _disabled, onClick$, ...others } = props;
+  const { open, setOpen$, disabled: itemDisabled, triggerId, panelId } = useAccordionItemContext();
+  const ref = useSignal(void 0);
+  const disabled = useComputed$(() => _disabled ?? itemDisabled.value);
+  useLifecycle({
+    element: ref,
+    onMount$: $(() => triggerId.set$(id)),
+    onUnmount$: $(() => triggerId.delete$())
+  });
+  const handleClick$ = $((event) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented && !disabled.value) {
+      setOpen$(!open.value);
+    }
+  });
+  useContextProvider(AccordionItemTriggerContext, {
+    disabled
+  });
+  return /* @__PURE__ */ jsx(Primitive.button, {
+    as,
+    ref: mergeRefs([
+      _ref,
+      ref
+    ]),
+    type: "button",
+    id: triggerId.id.value,
+    disabled: disabled.value,
+    "aria-controls": panelId.id.value && open.value ? panelId.id.value : void 0,
+    "aria-expanded": panelId.id.value ? open.value : void 0,
+    "data-entry-ui-qwik-accordion-item-trigger": "",
+    "data-state": open.value ? "open" : "closed",
+    // Present when the accordion item component is in a disabled state.
+    "data-disabled": itemDisabled.value ? "" : void 0,
+    onClick$: [
+      onClick$,
+      handleClick$
+    ],
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionItemTrigger
+};

package/lib/components/accordion/parts/accordion-item-trigger/accordion-item-trigger.types.d.ts

@@ -0,0 +1,23 @@
+import { PropsOf, Component } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.ItemTrigger` component.
+ * Extends the standard HTML attributes for a `<button>` element.
+ */
+export interface AccordionItemTriggerProps extends PropsOf<'button'> {
+    /**
+     * The element or component this component should render as.
+     *
+     * @see {@link https://github.com/ZAHON/entry-ui/tree/main/packages/qwik/docs/guides/composition.md Composition} guide for more details.
+     *
+     * @default "button"
+     */
+    as?: string | Component;
+    /**
+     * When `true`, prevents the user from interacting with the trigger.
+     * If left `undefined`, this state will be inherited from the `disabled`
+     * prop of the `Accordion.Item` component.
+     *
+     * @default undefined
+     */
+    disabled?: boolean;
+}

package/lib/components/accordion/parts/accordion-item-trigger/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionItemTriggerProps } from './accordion-item-trigger.types';
+export { AccordionItemTrigger } from './accordion-item-trigger';

package/lib/components/accordion/parts/accordion-root/accordion-root.d.ts

@@ -0,0 +1,7 @@
+import type { AccordionRootProps } from './accordion-root.types';
+/**
+ * Groups all parts of the accordion.
+ *
+ * Renders a `<div>` element.
+ */
+export declare const AccordionRoot: import("@qwik.dev/core").Component<AccordionRootProps>;

package/lib/components/accordion/parts/accordion-root/accordion-root.qwik.mjs

@@ -0,0 +1,137 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useComputed$, $, sync$, useContextProvider, Slot } from "@qwik.dev/core";
+import { isDev } from "@qwik.dev/core/build";
+import { useControllable } from "../../../../hooks/use-controllable/use-controllable.qwik.mjs";
+import { mergeStyles } from "../../../../utilities/merge-styles/merge-styles.qwik.mjs";
+import { warn } from "../../../../_internal/utilities/warn/warn.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { AccordionRootContext } from "../../contexts/accordion-root-context/accordion-root-context.qwik.mjs";
+const AccordionRoot = component$((props) => {
+  const { as = "div", defaultValue, value: _value, onValueChange$, multiple = false, loopFocus = true, hiddenUntilFound: _hiddenUntilFound = false, disabled: _disabled = false, onKeyDown$, style, ...others } = props;
+  const { state: value, setState$: setValue$ } = useControllable({
+    defaultValue: defaultValue ?? [],
+    controlledSignal: _value,
+    onChange$: onValueChange$
+  });
+  const hiddenUntilFound = useComputed$(() => _hiddenUntilFound);
+  const disabled = useComputed$(() => _disabled);
+  if (isDev && !multiple && value.value.length > 1) {
+    warn([
+      `The 'Accordion.Root' component is in single-selection mode,`,
+      `but received ${value.value.length} open items in 'value' or 'defaultValue'.`,
+      `This may lead to unpredictable behavior.`
+    ]);
+  }
+  const onItemOpen$ = $((itemValue) => {
+    if (!multiple) {
+      setValue$([
+        itemValue
+      ]);
+    }
+    if (multiple) {
+      setValue$([
+        ...value.value,
+        itemValue
+      ]);
+    }
+  });
+  const onItemClose$ = $((itemValue) => {
+    if (!multiple) {
+      setValue$([]);
+    }
+    if (multiple) {
+      setValue$(value.value.filter((value2) => value2 !== itemValue));
+    }
+  });
+  const handleKeyDownSync$ = sync$((event) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented && [
+      "ArrowDown",
+      "ArrowUp",
+      "Home",
+      "End"
+    ].includes(event.key)) {
+      event.preventDefault();
+    }
+  });
+  const handleKeyDown$ = $((event, currentTarget) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented && [
+      "ArrowDown",
+      "ArrowUp",
+      "Home",
+      "End"
+    ].includes(event.key)) {
+      const target = event.target;
+      const ENABLED_TRIGGERS_SELECTOR = "[data-entry-ui-qwik-accordion-item-trigger]:not([disabled])";
+      const enabledTriggers = Array.from(currentTarget.querySelectorAll(ENABLED_TRIGGERS_SELECTOR));
+      const thisIndex = enabledTriggers.indexOf(target);
+      const lastIndex = enabledTriggers.length - 1;
+      let nextIndex = -1;
+      switch (event.key) {
+        case "ArrowDown":
+          if (loopFocus) {
+            nextIndex = thisIndex + 1 > lastIndex ? 0 : thisIndex + 1;
+          } else {
+            nextIndex = Math.min(thisIndex + 1, lastIndex);
+          }
+          break;
+        case "ArrowUp":
+          if (loopFocus) {
+            nextIndex = thisIndex === 0 ? lastIndex : thisIndex - 1;
+          } else {
+            nextIndex = thisIndex - 1;
+          }
+          break;
+        case "Home":
+          nextIndex = 0;
+          break;
+        case "End":
+          nextIndex = lastIndex;
+          break;
+      }
+      if (nextIndex > -1) {
+        enabledTriggers[nextIndex]?.focus();
+      }
+    }
+  });
+  useContextProvider(AccordionRootContext, {
+    value,
+    setValue$,
+    hiddenUntilFound,
+    disabled,
+    onItemOpen$,
+    onItemClose$
+  });
+  return /* @__PURE__ */ jsx(Primitive.div, {
+    as,
+    "data-entry-ui-qwik-accordion-root": "",
+    "data-disabled": disabled.value ? "" : void 0,
+    onKeyDown$: [
+      onKeyDown$,
+      handleKeyDownSync$,
+      handleKeyDown$
+    ],
+    style: mergeStyles([
+      {
+        // Performance optimization
+        // The `contain: layout style;` CSS property is used here to improve rendering performance.
+        // `contain: layout;` tells the browser that the internal layout of this accordion
+        // is self-contained and does not affect the layout of elements outside of it. This prevents
+        // costly re-calculations of the entire page layout when an accordion item expands or collapses,
+        // which is especially beneficial during animations.
+        // `contain: style;` ensures that CSS properties that can affect the rest of the page,
+        // like counters, are isolated to this element.
+        // Together, these properties create a performance "bubble", allowing the browser to optimize
+        // rendering by treating the accordion component as an independent unit.
+        contain: "layout style"
+      },
+      style
+    ]),
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionRoot
+};

package/lib/components/accordion/parts/accordion-root/accordion-root.types.d.ts

@@ -0,0 +1,68 @@
+import { PropsOf, Component, Signal, QRL } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.Root` component.
+ * Extends the standard HTML attributes for a `<div>` element.
+ */
+export interface AccordionRootProps extends PropsOf<'div'> {
+    /**
+     * The element or component this component should render as.
+     *
+     * @see {@link https://github.com/ZAHON/entry-ui/tree/main/packages/qwik/docs/guides/composition.md Composition} guide for more details.
+     *
+     * @default "div"
+     */
+    as?: string | Component;
+    /**
+     * The value of the accordion item or items to expand when initially rendered.
+     * When `multiple` is `false`, this array should contain at most one element.
+     * Use when you do not need to control the state of the accordion items.
+     *
+     * @default []
+     */
+    defaultValue?: string[];
+    /**
+     * The controlled value of the accordion item or items to expand.
+     * When `multiple` is `false`, this array should contain at most one element.
+     * Must be used in conjunction with `onValueChange$`.
+     *
+     * @default undefined
+     */
+    value?: Signal<string[]>;
+    /**
+     * A `QRL` callback function that is called when the expanded state of an accordion item or items changes.
+     *
+     * @default undefined
+     */
+    onValueChange$?: QRL<(value: string[]) => void>;
+    /**
+     * Whether or not multiple accordion items can be expanded at the same time.
+     * When `false`, expanding one item will automatically collapse the others.
+     *
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Whether the keyboard focus should wrap back to the first or last item trigger
+     * when navigating through the accordion.
+     * When `true`, pressing `ArrowDown` on the last enabled trigger moves focus to the
+     * first one, and `ArrowUp` on the first enabled trigger moves focus to the last one.
+     *
+     * @default true
+     */
+    loopFocus?: boolean;
+    /**
+     * When `true`, all collapsed accordion panels will use the `hidden="until-found"`
+     * attribute. This allows the browser's "Find in page" feature to
+     * search through collapsed content and automatically expand the item when
+     * a match is found.
+     *
+     * @default false
+     */
+    hiddenUntilFound?: boolean;
+    /**
+     * When `true`, prevents the user from interacting with the accordion and all its items.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}

package/lib/components/accordion/parts/accordion-root/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionRootProps } from './accordion-root.types';
+export { AccordionRoot } from './accordion-root';

package/lib/components/accordion/parts/index.d.ts

@@ -0,0 +1,12 @@
+export type { AccordionRootProps as RootProps } from './accordion-root';
+export type { AccordionItemProps as ItemProps } from './accordion-item';
+export type { AccordionItemHeaderProps as ItemHeaderProps } from './accordion-item-header';
+export type { AccordionItemTriggerProps as ItemTriggerProps } from './accordion-item-trigger';
+export type { AccordionItemPanelProps as ItemPanelProps } from './accordion-item-panel';
+export type { AccordionItemIndicatorProps as ItemIndicatorProps } from './accordion-item-indicator';
+export { AccordionRoot as Root } from './accordion-root';
+export { AccordionItem as Item } from './accordion-item';
+export { AccordionItemHeader as ItemHeader } from './accordion-item-header';
+export { AccordionItemTrigger as ItemTrigger } from './accordion-item-trigger';
+export { AccordionItemPanel as ItemPanel } from './accordion-item-panel';
+export { AccordionItemIndicator as ItemIndicator } from './accordion-item-indicator';

package/lib/components/accordion/parts/index.qwik.mjs

@@ -0,0 +1,14 @@
+import { AccordionRoot } from "./accordion-root/accordion-root.qwik.mjs";
+import { AccordionItem } from "./accordion-item/accordion-item.qwik.mjs";
+import { AccordionItemHeader } from "./accordion-item-header/accordion-item-header.qwik.mjs";
+import { AccordionItemTrigger } from "./accordion-item-trigger/accordion-item-trigger.qwik.mjs";
+import { AccordionItemPanel } from "./accordion-item-panel/accordion-item-panel.qwik.mjs";
+import { AccordionItemIndicator } from "./accordion-item-indicator/accordion-item-indicator.qwik.mjs";
+export {
+  AccordionItem as Item,
+  AccordionItemHeader as ItemHeader,
+  AccordionItemIndicator as ItemIndicator,
+  AccordionItemPanel as ItemPanel,
+  AccordionItemTrigger as ItemTrigger,
+  AccordionRoot as Root
+};

package/lib/components/collapsible/contexts/collapsible-trigger-context/collapsible-trigger-context.types.d.ts

@@ -6,8 +6,8 @@ import type { ReadonlySignal } from '@qwik.dev/core';
 export interface CollapsibleTriggerContextValue {
     /**
      * A readonly signal representing the effective disabled state of the trigger.
-     * This value is computed by prioritizing the trigger's own 'disabled' prop,
-     * falling back to the 'Collapsible.Root' disabled state if not explicitly set.
+     * This value is computed by prioritizing the trigger's own `disabled` prop,
+     * falling back to the `Collapsible.Root` disabled state if not explicitly set.
      */
     disabled: ReadonlySignal<boolean>;
 }

package/lib/components/collapsible/hooks/use-collapsible-trigger-context/use-collapsible-trigger-context.types.d.ts

@@ -6,8 +6,8 @@ import type { ReadonlySignal } from '@qwik.dev/core';
 export interface UseCollapsibleTriggerContextReturnValue {
     /**
      * A readonly signal representing the effective disabled state of the trigger.
-     * This value is computed by prioritizing the trigger's own 'disabled' prop,
-     * falling back to the 'Collapsible.Root' disabled state if not explicitly set.
+     * This value is computed by prioritizing the trigger's own `disabled` prop,
+     * falling back to the `Collapsible.Root` disabled state if not explicitly set.
      */
     disabled: ReadonlySignal<boolean>;
 }