@pzerelles/headlessui-svelte 2.1.2-next.2 → 2.1.2-next.21

package/dist/utils/floating-ui/svelte-dom/utils/deepEqual.js

@@ -0,0 +1,50 @@
+// Fork of `fast-deep-equal` that only does the comparisons we need and compares
+// functions
+export function deepEqual(a, b) {
+    if (a === b) {
+        return true;
+    }
+    if (typeof a !== typeof b) {
+        return false;
+    }
+    if (typeof a === "function" && a.toString() === b.toString()) {
+        return true;
+    }
+    let length;
+    let i;
+    let keys;
+    if (a && b && typeof a === "object") {
+        if (Array.isArray(a)) {
+            length = a.length;
+            if (length !== b.length)
+                return false;
+            for (i = length; i-- !== 0;) {
+                if (!deepEqual(a[i], b[i])) {
+                    return false;
+                }
+            }
+            return true;
+        }
+        keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length) {
+            return false;
+        }
+        for (i = length; i-- !== 0;) {
+            if (!{}.hasOwnProperty.call(b, keys[i])) {
+                return false;
+            }
+        }
+        for (i = length; i-- !== 0;) {
+            const key = keys[i];
+            if (key === "_owner" && a.$$typeof) {
+                continue;
+            }
+            if (!deepEqual(a[key], b[key])) {
+                return false;
+            }
+        }
+        return true;
+    }
+    return a !== a && b !== b;
+}

package/dist/utils/floating-ui/svelte-dom/utils/getDPR.d.ts

@@ -0,0 +1 @@
+export declare function getDPR(element: Element): number;

package/dist/utils/floating-ui/svelte-dom/utils/getDPR.js

@@ -0,0 +1,7 @@
+export function getDPR(element) {
+    if (typeof window === "undefined") {
+        return 1;
+    }
+    const win = element.ownerDocument.defaultView || window;
+    return win.devicePixelRatio || 1;
+}

package/dist/utils/floating-ui/svelte-dom/utils/roundByDPR.d.ts

@@ -0,0 +1 @@
+export declare function roundByDPR(element: Element, value: number): number;

package/dist/utils/floating-ui/svelte-dom/utils/roundByDPR.js

@@ -0,0 +1,5 @@
+import { getDPR } from "./getDPR.js";
+export function roundByDPR(element, value) {
+    const dpr = getDPR(element);
+    return Math.round(value * dpr) / dpr;
+}

package/dist/utils/floating-ui/svelte-dom/utils/useLatestRef.d.ts

@@ -0,0 +1,4 @@
+import type { MutableRefObject } from "../../../ref.svelte.js";
+export declare function useLatestRef<T>(options: {
+    value: T;
+}): MutableRefObject<T>;

package/dist/utils/floating-ui/svelte-dom/utils/useLatestRef.js

@@ -0,0 +1,7 @@
+export function useLatestRef(options) {
+    return {
+        get current() {
+            return options.value;
+        },
+    };
+}

package/dist/utils/id.d.ts

@@ -1,4 +1,4 @@
 export declare const alphaid: (size?: number) => string;
 export declare const htmlid: (size?: number) => string;
-export declare const getIdContext: () => string | undefined;
+export declare const useProvidedId: () => string | undefined;
 export declare const createIdContext: (id: string) => string | undefined;

package/dist/utils/id.js

@@ -2,5 +2,5 @@ import { nanoid, customAlphabet } from "nanoid";
 import { getContext, setContext } from "svelte";
 export const alphaid = customAlphabet("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz");
 export const htmlid = (size = 10) => alphaid(1) + nanoid(size - 1);
-export const getIdContext = () => getContext("Id");
+export const useProvidedId = () => getContext("Id");
 export const createIdContext = (id) => setContext("Id", id);

package/dist/utils/style.d.ts

@@ -0,0 +1,2 @@
+export declare const camelToKebab: (s: string) => string;
+export declare const stylePropsToString: (props: Record<string, unknown>) => string;

package/dist/utils/style.js

