@pzerelles/headlessui-svelte 2.1.2-next.19 → 2.1.2-next.20

package/dist/popover/context.svelte.d.ts

@@ -0,0 +1,51 @@
+import type { MouseEventHandler } from "svelte/elements";
+export type MouseEvent<T extends EventTarget> = Parameters<MouseEventHandler<T>>[0];
+export declare enum PopoverStates {
+    Open = 0,
+    Closed = 1
+}
+export interface StateDefinition {
+    popoverState: PopoverStates;
+    buttons: symbol[];
+    button?: HTMLElement;
+    buttonId?: string;
+    panel?: HTMLElement;
+    panelId?: string;
+    beforePanelSentinel?: HTMLButtonElement;
+    afterPanelSentinel?: HTMLButtonElement;
+    afterButtonSentinel?: HTMLButtonElement;
+    __demoMode: boolean;
+}
+interface ActionDefinition {
+    togglePopover(): void;
+    closePopover(): void;
+    setButton(button: HTMLElement): void;
+    setButtonId(buttonId: string | undefined): void;
+    setPanel(panel?: HTMLElement): void;
+    setPanelId(panelId?: string): void;
+}
+export type PopoverContext = StateDefinition & ActionDefinition;
+export declare const createPopoverContext: (initialState: StateDefinition) => PopoverContext;
+export declare function usePopoverContext(component: string): PopoverContext;
+export type PopoverAPIContext = {
+    close(focusableElement?: HTMLElement | MouseEvent<HTMLElement>): void;
+    isPortalled: boolean;
+};
+export declare function usePopoverAPIContext(component: string): PopoverAPIContext;
+export type PopoverGroupContext = {
+    registerPopover(registerBag: PopoverRegisterBag): void;
+    unregisterPopover(registerBag: PopoverRegisterBag): void;
+    isFocusWithinPopoverGroup(): boolean;
+    closeOthers(buttonId: string): void;
+};
+export declare function usePopoverGroupContext(): PopoverGroupContext | undefined;
+export type PopoverPanelContext = {
+    value: string;
+};
+export declare function usePopoverPanelContext(): PopoverPanelContext | undefined;
+export interface PopoverRegisterBag {
+    buttonId?: string;
+    panelId?: string;
+    close(): void;
+}
+export {};

package/dist/popover/context.svelte.js

@@ -0,0 +1,108 @@
+import { getContext, setContext } from "svelte";
+export var PopoverStates;
+(function (PopoverStates) {
+    PopoverStates[PopoverStates["Open"] = 0] = "Open";
+    PopoverStates[PopoverStates["Closed"] = 1] = "Closed";
+})(PopoverStates || (PopoverStates = {}));
+export const createPopoverContext = (initialState) => {
+    const _state = $state(initialState);
+    const context = {
+        get popoverState() {
+            return _state.popoverState;
+        },
+        get buttons() {
+            return _state.buttons;
+        },
+        get button() {
+            return _state.button;
+        },
+        get buttonId() {
+            return _state.buttonId;
+        },
+        get panel() {
+            return _state.panel;
+        },
+        get panelId() {
+            return _state.panelId;
+        },
+        get beforePanelSentinel() {
+            return _state.beforePanelSentinel;
+        },
+        set beforePanelSentinel(value) {
+            _state.beforePanelSentinel = value;
+        },
+        get afterPanelSentinel() {
+            return _state.afterPanelSentinel;
+        },
+        set afterPanelSentinel(value) {
+            _state.afterPanelSentinel = value;
+        },
+        get afterButtonSentinel() {
+            return _state.afterButtonSentinel;
+        },
+        set afterButtonSentinel(value) {
+            _state.afterButtonSentinel = value;
+        },
+        get __demoMode() {
+            return _state.__demoMode;
+        },
+        togglePopover() {
+            _state.__demoMode = false;
+            _state.popoverState = _state.popoverState === PopoverStates.Closed ? PopoverStates.Open : PopoverStates.Closed;
+        },
+        closePopover() {
+            if (_state.popoverState === PopoverStates.Closed)
+                return;
+            _state.__demoMode = false;
+            _state.popoverState = PopoverStates.Closed;
+        },
+        setButton(button) {
+            if (_state.button === button)
+                return;
+            _state.button = button;
+        },
+        setButtonId(buttonId) {
+            if (_state.buttonId === buttonId)
+                return;
+            _state.buttonId = buttonId;
+        },
+        setPanel(panel) {
+            if (_state.panel === panel)
+                return;
+            _state.panel = panel;
+        },
+        setPanelId(panelId) {
+            if (_state.panelId === panelId)
+                return;
+            _state.panelId = panelId;
+        },
+    };
+    setContext("PopoverContext", context);
+    return context;
+};
+export function usePopoverContext(component) {
+    const context = getContext("PopoverContext");
+    if (!context) {
+        const err = new Error(`<${component} /> is missing a parent <Popover /> component.`);
+        if (Error.captureStackTrace)
+            Error.captureStackTrace(err, usePopoverContext);
+        throw err;
+    }
+    return context;
+}
+export function usePopoverAPIContext(component) {
+    const context = getContext("PopoverAPIContext");
+    if (!context) {
+        const err = new Error(`<${component} /> is missing a parent <Popover /> component.`);
+        if (Error.captureStackTrace)
+            Error.captureStackTrace(err, usePopoverAPIContext);
+        throw err;
+    }
+    return context;
+}
+export function usePopoverGroupContext() {
+    return getContext("PopoverGroupContext");
+}
+export function usePopoverPanelContext() {
+    return getContext("PopoverPanelContext");
+}

