@entry-ui/qwik 0.5.0 → 0.7.0

package/lib/_internal/components/primitive/primitive.d.ts

@@ -4,7 +4,7 @@ import type { Component } from '@qwik.dev/core';
  * List of HTML elements that can be created as primitive components.
  * Each node in this array will have a corresponding component in the `Primitive` object.
  */
-declare const NODES: readonly ["button", "div", "span"];
+declare const NODES: readonly ["button", "div", "h3", "span"];
 /**
  * A factory function that creates a polymorphic Qwik component for a specific HTML tag.
  */
@@ -21,6 +21,7 @@ export declare const createPrimitive: <Node extends (typeof NODES)[number]>(node
 export declare const Primitive: {
     div: Component<PrimitiveProps<"div">>;
     button: Component<PrimitiveProps<"button">>;
+    h3: Component<PrimitiveProps<"h3">>;
     span: Component<PrimitiveProps<"span">>;
 };
 export {};

package/lib/_internal/components/primitive/primitive.qwik.mjs

@@ -3,6 +3,7 @@ import { component$, Slot } from "@qwik.dev/core";
 const NODES = [
   "button",
   "div",
+  "h3",
   "span"
 ];
 const SELF_CLOSING_TAGS = [

package/lib/_internal/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './use-id';
+export * from './use-id-manager';

package/lib/_internal/hooks/use-id/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseIdParams } from './use-id.types';
+export { useId } from './use-id';

package/lib/_internal/hooks/use-id/use-id.d.ts

@@ -0,0 +1,21 @@
+import type { UseIdParams } from './use-id.types';
+/**
+ * A custom hook that generates stable, unique identifiers with support for custom prefixes and manual overrides.
+ *
+ * This hook is designed to provide consistent IDs for accessibility (A11Y) and DOM manipulation
+ * in a Qwik-native way. By combining Qwik's `useId` for SSR-safe uniqueness and `useConstant`
+ * for client-side stability, it ensures that the identifier remains unchanged throughout
+ * the component's entire lifecycle.
+ *
+ * The generated identifier follows a specific structure:
+ * `[prefix][baseId]`
+ * - prefix: A string prepended to the ID (defaults to `entry-ui-qwik-`).
+ * - baseId: Either a custom string provided via `generatedId` or a unique
+ * sequence generated by the Qwik's `useId` hook.
+ *
+ * Example Outputs:
+ * - Default: `"entry-ui-qwik-rs7mG5255s"` (where `"rs7mG5255s"` is the `autoId`)
+ * - Custom prefix: `"my-app-header-rs7mG5255s"`
+ * - Custom base: `"entry-ui-qwik-custom-id"`
+ */
+export declare const useId: (params?: UseIdParams) => string;

package/lib/_internal/hooks/use-id/use-id.qwik.mjs

@@ -0,0 +1,10 @@
+import { useId as useId$1, useConstant } from "@qwik.dev/core";
+const useId = (params = {}) => {
+  const { prefix = "entry-ui-qwik-", generatedId } = params;
+  const autoId = useId$1();
+  const id = useConstant(() => `${prefix.trim()}${generatedId ? generatedId.trim() : autoId}`);
+  return id;
+};
+export {
+  useId
+};

package/lib/_internal/hooks/use-id/use-id.types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Configuration parameters for the `useId` hook.
+ */
+export interface UseIdParams {
+    /**
+     * An optional prefix to prepend to the generated or provided identifier.
+     * This helps in namespacing IDs to ensure uniqueness across the DOM,
+     * particularly when multiple design system libraries or component instances coexist.
+     *
+     * @default "entry-ui-qwik-"
+     */
+    prefix?: string;
+    /**
+     * An optional value to override the internal identifier.
+     * When provided, this value will be used as the base for the identifier.
+     * If omitted, the hook will fall back to a unique ID automatically
+     * generated by the Qwik's `useId` hook.
+     *
+     * @default undefined
+     */
+    generatedId?: string;
+}

package/lib/_internal/hooks/use-id-manager/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseIdManagerParams, UseIdManagerReturnValue } from './use-id-manager.types';
+export { useIdManager } from './use-id-manager';