@@ -0,0 +1,6 @@
+export const camelToKebab = (s) => s.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
+export const stylePropsToString = (props) => {
+    return Object.entries(props)
+        .map(([key, value]) => `${camelToKebab(key)}: ${typeof value === "number" ? `${value}px` : value}`)
+        .join(";");
+};

package/dist/utils/types.d.ts

@@ -8,11 +8,10 @@ export type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
 export type PropsOf<TTag extends ElementType> = SvelteHTMLProps[TTag];
-export type Children<TSlot> = Snippet | Snippet<[TSlot, Record<string, any>]>;
 type PropsWeControl = "as" | "children" | "refName" | "class";
 type CleanProps<TTag extends ElementType, TOmittableProps extends PropertyKey = never> = Omit<PropsOf<TTag>, TOmittableProps | PropsWeControl>;
 type OurProps<TSlot> = {
-    children?: Children<TSlot>;
+    children?: Snippet<[TSlot, Record<string, any>]>;
     ref?: HTMLElement;
 };
 type HasProperty<T extends object, K extends PropertyKey> = T extends never ? never : K extends keyof T ? true : never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.2",
+  "version": "2.1.2-next.21",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -13,46 +13,47 @@
     "!dist/**/*.spec.*"
   ],
   "peerDependencies": {
-    "svelte": "^5.0.0-next.1"
+    "svelte": "^5.0.0-next.244"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.27.7",
+    "@changesets/cli": "^2.27.8",
     "@changesets/types": "^6.0.0",
-    "@playwright/test": "^1.46.1",
+    "@playwright/test": "^1.47.1",
     "@pzerelles/heroicons-svelte": "^2.1.5",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.24",
-    "@sveltejs/package": "^2.3.4",
-    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@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",
-    "@types/eslint": "^8.56.12",
-    "@types/node": "^20.16.1",
+    "@types/eslint": "^9.6.1",
+    "@types/node": "^20.16.5",
     "autoprefixer": "^10.4.20",
-    "clsx": "^2.1.1",
-    "eslint": "^9.9.1",
+    "eslint": "^9.10.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.43.0",
+    "eslint-plugin-svelte": "^2.44.0",
     "globals": "^15.9.0",
     "jsdom": "^24.1.3",
     "outdent": "^0.8.0",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.47",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
-    "prettier-plugin-tailwindcss": "^0.5.14",
-    "publint": "^0.1.16",
-    "svelte": "5.0.0-next.238",
+    "prettier-plugin-tailwindcss": "^0.6.6",
+    "publint": "^0.2.11",
+    "svelte": "5.0.0-next.249",
     "svelte-check": "^3.8.6",
-    "tailwindcss": "^3.4.10",
+    "tailwindcss": "^3.4.12",
     "tslib": "^2.7.0",
-    "typescript": "^5.5.4",
-    "typescript-eslint": "8.0.0-alpha.28",
-    "vite": "^5.4.2",
-    "vitest": "^2.0.5"
+    "typescript": "^5.6.2",
+    "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/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"
   },

package/dist/internal/HoistFormFields.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">import { getContext } from "svelte";
-import Portal from "./Portal.svelte";
-let { children } = $props();
-const formFieldsContext = getContext("FormFieldsContext");
-</script>
-
-{#if !formFieldsContext}
-  {@render children()}
-{:else if formFieldsContext.target}
-  <Portal target={formFieldsContext.target}>{@render children()}</Portal>
-{/if}

package/dist/internal/id.d.ts

@@ -1,8 +0,0 @@
-type IdContext = {
-    value?: string;
-};
-export declare function useProvidedId(): IdContext | undefined;
-export declare function useIdContext(options: {
-    id?: string;
-}): void;
-export {};

package/dist/internal/id.js

@@ -1,11 +0,0 @@
-import { getContext, setContext } from "svelte";
-export function useProvidedId() {
-    return getContext("IdContext");
-}
-export function useIdContext(options) {
-    setContext("IdContext", {
-        get value() {
-            return options.id;
-        },
-    });
-}