package/dist/popover/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Popover, type PopoverProps } from "./Popover.svelte";
+export { default as PopoverBackdrop, type PopoverBackdropProps } from "./PopoverBackdrop.svelte";
+export { default as PopoverButton, type PopoverButtonProps } from "./PopoverButton.svelte";
+export { default as PopoverGroup, type PopoverGroupProps } from "./PopoverGroup.svelte";
+export { default as PopoverPanel, type PopoverPanelProps } from "./PopoverPanel.svelte";

package/dist/popover/index.js

@@ -0,0 +1,5 @@
+export { default as Popover } from "./Popover.svelte";
+export { default as PopoverBackdrop } from "./PopoverBackdrop.svelte";
+export { default as PopoverButton } from "./PopoverButton.svelte";
+export { default as PopoverGroup } from "./PopoverGroup.svelte";
+export { default as PopoverPanel } from "./PopoverPanel.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.19",
+  "version": "2.1.2-next.20",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -18,11 +18,11 @@
   "devDependencies": {
     "@changesets/cli": "^2.27.8",
     "@changesets/types": "^6.0.0",
-    "@playwright/test": "^1.47.0",
+    "@playwright/test": "^1.47.1",
     "@pzerelles/heroicons-svelte": "^2.1.5",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.26",
-    "@sveltejs/package": "^2.3.4",
+    "@sveltejs/adapter-auto": "^3.2.5",
+    "@sveltejs/kit": "^2.5.28",
+    "@sveltejs/package": "^2.3.5",
     "@sveltejs/vite-plugin-svelte": "4.0.0-next.6",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/svelte": "^5.2.1",
@@ -35,24 +35,24 @@
     "globals": "^15.9.0",
     "jsdom": "^24.1.3",
     "outdent": "^0.8.0",
-    "postcss": "^8.4.45",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.6",
-    "publint": "^0.2.10",
-    "svelte": "^5.0.0-next.245",
+    "publint": "^0.2.11",
+    "svelte": "5.0.0-next.249",
     "svelte-check": "^3.8.6",
-    "tailwindcss": "^3.4.11",
+    "tailwindcss": "^3.4.12",
     "tslib": "^2.7.0",
     "typescript": "^5.6.2",
-    "typescript-eslint": "^8.5.0",
-    "vite": "^5.4.5",
-    "vitest": "^2.1.0"
+    "typescript-eslint": "^8.6.0",
+    "vite": "^5.4.6",
+    "vitest": "^2.1.1"
   },
   "dependencies": {
-    "@floating-ui/core": "^1.6.7",
-    "@floating-ui/dom": "^1.6.10",
-    "@floating-ui/utils": "^0.2.7",
+    "@floating-ui/core": "^1.6.8",
+    "@floating-ui/dom": "^1.6.11",
+    "@floating-ui/utils": "^0.2.8",
     "clsx": "^2.1.1",
     "esm-env": "^1.0.0",
     "nanoid": "^5.0.7"