package/lib/_internal/hooks/use-id-manager/use-id-manager.d.ts

@@ -0,0 +1,21 @@
+import type { UseIdManagerParams, UseIdManagerReturnValue } from './use-id-manager.types';
+/**
+ * A hook that manages unique identifiers with support for prefixes and manual state control.
+ *
+ * This hook provides a flexible way to handle DOM identifiers, ensuring
+ * accessibility and consistency across components. It encapsulates the
+ * complexity of generating unique IDs while offering granular control
+ * through dedicated `QRL` functions.
+ *
+ * The generated identifier follows a specific structure:
+ * `[prefix][baseId]`
+ * - prefix: A string prepended to the ID (defaults to `entry-ui-qwik-`).
+ * - baseId: Either a custom string provided via `generatedId` or a unique
+ * sequence generated by the Qwik's `useId` hook.
+ *
+ * Example Outputs:
+ * - Default: `"entry-ui-qwik-rs7mG5255s"` (where `"rs7mG5255s"` is the `autoId`)
+ * - Custom prefix: `"my-app-header-rs7mG5255s"`
+ * - Custom base: `"entry-ui-qwik-custom-id"`
+ */
+export declare const useIdManager: (params?: UseIdManagerParams) => UseIdManagerReturnValue;

package/lib/_internal/hooks/use-id-manager/use-id-manager.qwik.mjs

@@ -0,0 +1,25 @@
+import { useId, useConstant, useSignal, $ } from "@qwik.dev/core";
+const useIdManager = (params = {}) => {
+  const { prefix = "entry-ui-qwik-", generatedId, shouldInitialize = false } = params;
+  const autoId = useId();
+  const baseId = useConstant(() => generatedId ? generatedId.trim() : autoId);
+  const id = useSignal(shouldInitialize ? `${prefix.trim()}${baseId}` : void 0);
+  const set$ = $((value) => {
+    if (value && value.trim() !== "") {
+      id.value = value;
+    } else {
+      id.value = `${prefix}${baseId}`;
+    }
+  });
+  const delete$ = $(() => {
+    id.value = void 0;
+  });
+  return {
+    id,
+    set$,
+    delete$
+  };
+};
+export {
+  useIdManager
+};

package/lib/_internal/hooks/use-id-manager/use-id-manager.types.d.ts

