@entry-ui/qwik 0.7.0 → 0.8.0

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,29 @@
+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 { useCopyButtonRootContext } from "../../contexts/copy-button-root-context/copy-button-root-context.qwik.mjs";
+const CopyButtonIndicator = component$((props) => {
+  const { as = "span", style, ...others } = props;
+  const { copied, error, disabled } = useCopyButtonRootContext();
+  return /* @__PURE__ */ jsx(Primitive.span, {
+    as,
+    "aria-hidden": "true",
+    "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,
+    style: mergeStyles([
+      {
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      style
+    ]),
+    ...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,6 @@
 export * from './accordion';
 export * from './alert';
 export * from './collapsible';
+export * from './copy-button';
 export * from './separator';
 export * from './toggle';

package/lib/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-boolean';
+export * from './use-clipboard';
 export * from './use-controllable';
 export * from './use-counter';
 export * from './use-cycle';

package/lib/hooks/use-clipboard/index.d.ts

@@ -0,0 +1,2 @@
+export type { UseClipboardParams, UseClipboardReturnValue } from './use-clipboard.types';
+export { useClipboard } from './use-clipboard';

package/lib/hooks/use-clipboard/index.qwik.mjs

@@ -0,0 +1,4 @@
+import { useClipboard } from "./use-clipboard.qwik.mjs";
+export {
+  useClipboard
+};

package/lib/hooks/use-clipboard/use-clipboard.d.ts

@@ -0,0 +1,19 @@
+import type { UseClipboardParams, UseClipboardReturnValue } from './use-clipboard.types';
+/**
+ * A hook that provides an interface for interacting with the system clipboard.
+ *
+ * This hook encapsulates the complexity of the asynchronous Clipboard API, exposing
+ * its state through readonly signals for predictable data flow. It manages both
+ * success and error states, ensuring that UI feedback remains consistent across
+ * different browser environments.
+ *
+ * It features a built-in auto-reset mechanism via the `timeoutMs` parameter,
+ * which automatically clears the `copied` and `error` states after a specified duration.
+ * An optional `onStatusChange$` callback allows reacting to changes in the
+ * operation status from outside the hook.
+ *
+ * To ensure stability and security, the hook includes development-time checks
+ * to prevent server-side execution, as clipboard operations strictly require
+ * a browser environment and typically a user gesture.
+ */
+export declare const useClipboard: (params?: UseClipboardParams) => UseClipboardReturnValue;

package/lib/hooks/use-clipboard/use-clipboard.qwik.mjs

@@ -0,0 +1,87 @@
+import { useSignal, $ } from "@qwik.dev/core";
+import { copyToClipboard } from "@entry-ui/utilities/copy-to-clipboard";
+import { fail } from "../../_internal/utilities/fail/fail.qwik.mjs";
+import { error } from "../../_internal/utilities/error/error.qwik.mjs";
+import { isDev, isServer } from "@qwik.dev/core/build";
+const useClipboard = (params = {}) => {
+  const { timeoutMs = 3e3, onStatusChange$ } = params;
+  const error$1 = useSignal(null);
+  const copied = useSignal(false);
+  const copyTimeout = useSignal(-1);
+  const copy$ = $(async (value) => {
+    if (isDev && isServer) {
+      fail([
+        `The 'copy$' QRL function from the 'useClipboard' hook cannot be called during server-side rendering (SSR).`,
+        `Clipboard API is only available in the browser.`,
+        `Ensure it's only invoked in the browser environment.`
+      ]);
+    }
+    const win = document.defaultView || window;
+    await copyToClipboard({
+      value,
+      onSuccess: () => {
+        win.clearTimeout(copyTimeout.value);
+        copyTimeout.value = win.setTimeout(() => {
+          copied.value = false;
+          error$1.value = null;
+          onStatusChange$?.({
+            copied: false,
+            error: null
+          });
+        }, timeoutMs);
+        copied.value = true;
+        error$1.value = null;
+        onStatusChange$?.({
+          copied: true,
+          error: null
+        });
+      },
+      onError: (err) => {
+        const { type, message } = err;
+        copied.value = false;
+        error$1.value = type;
+        onStatusChange$?.({
+          copied: false,
+          error: type
+        });
+        if (isDev) {
+          if (type === "NOT_SUPPORTED") {
+            error([
+              `An error occurred during the 'copy$' QRL function execution in 'useClipboard' hook.`,
+              `Clipboard API is not supported in this browser.`,
+              `Consider using a modern browser with Clipboard API support.`
+            ]);
+          }
+          if (type === "COPY_FAILED") {
+            error([
+              `An error occurred during the 'copy$' QRL function execution in 'useClipboard' hook.`,
+              `The copy operation failed.`,
+              ...message ? [
+                `Check clipboard permissions: ${message}`
+              ] : []
+            ]);
+          }
+        }
+      }
+    });
+  });
+  const reset$ = $(() => {
+    copied.value = false;
+    error$1.value = null;
+    const win = document.defaultView || window;
+    win.clearTimeout(copyTimeout.value);
+    onStatusChange$?.({
+      copied: false,
+      error: null
+    });
+  });
+  return {
+    copied,
+    error: error$1,
+    copy$,
+    reset$
+  };
+};
+export {
+  useClipboard
+};

package/lib/hooks/use-clipboard/use-clipboard.types.d.ts

@@ -0,0 +1,58 @@
+import type { ReadonlySignal, QRL } from '@qwik.dev/core';
+/**
+ * Configuration parameters for the `useClipboard` hook.
+ */
+export interface UseClipboardParams {
+    /**
+     * The duration in milliseconds before the `copied` signal automatically reverts
+     * to `false` and the `error` state is cleared after a successful copy operation.
+     *
+     * @default 3000
+     */
+    timeoutMs?: number;
+    /**
+     * An optional `QRL` callback invoked whenever the clipboard operation status changes.
+     * It provides a detailed object containing the current `copied` state and any
+     * associated `error`. This callback is triggered upon a successful copy,
+     * when an error occurs, or when the state is reset (either automatically
+     * after `timeoutMs` or manually via `reset$`).
+     *
+     * @default undefined
+     */
+    onStatusChange$?: QRL<(details: {
+        copied: boolean;
+        error: 'NOT_SUPPORTED' | 'COPY_FAILED' | null;
+    }) => void>;
+}
+/**
+ * Represents the object returned by the `useClipboard` hook.
+ */
+export interface UseClipboardReturnValue {
+    /**
+     * A readonly signal that indicates whether a text string was successfully copied.
+     * This value is set to `true` immediately after a successful copy operation
+     * and automatically reverts to `false` after the specified `timeoutMs` duration
+     * has elapsed or if the state is manually reset.
+     */
+    copied: ReadonlySignal<boolean>;
+    /**
+     * A readonly signal representing the current error state of the clipboard operation.
+     * Returns `"NOT_SUPPORTED"` if the Clipboard API is unavailable in the environment,
+     * `"COPY_FAILED"` if the operation was rejected (e.g., due to lack of permissions),
+     * or `null` if the last operation was successful or has been reset.
+     */
+    error: ReadonlySignal<'NOT_SUPPORTED' | 'COPY_FAILED' | null>;
+    /**
+     * A `QRL` function that asynchronously transfers a provided string to the system clipboard.
+     * This function must be invoked in a browser environment, typically as a result
+     * of a user gesture (like a click), and updates the `copied` and `error` signals
+     * based on the outcome of the operation.
+     */
+    copy$: QRL<(value: string) => Promise<void>>;
+    /**
+     * A `QRL` function that restores the hook's state to its initial values.
+     * It sets `copied` to `false`, clears any active `error`, and cancels any
+     * pending timeout scheduled to reset the success state.
+     */
+    reset$: QRL<() => void>;
+}

package/lib/index.qwik.mjs

@@ -6,10 +6,13 @@ import * as index$1 from "./components/alert/parts/index.qwik.mjs";
 import * as index$2 from "./components/collapsible/parts/index.qwik.mjs";
 import { useCollapsibleRootContext } from "./components/collapsible/hooks/use-collapsible-root-context/use-collapsible-root-context.qwik.mjs";
 import { useCollapsibleTriggerContext } from "./components/collapsible/hooks/use-collapsible-trigger-context/use-collapsible-trigger-context.qwik.mjs";
-import * as index$3 from "./components/separator/parts/index.qwik.mjs";
-import * as index$4 from "./components/toggle/parts/index.qwik.mjs";
+import * as index$3 from "./components/copy-button/parts/index.qwik.mjs";
+import { useCopyButtonRootContext } from "./components/copy-button/hooks/use-copy-button-root-context/use-copy-button-root-context.qwik.mjs";
+import * as index$4 from "./components/separator/parts/index.qwik.mjs";
+import * as index$5 from "./components/toggle/parts/index.qwik.mjs";
 import { useToggleRootContext } from "./components/toggle/hooks/use-toggle-root-context/use-toggle-root-context.qwik.mjs";
 import { useBoolean } from "./hooks/use-boolean/use-boolean.qwik.mjs";
+import { useClipboard } from "./hooks/use-clipboard/use-clipboard.qwik.mjs";
 import { useControllable } from "./hooks/use-controllable/use-controllable.qwik.mjs";
 import { useCounter } from "./hooks/use-counter/use-counter.qwik.mjs";
 import { useCycle } from "./hooks/use-cycle/use-cycle.qwik.mjs";
@@ -21,8 +24,9 @@ export {
   index as Accordion,
   index$1 as Alert,
   index$2 as Collapsible,
-  index$3 as Separator,
-  index$4 as Toggle,
+  index$3 as CopyButton,
+  index$4 as Separator,
+  index$5 as Toggle,
   makeEventPreventable,
   mergeRefs,
   mergeStyles,
@@ -30,9 +34,11 @@ export {
   useAccordionItemTriggerContext,
   useAccordionRootContext,
   useBoolean,
+  useClipboard,
   useCollapsibleRootContext,
   useCollapsibleTriggerContext,
   useControllable,
+  useCopyButtonRootContext,
   useCounter,
   useCycle,
   useLifecycle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entry-ui/qwik",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/ZAHON/entry-ui#readme",
@@ -27,6 +27,10 @@
       "types": "./lib/components/collapsible/index.d.ts",
       "import": "./lib/components/collapsible/index.qwik.mjs"
     },
+    "./copy-button": {
+      "types": "./lib/components/copy-button/index.d.ts",
+      "import": "./lib/components/copy-button/index.qwik.mjs"
+    },
     "./separator": {
       "types": "./lib/components/separator/index.d.ts",
       "import": "./lib/components/separator/index.qwik.mjs"
@@ -39,6 +43,10 @@
       "types": "./lib/hooks/use-boolean/index.d.ts",
       "import": "./lib/hooks/use-boolean/index.qwik.mjs"
     },
+    "./use-clipboard": {
+      "types": "./lib/hooks/use-clipboard/index.d.ts",
+      "import": "./lib/hooks/use-clipboard/index.qwik.mjs"
+    },
     "./use-controllable": {
       "types": "./lib/hooks/use-controllable/index.d.ts",
       "import": "./lib/hooks/use-controllable/index.qwik.mjs"
@@ -108,7 +116,7 @@
     "qwik": "qwik"
   },
   "dependencies": {
-    "@entry-ui/utilities": "^0.6.0"
+    "@entry-ui/utilities": "^0.7.0"
   },
   "devDependencies": {
     "@entry-ui/eslint": "workspace:*",