@entry-ui/qwik 0.7.0 → 0.9.0

package/lib/components/collapsible/parts/collapsible-panel/collapsible-panel.qwik.mjs

@@ -1,188 +1,34 @@
 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 { component$, useSignal, $, Slot } from "@qwik.dev/core";
 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 { CollapsiblePanel as CollapsiblePanel$1 } from "../../../../_internal/components/collapsible-panel/collapsible-panel.qwik.mjs";
 import { useCollapsibleRootContext } from "../../contexts/collapsible-root-context/collapsible-root-context.qwik.mjs";
 const CollapsiblePanel = component$((props) => {
-  const { as = "div", ref: _ref, id, hiddenUntilFound: _hiddenUntilFound = false, onOpenChangeComplete$, onBeforematch$, style, ...others } = props;
+  const { as = "div", ref: _ref, id, hiddenUntilFound = false, ...others } = props;
   const { open, setOpen$, disabled, panelId, triggerId } = useCollapsibleRootContext();
   const ref = useSignal(void 0);
-  const hidden = useSignal(!open.value);
-  const state = useSignal(open.value ? "open" : "closed");
-  const height = useSignal(open.value ? "auto" : _hiddenUntilFound ? disabled.value ? "0px" : "none" : "0px");
-  const isBeforeMatch = useSignal(false);
-  const preventInitialAnimation = useSignal(true);
-  const hiddenUntilFound = useComputed$(() => disabled.value ? false : _hiddenUntilFound);
-  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-collapsible-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-collapsible-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-collapsible-panel-height", "0px");
-            setTimeout(() => {
-              height.value = `${panelHeight}px`;
-              panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", `${panelHeight}px`);
-            }, 0);
-          } else {
-            height.value = `${panelHeight}px`;
-            panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", `${panelHeight}px`);
-          }
-        } else {
-          height.value = `${panelHeight}px`;
-          panelRef.style.setProperty("--entry-ui-qwik-collapsible-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-collapsible-panel-height", `${panelHeight}px`);
-            setTimeout(() => {
-              height.value = "0px";
-              panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", "0px");
-            }, 0);
-          } else {
-            height.value = "0px";
-            panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", "0px");
-          }
-        } else {
-          height.value = `${panelHeight}px`;
-          panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", `${panelHeight}px`);
-        }
-      }
-      const applyFinalState = () => {
-        if (isOpen) {
-          height.value = "auto";
-          panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", "auto");
-        } else {
-          hidden.value = true;
-          if (hiddenUntilFound.value) {
-            height.value = "none";
-            panelRef.style.setProperty("--entry-ui-qwik-collapsible-panel-height", "none");
-          } else {
-            height.value = "0px";
-            panelRef.style.setProperty("--entry-ui-qwik-collapsible-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 'Collapsible.Panel' 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, {
+  return /* @__PURE__ */ jsx(CollapsiblePanel$1, {
     as,
+    componentName: "Collapsible.Panel",
+    heightVariableName: "--entry-ui-qwik-collapsible-panel-height",
+    open: open.value,
+    setOpen$,
+    hiddenUntilFound,
+    disabled: disabled.value,
     ref: mergeRefs([
       _ref,
       ref
     ]),
     id: panelId.id.value,
     role: triggerId.id.value ? "group" : void 0,
-    hidden: hidden.value ? hiddenUntilFound.value ? "until-found" : "hidden" : void 0,
     "aria-labelledby": triggerId.id.value,
     "data-entry-ui-qwik-collapsible-panel": "",
-    "data-state": state.value,
-    "data-disabled": disabled.value ? "" : void 0,
-    onBeforematch$: [
-      onBeforematch$,
-      handleBeforeMatchSync$,
-      handleBeforeMatch$
-    ],
-    style: mergedStyles.value,
     ...others,
     children: /* @__PURE__ */ jsx(Slot, {})
   });

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

@@ -2,11 +2,10 @@ import { jsx } from "@qwik.dev/core/jsx-runtime";
 import { component$, useComputed$, useContextProvider, Slot } from "@qwik.dev/core";
 import { useControllable } from "../../../../hooks/use-controllable/use-controllable.qwik.mjs";
 import { useIdManager } from "../../../../_internal/hooks/use-id-manager/use-id-manager.qwik.mjs";
-import { mergeStyles } from "../../../../utilities/merge-styles/merge-styles.qwik.mjs";
 import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
 import { CollapsibleRootContext } from "../../contexts/collapsible-root-context/collapsible-root-context.qwik.mjs";
 const CollapsibleRoot = component$((props) => {
-  const { as = "div", defaultOpen, open: _open, onOpenChange$, disabled: _disabled = false, style, ...others } = props;
+  const { as = "div", defaultOpen, open: _open, onOpenChange$, disabled: _disabled = false, ...others } = props;
   const { state: open, setState$: setOpen$ } = useControllable({
     defaultValue: defaultOpen ?? false,
     controlledSignal: _open,
@@ -31,22 +30,6 @@ const CollapsibleRoot = component$((props) => {
     "data-entry-ui-qwik-collapsible-root": "",
     "data-state": open.value ? "open" : "closed",
     "data-disabled": disabled.value ? "" : void 0,
-    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 component
-        // 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 the collapsible panel 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 collapsible component as an independent unit.
-        contain: "layout style"
-      },
-      style
-    ]),
     ...others,
     children: /* @__PURE__ */ jsx(Slot, {})
   });

package/lib/components/copy-button/contexts/copy-button-root-context/copy-button-root-context.d.ts

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

package/lib/components/copy-button/contexts/copy-button-root-context/copy-button-root-context.qwik.mjs

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

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

@@ -0,0 +1,24 @@
+import type { ReadonlySignal } from '@qwik.dev/core';
+/**
+ * The value provided by the `CopyButtonRootContext` context.
+ * Contains the readonly signals shared with descendant components.
+ */
+export interface CopyButtonRootContextValue {
+    /**
+     * A readonly signal whose value indicates whether the text was successfully copied.
+     * It is `true` immediately after a successful copy operation and reverts to `false`
+     * after the specified timeout.
+     */
+    copied: ReadonlySignal<boolean>;
+    /**
+     * A readonly signal representing the current error state of the clipboard operation.
+     * It returns `"NOT_SUPPORTED"` if the API is unavailable, `"COPY_FAILED"` if the
+     * operation was rejected, or `null` if the last operation was successful.
+     */
+    error: ReadonlySignal<'NOT_SUPPORTED' | 'COPY_FAILED' | null>;
+    /**
+     * A readonly signal whose value indicates the copy button's current disabled state.
+     * It is `true` when the button is prevented from user interaction.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

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

@@ -0,0 +1,2 @@
+export type { CopyButtonRootContextValue } from './copy-button-root-context.types';
+export { CopyButtonRootContext, useCopyButtonRootContext } from './copy-button-root-context';

package/lib/components/copy-button/contexts/index.d.ts

@@ -0,0 +1 @@
+export * from './copy-button-root-context';

package/lib/components/copy-button/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-copy-button-root-context';

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

@@ -0,0 +1,2 @@
+export type { UseCopyButtonRootContextReturnValue } from './use-copy-button-root-context.types';
+export { useCopyButtonRootContext } from './use-copy-button-root-context';

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

@@ -0,0 +1,7 @@
+import type { UseCopyButtonRootContextReturnValue } from './use-copy-button-root-context.types';
+/**
+ * A hook that provides access to the `CopyButton.Root` component's internal state.
+ * It exposes readonly signals to interact with the copy button's state,
+ * allowing descendant components to react to its `copied`, `error`, or `disabled` state.
+ */
+export declare const useCopyButtonRootContext: () => UseCopyButtonRootContextReturnValue;

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

@@ -0,0 +1,13 @@
+import { useContext } from "@qwik.dev/core";
+import { CopyButtonRootContext } from "../../contexts/copy-button-root-context/copy-button-root-context.qwik.mjs";
+const useCopyButtonRootContext = () => {
+  const { copied, error, disabled } = useContext(CopyButtonRootContext);
+  return {
+    copied,
+    error,
+    disabled
+  };
+};
+export {
+  useCopyButtonRootContext
+};

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

@@ -0,0 +1,24 @@
+import type { ReadonlySignal } from '@qwik.dev/core';
+/**
+ * The value returned by the `useCopyButtonRootContext` hook.
+ * Provides access to the copy button's readonly signals for descendant components.
+ */
+export interface UseCopyButtonRootContextReturnValue {
+    /**
+     * A readonly signal whose value indicates whether the text was successfully copied.
+     * It is `true` immediately after a successful copy operation and reverts to `false`
+     * after the specified timeout.
+     */
+    copied: ReadonlySignal<boolean>;
+    /**
+     * A readonly signal representing the current error state of the clipboard operation.
+     * It returns `"NOT_SUPPORTED"` if the API is unavailable, `"COPY_FAILED"` if the
+     * operation was rejected, or `null` if the last operation was successful.
+     */
+    error: ReadonlySignal<'NOT_SUPPORTED' | 'COPY_FAILED' | null>;
+    /**
+     * A readonly signal whose value indicates the copy button's current disabled state.
+     * It is `true` when the button is prevented from user interaction.
+     */
+    disabled: ReadonlySignal<boolean>;
+}

package/lib/components/copy-button/index.d.ts

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

package/lib/components/copy-button/index.qwik.mjs

@@ -0,0 +1,6 @@
+import * as index from "./parts/index.qwik.mjs";
+import { useCopyButtonRootContext } from "./hooks/use-copy-button-root-context/use-copy-button-root-context.qwik.mjs";
+export {
+  index as CopyButton,
+  useCopyButtonRootContext
+};

package/lib/components/copy-button/parts/copy-button-indicator/copy-button-indicator.d.ts

@@ -0,0 +1,9 @@
+import type { CopyButtonIndicatorProps } from './copy-button-indicator.types';
+/**
+ * An optional visual indicator that reflects the copy button's state.
+ * It typically displays an icon or other visual cue to show
+ * whether the content has been successfully copied or if an error occurred.
+ *
+ * Renders a `<span>` element.
+ */
+export declare const CopyButtonIndicator: import("@qwik.dev/core").Component<CopyButtonIndicatorProps>;

package/lib/components/copy-button/parts/copy-button-indicator/copy-button-indicator.qwik.mjs

@@ -0,0 +1,20 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, Slot } from "@qwik.dev/core";
+import { Indicator } from "../../../../_internal/components/indicator/indicator.qwik.mjs";
+import { useCopyButtonRootContext } from "../../contexts/copy-button-root-context/copy-button-root-context.qwik.mjs";
+const CopyButtonIndicator = component$((props) => {
+  const { as = "span", ...others } = props;
+  const { copied, error, disabled } = useCopyButtonRootContext();
+  return /* @__PURE__ */ jsx(Indicator, {
+    as,
+    "data-entry-ui-qwik-copy-button-indicator": "",
+    "data-copied": copied.value ? "" : void 0,
+    "data-error": error.value ? "" : void 0,
+    "data-disabled": disabled.value ? "" : void 0,
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  CopyButtonIndicator
+};

package/lib/components/copy-button/parts/copy-button-indicator/copy-button-indicator.types.d.ts

@@ -0,0 +1,15 @@
+import { PropsOf, Component } from '@qwik.dev/core';
+/**
+ * Props for the `CopyButton.Indicator` component.
+ * Extends the standard HTML attributes for a `<span>` element.
+ */
+export interface CopyButtonIndicatorProps 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/copy-button/parts/copy-button-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export type { CopyButtonIndicatorProps } from './copy-button-indicator.types';
+export { CopyButtonIndicator } from './copy-button-indicator';

package/lib/components/copy-button/parts/copy-button-root/copy-button-root.d.ts

@@ -0,0 +1,7 @@
+import type { CopyButtonRootProps } from './copy-button-root.types';
+/**
+ * Contains the content for the copy button.
+ *
+ * Renders a `<button>` element.
+ */
+export declare const CopyButtonRoot: import("@qwik.dev/core").Component<CopyButtonRootProps>;

package/lib/components/copy-button/parts/copy-button-root/copy-button-root.qwik.mjs

@@ -0,0 +1,47 @@
+import { jsx } from "@qwik.dev/core/jsx-runtime";
+import { component$, useComputed$, $, useContextProvider, Slot } from "@qwik.dev/core";
+import { useControllable } from "../../../../hooks/use-controllable/use-controllable.qwik.mjs";
+import { useClipboard } from "../../../../hooks/use-clipboard/use-clipboard.qwik.mjs";
+import { Primitive } from "../../../../_internal/components/primitive/primitive.qwik.mjs";
+import { CopyButtonRootContext } from "../../contexts/copy-button-root-context/copy-button-root-context.qwik.mjs";
+const CopyButtonRoot = component$((props) => {
+  const { as = "button", defaultText, text: _text, onStatusChange$, timeoutMs = 3e3, disabled: _disabled = false, onClick$, ...others } = props;
+  const { state: text } = useControllable({
+    defaultValue: defaultText ?? "",
+    controlledSignal: _text
+  });
+  const { copied, error, copy$ } = useClipboard({
+    timeoutMs,
+    onStatusChange$
+  });
+  const disabled = useComputed$(() => _disabled);
+  const handleClick$ = $(async (event) => {
+    const entryUIQwikEvent = event;
+    if (!entryUIQwikEvent.entryUIQwikHandlerPrevented && !disabled.value && !copied.value) {
+      await copy$(text.value);
+    }
+  });
+  useContextProvider(CopyButtonRootContext, {
+    copied,
+    error,
+    disabled
+  });
+  return /* @__PURE__ */ jsx(Primitive.button, {
+    as,
+    type: "button",
+    disabled: disabled.value,
+    "data-entry-ui-qwik-copy-button-root": "",
+    "data-copied": copied.value ? "" : void 0,
+    "data-error": error.value ? "" : void 0,
+    "data-disabled": disabled.value ? "" : void 0,
+    onClick$: [
+      onClick$,
+      handleClick$
+    ],
+    ...others,
+    children: /* @__PURE__ */ jsx(Slot, {})
+  });
+});
+export {
+  CopyButtonRoot
+};

package/lib/components/copy-button/parts/copy-button-root/copy-button-root.types.d.ts

@@ -0,0 +1,52 @@
+import type { PropsOf, Component, Signal, QRL } from '@qwik.dev/core';
+/**
+ * Props for the `CopyButton.Root` component.
+ * Extends the standard HTML attributes for a `<button>` element.
+ */
+export interface CopyButtonRootProps 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;
+    /**
+     * The text value to be copied when the component is initially rendered.
+     * Use when you do not need to control the text state.
+     *
+     * @default undefined
+     */
+    defaultText?: string;
+    /**
+     * The controlled text value to be copied.
+     *
+     * @default undefined
+     */
+    text?: Signal<string>;
+    /**
+     * An optional `QRL` callback function that is invoked whenever the clipboard status changes.
+     * It provides a detailed object reflecting whether the text was successfully copied
+     * or if an error occurred. This callback is also triggered when the status
+     * is automatically cleared after the `timeoutMs` duration has elapsed.
+     *
+     * @default undefined
+     */
+    onStatusChange$?: QRL<(details: {
+        copied: boolean;
+        error: 'NOT_SUPPORTED' | 'COPY_FAILED' | null;
+    }) => void>;
+    /**
+     * The duration in milliseconds before the copied state automatically resets to `false`.
+     *
+     * @default 3000
+     */
+    timeoutMs?: number;
+    /**
+     * When `true`, prevents the user from interacting with the copy button.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+}

package/lib/components/copy-button/parts/copy-button-root/index.d.ts

@@ -0,0 +1,2 @@
+export type { CopyButtonRootProps } from './copy-button-root.types';
+export { CopyButtonRoot } from './copy-button-root';

package/lib/components/copy-button/parts/index.d.ts

@@ -0,0 +1,4 @@
+export type { CopyButtonRootProps as RootProps } from './copy-button-root';
+export type { CopyButtonIndicatorProps as IndicatorProps } from './copy-button-indicator';
+export { CopyButtonRoot as Root } from './copy-button-root';
+export { CopyButtonIndicator as Indicator } from './copy-button-indicator';

package/lib/components/copy-button/parts/index.qwik.mjs

@@ -0,0 +1,6 @@
+import { CopyButtonRoot } from "./copy-button-root/copy-button-root.qwik.mjs";
+import { CopyButtonIndicator } from "./copy-button-indicator/copy-button-indicator.qwik.mjs";
+export {
+  CopyButtonIndicator as Indicator,
+  CopyButtonRoot as Root
+};

package/lib/components/index.d.ts

@@ -1,5 +1,8 @@
 export * from './accordion';
 export * from './alert';
 export * from './collapsible';
+export * from './copy-button';
+export * from './roving-focus-group';
 export * from './separator';
+export * from './tabs';
 export * from './toggle';

package/lib/components/roving-focus-group/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './roving-focus-group-root-context';
+export * from './roving-focus-group-item-context';

package/lib/components/roving-focus-group/contexts/roving-focus-group-item-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { RovingFocusGroupItemContextValue } from './roving-focus-group-item-context.types';
+export { RovingFocusGroupItemContext } from './roving-focus-group-item-context';

package/lib/components/roving-focus-group/contexts/roving-focus-group-item-context/roving-focus-group-item-context.d.ts

@@ -0,0 +1,6 @@
+import type { RovingFocusGroupItemContextValue } from './roving-focus-group-item-context.types';
+/**
+ * Provides the context for the `RovingFocusGroup.Item` component, allowing descendant
+ * components to access readonly signals without prop drilling.
+ */
+export declare const RovingFocusGroupItemContext: import("@qwik.dev/core").ContextId<RovingFocusGroupItemContextValue>;

package/lib/components/roving-focus-group/contexts/roving-focus-group-item-context/roving-focus-group-item-context.qwik.mjs

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

package/lib/components/roving-focus-group/contexts/roving-focus-group-item-context/roving-focus-group-item-context.types.d.ts

@@ -0,0 +1,22 @@
+import type { ReadonlySignal } from '@qwik.dev/core';
+/**
+ * The value provided by the `RovingFocusGroupItemContext` context.
+ * Contains the readonly signals shared with descendant components.
+ */
+export interface RovingFocusGroupItemContextValue {
+    /**
+     * A readonly signal whose value is the unique identifier for the specific roving focus item.
+     * This ID is used to track and manage the item's active state within the group.
+     */
+    tabStopId: ReadonlySignal<string>;
+    /**
+     * A readonly signal whose value indicates whether this specific item is currently the active tab stop.
+     * When `true`, the item's `tabIndex` is set to `0`, allowing it to receive keyboard focus.
+     */
+    active: ReadonlySignal<boolean>;
+    /**
+     * A readonly signal specifying if the item is capable of receiving focus.
+     * When `false`, the item is skipped during navigation and cannot be activated by the user.
+     */
+    focusable: ReadonlySignal<boolean>;
+}

package/lib/components/roving-focus-group/contexts/roving-focus-group-root-context/index.d.ts

@@ -0,0 +1,2 @@
+export type { RovingFocusGroupRootContextValue } from './roving-focus-group-root-context.types';
+export { RovingFocusGroupRootContext, useRovingFocusGroupRootContext } from './roving-focus-group-root-context';

package/lib/components/roving-focus-group/contexts/roving-focus-group-root-context/roving-focus-group-root-context.d.ts

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

package/lib/components/roving-focus-group/contexts/roving-focus-group-root-context/roving-focus-group-root-context.qwik.mjs

@@ -0,0 +1,10 @@
+import { createContextId, useContext } from "@qwik.dev/core";
+const RovingFocusGroupRootContext = createContextId("entry-ui-qwik-roving-focus-group-root-context");
+const useRovingFocusGroupRootContext = () => {
+  const context = useContext(RovingFocusGroupRootContext);
+  return context;
+};
+export {
+  RovingFocusGroupRootContext,
+  useRovingFocusGroupRootContext
+};