@@ -0,0 +1,56 @@
+import { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * Configuration parameters for the `useIdManager` hook.
+ */
+export interface UseIdManagerParams {
+    /**
+     * An optional prefix to prepend to the generated or provided identifier.
+     * This is useful for namespacing IDs to avoid collisions in the DOM,
+     * especially when multiple instances of the same component are present.
+     *
+     * @default "entry-ui-qwik-"
+     */
+    prefix?: string;
+    /**
+     * An optional value to override the internal identifier.
+     * When provided, this value will be used as the base for the identifier.
+     * If omitted, the hook will fall back to a unique ID automatically
+     * generated by the Qwik's `useId` hook.
+     *
+     * @default undefined
+     */
+    generatedId?: string;
+    /**
+     * Determines whether the identifier should be initialized immediately upon hook creation.
+     * If set to `true`, the `id` readonly signal will be populated with the combined prefix and base ID on mount.
+     * If `false`, the `id` readonly signal remains `undefined` until manually set via `set$`.
+     *
+     * @default false
+     */
+    shouldInitialize?: boolean;
+}
+/**
+ * Represents the object returned by the `useIdManager` hook.
+ */
+export interface UseIdManagerReturnValue {
+    /**
+     * A readonly signal representing the current state of the identifier.
+     * This signal is read-only, meaning its value can only be modified by calling
+     * specific `QRL` functions like `set$` or `delete$`, ensuring consistent
+     * and predictable state updates across the component tree.
+     */
+    id: ReadonlySignal<string | undefined>;
+    /**
+     * A `QRL` function that directly sets the identifier to a specific string value.
+     * If a non-empty string is provided, it will be used as the new ID.
+     * If the provided value is empty or undefined, the function will fall back
+     * to the default format, combining the defined prefix and the base ID.
+     */
+    set$: QRL<(value: string | undefined) => void>;
+    /**
+     * A `QRL` function that clears the current identifier by setting its value to `undefined`.
+     * This is particularly useful for resetting the state during component unmounting
+     * or when the identifier is no longer required in the DOM.
+     */
+    delete$: QRL<() => void>;
+}

package/lib/_internal/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './hooks';
 export * from './utilities';

package/lib/_internal/utilities/error/error.qwik.mjs

@@ -0,0 +1,10 @@
+import { error as error$1 } from "@entry-ui/utilities/error";
+const error = (messages) => {
+  error$1({
+    prefix: "[Entry UI Qwik]",
+    messages
+  });
+};
+export {
+  error
+};

package/lib/_internal/utilities/warn/warn.qwik.mjs

@@ -0,0 +1,10 @@
+import { warn as warn$1 } from "@entry-ui/utilities/warn";
+const warn = (messages) => {
+  warn$1({
+    prefix: "[Entry UI Qwik]",
+    messages
+  });
+};
+export {
+  warn
+};

package/lib/components/accordion/contexts/accordion-item-context/accordion-item-context.d.ts

@@ -0,0 +1,11 @@
+import type { AccordionItemContextValue } from './accordion-item-context.types';
+/**
+ * Provides the context for the `Accordion.Item` component, allowing descendant
+ * components to access readonly signals and `QRL` functions without prop drilling.
+ */
+export declare const AccordionItemContext: import("@qwik.dev/core").ContextId<AccordionItemContextValue>;
+/**
+ * A hook that provides access to the `Accordion.Item` component's internal state.
+ * It exposes readonly signals and `QRL` functions to interact with the component's state,
+ */
+export declare const useAccordionItemContext: () => AccordionItemContextValue;

package/lib/components/accordion/contexts/accordion-item-context/accordion-item-context.qwik.mjs

@@ -0,0 +1,10 @@
+import { createContextId, useContext } from "@qwik.dev/core";
+const AccordionItemContext = createContextId("entry-ui-qwik-accordion-item-context");
+const useAccordionItemContext = () => {
+  const context = useContext(AccordionItemContext);
+  return context;
+};
+export {
+  AccordionItemContext,
+  useAccordionItemContext
+};

package/lib/components/accordion/contexts/accordion-item-context/accordion-item-context.types.d.ts

@@ -0,0 +1,64 @@
+import { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * The value provided by the `AccordionItemContext` context.
+ * Contains the readonly signals and `QRL` functions shared with descendant components.
+ */
+export interface AccordionItemContextValue {
+    /**
+     * A readonly signal whose value is the unique identifier for the specific accordion item.
+     * This is used to identify the item and control its open/closed state within the accordion component.
+     */
+    value: ReadonlySignal<string>;
+    /**
+     * A readonly signal whose value indicates whether the accordion item is currently in an open (expanded) state.
+     * A value of `true` means the item's panel is visible, while `false` means it's hidden.
+     */
+    open: ReadonlySignal<boolean>;
+    /**
+     * A `QRL` function used to programmatically set the open state of the accordion item.
+     * This function toggles the item's visibility based on the provided boolean value.
+     */
+    setOpen$: QRL<(open: boolean) => void>;
+    /**
+     * A readonly signal whose value specifies if the accordion item is disabled.
+     * When `true`, the item cannot be interacted with by the user, and its trigger might be visually
+     * styled to reflect this inactive state.
+     */
+    disabled: ReadonlySignal<boolean>;
+    /**
+     * An object containing the identifier state and management `QRL` functions for the trigger element.
+     * This is used to link the trigger and the accordion item panel for accessibility purposes (WAI-ARIA).
+     */
+    triggerId: {
+        /**
+         * A readonly signal representing the unique identifier of the trigger.
+         */
+        id: ReadonlySignal<string | undefined>;
+        /**
+         * A `QRL` function to manually set or update the trigger's identifier.
+         */
+        set$: QRL<(value: string | undefined) => void>;
+        /**
+         * A `QRL` function to clear the trigger's identifier.
+         */
+        delete$: QRL<() => void>;
+    };
+    /**
+     * An object containing the identifier state and management functions for the panel element.
+     * This ensures the content panel can be correctly referenced by the accordion item trigger's `aria-controls` attribute.
+     */
+    panelId: {
+        /**
+         * A readonly signal representing the unique identifier of the panel.
+         */
+        id: ReadonlySignal<string | undefined>;
+        /**
+         * A `QRL` function to manually set or update the panel's identifier.
+         */
+        set$: QRL<(value: string | undefined) => void>;
+        /**
+         * A `QRL` function to clear the panel's identifier.
+         */
+        delete$: QRL<() => void>;
+    };
+}

package/lib/components/accordion/contexts/accordion-item-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionItemContextValue } from './accordion-item-context.types';
+export { AccordionItemContext, useAccordionItemContext } from './accordion-item-context';

package/lib/components/accordion/contexts/accordion-item-trigger-context/accordion-item-trigger-context.d.ts

@@ -0,0 +1,6 @@
+import type { AccordionItemTriggerContextValue } from './accordion-item-trigger-context.types';
+/**
+ * Provides the context for the `Accordion.ItemTrigger` component, allowing descendant
+ * components to access readonly signal without prop drilling.
+ */
+export declare const AccordionItemTriggerContext: import("@qwik.dev/core").ContextId<AccordionItemTriggerContextValue>;

package/lib/components/accordion/contexts/accordion-item-trigger-context/accordion-item-trigger-context.qwik.mjs

@@ -0,0 +1,5 @@
+import { createContextId } from "@qwik.dev/core";
+const AccordionItemTriggerContext = createContextId("entry-ui-qwik-accordion-item-trigger-context");
+export {
+  AccordionItemTriggerContext
+};

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

@@ -0,0 +1,13 @@
+import type { ReadonlySignal } from '@qwik.dev/core';
+/**
+ * The value provided by the `AccordionItemTriggerContext` context.
+ * Contains the readonly signal shared with descendant components.
+ */
+export interface AccordionItemTriggerContextValue {
+    /**
+     * 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 `Accordion.Item` disabled state if not explicitly set.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

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

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

package/lib/components/accordion/contexts/accordion-root-context/accordion-root-context.d.ts

@@ -0,0 +1,11 @@
+import type { AccordionRootContextValue } from './accordion-root-context.types';
+/**
+ * Provides the context for the `Accordion.Root` component, allowing descendant
+ * components to access readonly signals and `QRL` functions without prop drilling.
+ */
+export declare const AccordionRootContext: import("@qwik.dev/core").ContextId<AccordionRootContextValue>;
+/**
+ * A hook that provides access to the `Accordion.Root` component's internal state.
+ * It exposes readonly signals and `QRL` functions to interact with the component's state,
+ */
+export declare const useAccordionRootContext: () => AccordionRootContextValue;

package/lib/components/accordion/contexts/accordion-root-context/accordion-root-context.qwik.mjs

@@ -0,0 +1,10 @@
+import { createContextId, useContext } from "@qwik.dev/core";
+const AccordionRootContext = createContextId("entry-ui-qwik-accordion-root-context");
+const useAccordionRootContext = () => {
+  const context = useContext(AccordionRootContext);
+  return context;
+};
+export {
+  AccordionRootContext,
+  useAccordionRootContext
+};

package/lib/components/accordion/contexts/accordion-root-context/accordion-root-context.types.d.ts

@@ -0,0 +1,34 @@
+import type { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * The value provided by the `AccordionRootContext` context.
+ * Contains the readonly signals and `QRL` functions shared with descendant components.
+ */
+export interface AccordionRootContextValue {
+    /**
+     * A readonly signal whose value is an array of strings representing the currently expanded accordion item or items values.
+     * This signal reflects the internal state of which accordion items are open.
+     */
+    value: ReadonlySignal<string[]>;
+    /**
+     * A `QRL` function used to programmatically set the open state of the accordion items.
+     * This function takes an array of strings, where each string represents the value of the accordion items to be opened.
+     */
+    setValue$: QRL<(value: string[]) => void>;
+    /**
+     * A readonly signal indicating whether the `"hidden-until-found"` behavior is enabled for all panels within the accordion.
+     */
+    hiddenUntilFound: ReadonlySignal<boolean>;
+    /**
+     * A readonly signal whose value indicates whether the entire accordion is disabled.
+     * When `true`, all interaction with the accordion and its items is prevented.
+     */
+    disabled: ReadonlySignal<boolean>;
+    /**
+     * A `QRL` callback function invoked when an accordion item should be opened.
+     */
+    onItemOpen$: QRL<(itemValue: string) => void>;
+    /**
+     * A `QRL` callback function invoked when an accordion item should be closed.
+     */
+    onItemClose$: QRL<(itemValue: string) => void>;
+}

package/lib/components/accordion/contexts/accordion-root-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { AccordionRootContextValue } from './accordion-root-context.types';
+export { AccordionRootContext, useAccordionRootContext } from './accordion-root-context';

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

@@ -0,0 +1,3 @@
+export * from './accordion-root-context';
+export * from './accordion-item-context';
+export * from './accordion-item-trigger-context';

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

@@ -0,0 +1,3 @@
+export * from './use-accordion-root-context';
+export * from './use-accordion-item-context';
+export * from './use-accordion-item-trigger-context';

package/lib/components/accordion/hooks/use-accordion-item-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseAccordionItemContextReturnValue } from './use-accordion-item-context.types';
+export { useAccordionItemContext } from './use-accordion-item-context';

package/lib/components/accordion/hooks/use-accordion-item-context/use-accordion-item-context.d.ts

@@ -0,0 +1,7 @@
+import type { UseAccordionItemContextReturnValue } from './use-accordion-item-context.types';
+/**
+ * A hook that provides access to the `Accordion.Item` component's internal state.
+ * It exposes readonly signals and a `QRL` function to synchronize with a specific
+ * item's state, managing its expanded status and disabled availability.
+ */
+export declare const useAccordionItemContext: () => UseAccordionItemContextReturnValue;

package/lib/components/accordion/hooks/use-accordion-item-context/use-accordion-item-context.qwik.mjs

@@ -0,0 +1,14 @@
+import { useContext } from "@qwik.dev/core";
+import { AccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+const useAccordionItemContext = () => {
+  const { value, open, setOpen$, disabled } = useContext(AccordionItemContext);
+  return {
+    value,
+    open,
+    setOpen$,
+    disabled
+  };
+};
+export {
+  useAccordionItemContext
+};

package/lib/components/accordion/hooks/use-accordion-item-context/use-accordion-item-context.types.d.ts

@@ -0,0 +1,28 @@
+import type { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * The value returned by the `useAccordionItemContext` hook.
+ * Provides access to the accordion item's readonly signals and `QRL` function for descendant components.
+ */
+export interface UseAccordionItemContextReturnValue {
+    /**
+     * A readonly signal whose value is the unique identifier for the specific accordion item.
+     * This is used to identify the item and control its open/closed state within the accordion component.
+     */
+    value: ReadonlySignal<string>;
+    /**
+     * A readonly signal whose value indicates whether the accordion item is currently in an open (expanded) state.
+     * A value of `true` means the item's panel is visible, while `false` means it's hidden.
+     */
+    open: ReadonlySignal<boolean>;
+    /**
+     * A `QRL` function used to programmatically set the open state of the accordion item.
+     * This function toggles the item's visibility based on the provided boolean value.
+     */
+    setOpen$: QRL<(open: boolean) => void>;
+    /**
+     * A readonly signal whose value specifies if the accordion item is disabled.
+     * When `true`, the item cannot be interacted with by the user, and its trigger might be visually
+     * styled to reflect this inactive state.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

package/lib/components/accordion/hooks/use-accordion-item-trigger-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseAccordionItemTriggerContextReturnValue } from './use-accordion-item-trigger-context.types';
+export { useAccordionItemTriggerContext } from './use-accordion-item-trigger-context';

package/lib/components/accordion/hooks/use-accordion-item-trigger-context/use-accordion-item-trigger-context.d.ts

@@ -0,0 +1,7 @@
+import type { UseAccordionItemTriggerContextReturnValue } from './use-accordion-item-trigger-context.types';
+/**
+ * A hook that provides access to the `Accordion.ItemTrigger` component's internal state.
+ * It exposes a readonly signal to synchronize with the trigger's availability,
+ * reflecting its effective disabled or enabled status.
+ */
+export declare const useAccordionItemTriggerContext: () => UseAccordionItemTriggerContextReturnValue;

package/lib/components/accordion/hooks/use-accordion-item-trigger-context/use-accordion-item-trigger-context.qwik.mjs

@@ -0,0 +1,11 @@
+import { useContext } from "@qwik.dev/core";
+import { AccordionItemTriggerContext } from "../../contexts/accordion-item-trigger-context/accordion-item-trigger-context.qwik.mjs";
+const useAccordionItemTriggerContext = () => {
+  const { disabled } = useContext(AccordionItemTriggerContext);
+  return {
+    disabled
+  };
+};
+export {
+  useAccordionItemTriggerContext
+};

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

@@ -0,0 +1,13 @@
+import type { ReadonlySignal } from '@qwik.dev/core';
+/**
+ * The value returned by the `useAccordionItemTriggerContext` hook.
+ * Provides access to the accordion item trigger's readonly signal for descendant components.
+ */
+export interface UseAccordionItemTriggerContextReturnValue {
+    /**
+     * 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 `Accordion.Item` disabled state if not explicitly set.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

package/lib/components/accordion/hooks/use-accordion-root-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseAccordionRootContextReturnValue } from './use-accordion-root-context.types';
+export { useAccordionRootContext } from './use-accordion-root-context';

package/lib/components/accordion/hooks/use-accordion-root-context/use-accordion-root-context.d.ts

@@ -0,0 +1,8 @@
+import type { UseAccordionRootContextReturnValue } from './use-accordion-root-context.types';
+/**
+ * A hook that provides access to the `Accordion.Root` component's internal state.
+ * It exposes readonly signals and a `QRL` function to interact with the accordion's state,
+ * allowing descendant components to synchronize with or programmatically control
+ * which items are currently expanded.
+ */
+export declare const useAccordionRootContext: () => UseAccordionRootContextReturnValue;

package/lib/components/accordion/hooks/use-accordion-root-context/use-accordion-root-context.qwik.mjs

@@ -0,0 +1,13 @@
+import { useContext } from "@qwik.dev/core";
+import { AccordionRootContext } from "../../contexts/accordion-root-context/accordion-root-context.qwik.mjs";
+const useAccordionRootContext = () => {
+  const { value, setValue$, disabled } = useContext(AccordionRootContext);
+  return {
+    value,
+    setValue$,
+    disabled
+  };
+};
+export {
+  useAccordionRootContext
+};

package/lib/components/accordion/hooks/use-accordion-root-context/use-accordion-root-context.types.d.ts

@@ -0,0 +1,22 @@
+import type { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * The value returned by the `useAccordionRootContext` hook.
+ * Provides access to the accordion's readonly signals and `QRL` function for descendant components.
+ */
+export interface UseAccordionRootContextReturnValue {
+    /**
+     * A readonly signal whose value is an array of strings representing the currently expanded accordion item or items values.
+     * This signal reflects the internal state of which accordion items are open.
+     */
+    value: ReadonlySignal<string[]>;
+    /**
+     * A `QRL` function used to programmatically set the open state of the accordion items.
+     * This function takes an array of strings, where each string represents the value of the accordion items to be opened.
+     */
+    setValue$: QRL<(value: string[]) => void>;
+    /**
+     * A readonly signal whose value indicates whether the entire accordion is disabled.
+     * When `true`, all interaction with the accordion and its items is prevented.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

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

@@ -0,0 +1,2 @@
+export * as Accordion from './parts';
+export * from './hooks';

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

@@ -0,0 +1,10 @@
+import * as index from "./parts/index.qwik.mjs";
+import { useAccordionRootContext } from "./hooks/use-accordion-root-context/use-accordion-root-context.qwik.mjs";
+import { useAccordionItemContext } from "./hooks/use-accordion-item-context/use-accordion-item-context.qwik.mjs";
+import { useAccordionItemTriggerContext } from "./hooks/use-accordion-item-trigger-context/use-accordion-item-trigger-context.qwik.mjs";
+export {
+  index as Accordion,
+  useAccordionItemContext,
+  useAccordionItemTriggerContext,
+  useAccordionRootContext
+};

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

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