ui-ingredients 0.0.16 → 0.0.17

package/dist/tooltip/root.svelte

@@ -1,35 +1,35 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {Snippet} from 'svelte';
-  import type {
-    CreateTooltipContextProps,
-    CreateTooltipContextReturn,
-  } from './context.svelte.js';
+  import type {CreateTooltipProps, CreateTooltipReturn} from './create-tooltip.svelte.js';
 
-  export interface TooltipProps extends Omit<CreateTooltipContextProps, 'id'> {
+  export interface TooltipProps extends Omit<CreateTooltipProps, 'id'> {
     id?: string | null;
-    children?: Snippet<[CreateTooltipContextReturn]>;
+    children?: Snippet<[api: CreateTooltipReturn]>;
   }
 </script>
 
 <script lang="ts">
-  import {useEnvironmentContext} from '../environment-provider/index.js';
-  import {useLocaleContext} from '../locale-provider/index.js';
+  import {getEnvironmentContext} from '../environment-provider/index.js';
+  import {getLocaleContext} from '../locale-provider/index.js';
   import {createUniqueId} from '../utils.svelte.js';
-  import {createTooltipContext, setTooltipContext} from './context.svelte.js';
+  import {tooltipContext} from './context.svelte.js';
+  import {createTooltip} from './create-tooltip.svelte.js';
 
   let {id, dir, getRootNode, children, ...props}: TooltipProps = $props();
 
-  let localeContext = useLocaleContext();
-  let environmentContext = useEnvironmentContext();
+  let localeContext = getLocaleContext();
+  let environmentContext = getEnvironmentContext();
 
-  let context = createTooltipContext({
-    id: id ?? createUniqueId(),
+  let uid = createUniqueId();
+
+  let context = createTooltip({
+    id: id ?? uid,
     dir: dir ?? localeContext?.dir,
     getRootNode: getRootNode ?? environmentContext?.getRootNode,
     ...props,
   });
 
-  setTooltipContext(context);
+  tooltipContext.set(context);
 </script>
 
 {@render children?.(context)}

package/dist/tooltip/root.svelte.d.ts

@@ -1,9 +1,3 @@
-import type { Snippet } from 'svelte';
-import type { CreateTooltipContextProps, CreateTooltipContextReturn } from './context.svelte.js';
-export interface TooltipProps extends Omit<CreateTooltipContextProps, 'id'> {
-    id?: string | null;
-    children?: Snippet<[CreateTooltipContextReturn]>;
-}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/tooltip/trigger.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
   import type {HtmlIngredientProps} from '../types.js';
 
   export interface TooltipTriggerProps extends HtmlIngredientProps<'button'> {}
@@ -6,11 +6,11 @@
 
 <script lang="ts">
   import {mergeProps} from '@zag-js/svelte';
-  import {useTooltipContext} from './context.svelte.js';
+  import {tooltipContext} from './context.svelte.js';
 
   let {children, ...props}: TooltipTriggerProps = $props();
 
-  let context = useTooltipContext();
+  let context = tooltipContext.get();
 
   let attrs = $derived(mergeProps(props, context.getTriggerProps()));
 </script>

package/dist/tooltip/trigger.svelte.d.ts

@@ -1,6 +1,3 @@
-import type { HtmlIngredientProps } from '../types.js';
-export interface TooltipTriggerProps extends HtmlIngredientProps<'button'> {
-}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;

package/dist/types.d.ts

@@ -9,4 +9,5 @@ interface IngredientProps {
 }
 type IntrinsicElements = KnownKeys<SvelteHTMLElements>;
 export type HtmlIngredientProps<T extends IntrinsicElements> = Assign<SvelteHTMLElements[T], IngredientProps>;
+export type PickPartial<T, K extends keyof T> = Partial<Pick<T, K>> & Omit<T, K>;
 export {};

package/dist/utils.svelte.d.ts

@@ -1 +1,13 @@
 export declare const createUniqueId: () => string;
+export declare function ensureStyleIsString<T extends {
+    style?: null | string | Record<string, string | number>;
+}>(o: T): Omit<T, "style"> & {
+    style?: string | null;
+};
+export declare class Context<T extends Record<string, any>> {
+    private key;
+    private strict;
+    constructor(key: string, strict?: boolean);
+    get(): T;
+    set(context: T | (() => T)): any;
+}

package/dist/utils.svelte.js

@@ -1,2 +1,46 @@
+import { reflect } from '@zag-js/svelte';
+import { getContext, hasContext, setContext } from 'svelte';
 import { uid } from 'uid';
 export const createUniqueId = () => uid();
+function isObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]' && value === Object(value);
+}
+export function ensureStyleIsString(o) {
+    const c = { ...o };
+    if (isObject(c.style)) {
+        let s = '';
+        for (const k in c.style) {
+            s += `${k}:${c.style[k]};`;
+        }
+        c.style = s;
+    }
+    return c;
+}
+export class Context {
+    key;
+    strict;
+    constructor(key, strict = true) {
+        this.key = key;
+        this.strict = strict;
+    }
+    get() {
+        if (this.strict && !hasContext(this.key)) {
+            const e = new Error();
+            e.name = 'ContextError';
+            e.message = `No context found for '${this.key}'`;
+            throw e;
+        }
+        return getContext(this.key);
+    }
+    set(context) {
+        const v = $derived.by(() => {
+            if (typeof context === 'function') {
+                return reflect(context);
+            }
+            else {
+                return context;
+            }
+        });
+        return setContext(this.key, v);
+    }
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ui-ingredients",
   "type": "module",
-  "version": "0.0.16",
+  "version": "0.0.17",
   "packageManager": "pnpm@9.7.0",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -138,12 +138,13 @@
     "postcss": "8.4.41",
     "publint": "0.2.10",
     "release-it": "17.6.0",
-    "svelte": "5.0.0-next.233",
-    "svelte-check": "3.8.5",
+    "svelte": "5.0.0-next.234",
+    "svelte-check": "3.8.6",
     "tailwindcss": "3.4.10",
     "typescript": "5.5.4",
     "vite": "5.4.2",
-    "vitest": "2.0.5"
+    "vitest": "2.0.5",
+    "vitest-axe": "0.1.0"
   },
   "release-it": {
     "git": {