@entry-ui/qwik 0.6.0 → 0.8.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

@@ -1 +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/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>;

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

@@ -0,0 +1,49 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useComputed$, $, useContextProvider, Slot } from "@qwik.dev/core";
+import { useId } from "../../../../_internal/hooks/use-id/use-id.qwik.mjs";
+import { useIdManager } from "../../../../_internal/hooks/use-id-manager/use-id-manager.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { useAccordionRootContext } from "../../contexts/accordion-root-context/accordion-root-context.qwik.mjs";
+import { AccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+const AccordionItem = component$((props) => {
+  const { as = "div", value: _value, disabled: _disabled = false, ...others } = props;
+  const { value: rootValue, disabled: rootDisabled, onItemOpen$, onItemClose$ } = useAccordionRootContext();
+  const fallbackValue = useId({
+    prefix: "entry-ui-qwik-accordion-item-"
+  });
+  const value = useComputed$(() => _value ?? fallbackValue);
+  const open = useComputed$(() => rootValue.value.includes(value.value));
+  const disabled = useComputed$(() => _disabled || rootDisabled.value);
+  const triggerId = useIdManager({
+    prefix: "entry-ui-qwik-accordion-item-trigger-"
+  });
+  const panelId = useIdManager({
+    prefix: "entry-ui-qwik-accordion-item-panel-"
+  });
+  const setOpen$ = $((open2) => {
+    if (open2) {
+      onItemOpen$(value.value);
+    } else {
+      onItemClose$(value.value);
+    }
+  });
+  useContextProvider(AccordionItemContext, {
+    value,
+    open,
+    setOpen$,
+    disabled,
+    triggerId,
+    panelId
+  });
+  return /* @__PURE__ */ jsx(Primitive.div, {
+    as,
+    "data-entry-ui-qwik-accordion-item": "",
+    "data-state": open.value ? "open" : "closed",
+    "data-disabled": disabled.value ? "" : void 0,
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionItem
+};

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

@@ -0,0 +1,29 @@
+import { PropsOf, Component } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.Item` component.
+ * Extends the standard HTML attributes for a `<div>` element.
+ */
+export interface AccordionItemProps 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;
+    /**
+     * A unique value that identifies this accordion item.
+     * If no value is provided, a unique ID will be generated automatically.
+     * Use when controlling the accordion programmatically, or to set an initial open state.
+     *
+     * @default undefined
+     */
+    value?: string;
+    /**
+     * When `true`, prevents the user from interacting with the accordion item.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}

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

@@ -0,0 +1,2 @@
+export type { AccordionItemProps } from './accordion-item.types';
+export { AccordionItem } from './accordion-item';

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

@@ -0,0 +1,11 @@
+import type { AccordionItemHeaderProps } from './accordion-item-header.types';
+/**
+ * A heading that labels the corresponding panel.
+ *
+ * It provides a semantic structure to the collapsible section,
+ * ensuring it follows accessibility best practices by wrapping
+ * the interactive trigger in a heading element.
+ *
+ * Renders an `<h3>` element.
+ */
+export declare const AccordionItemHeader: import("@qwik.dev/core").Component<AccordionItemHeaderProps>;

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

@@ -0,0 +1,19 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { useAccordionItemContext } from "../../contexts/accordion-item-context/accordion-item-context.qwik.mjs";
+const AccordionItemHeader = component$((props) => {
+  const { as = "h3", ...others } = props;
+  const { open, disabled } = useAccordionItemContext();
+  return /* @__PURE__ */ jsx(Primitive.h3, {
+    as,
+    "data-entry-ui-qwik-accordion-item-header": "",
+    "data-state": open.value ? "open" : "closed",
+    "data-disabled": disabled.value ? "" : void 0,
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  AccordionItemHeader
+};

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

@@ -0,0 +1,15 @@
+import { PropsOf, Component } from '@qwik.dev/core';
+/**
+ * Props for the `Accordion.ItemHeader` component.
+ * Extends the standard HTML attributes for an `<h3>` element.
+ */
+export interface AccordionItemHeaderProps extends PropsOf<'h3'> {
+    /**
+     * 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 "h3"
+     */
+    as?: string | Component;
+}

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

@@ -0,0 +1,2 @@
+export type { AccordionItemHeaderProps } from './accordion-item-header.types';
+export { AccordionItemHeader } from './accordion-item-header';

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

@@ -0,0 +1,8 @@
+import type { AccordionItemIndicatorProps } from './accordion-item-indicator.types';
+/**
+ * An optional visual indicator that reflects the item's open or closed state.
+ * It typically displays an icon or other visual cue to show the current status.
+ *
+ * Renders a `<span>` element.
+ */
+export declare const AccordionItemIndicator: import("@qwik.dev/core").Component<AccordionItemIndicatorProps>;