ui-ingredients 0.0.1

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface TooltipPositionerProps extends Assign<SvelteHTMLElements['div'], {}> {
+}
+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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Positioner: $$__sveltets_2_IsomorphicComponent<TooltipPositionerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Positioner = InstanceType<typeof Positioner>;
+export default Positioner;

package/dist/tooltip/root.svelte

@@ -0,0 +1,10 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { nanoid } from "nanoid/non-secure";
+import { createTooltipContext, setTooltipContext } from "./context.svelte.js";
+let { id = nanoid(), children, ...props } = $props();
+let context = createTooltipContext({ id, ...props });
+setTooltipContext(context);
+</script>
+
+{@render children?.(context)}

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

@@ -0,0 +1,24 @@
+import type { OptionalId } from '../types.js';
+import type { Snippet } from 'svelte';
+import type { CreateTooltipContextProps, CreateTooltipContextReturn } from './context.svelte.js';
+export interface TooltipProps extends OptionalId<CreateTooltipContextProps> {
+    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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Root: $$__sveltets_2_IsomorphicComponent<TooltipProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Root = InstanceType<typeof Root>;
+export default Root;

package/dist/tooltip/trigger.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" context="module"></script>
+
+<script lang="ts">import { mergeProps } from "@zag-js/svelte";
+import { useTooltipContext } from "./context.svelte.js";
+let { children, ...props } = $props();
+let context = useTooltipContext();
+let attrs = $derived(mergeProps(props, context.getTriggerProps()));
+</script>
+
+<button type="button" {...attrs}>
+  {@render children?.()}
+</button>

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

@@ -0,0 +1,22 @@
+import type { Assign } from '../types.js';
+import type { SvelteHTMLElements } from 'svelte/elements';
+export interface TooltipTriggerProps extends Assign<SvelteHTMLElements['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;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Trigger: $$__sveltets_2_IsomorphicComponent<TooltipTriggerProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Trigger = InstanceType<typeof Trigger>;
+export default Trigger;

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+export type Assign<T, U> = Omit<T, keyof U> & U;
+export type ContextGetter<T> = () => T;
+export type OptionalId<T> = Assign<T, {
+    id?: string;
+}>;
+export type WithoutChildren<T> = Omit<T, 'children'>;

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils.svelte.d.ts

@@ -0,0 +1,2 @@
+export declare function makeFieldsGetterSetterIfNotFunc<T extends Record<string, any>>(o: T): T;
+export declare function splitProps(): void;

package/dist/utils.svelte.js

@@ -0,0 +1,24 @@
+export function makeFieldsGetterSetterIfNotFunc(o) {
+    let r = {};
+    for (const k in o) {
+        const v = o[k];
+        if (typeof v === 'function') {
+            r = Object.assign(r, {
+                [k](...args) {
+                    return v(...args);
+                },
+            });
+            continue;
+        }
+        r = Object.assign(r, {
+            get [k]() {
+                return v;
+            },
+            set [k](v) {
+                o[k] = v;
+            },
+        });
+    }
+    return r;
+}
+export function splitProps() { }

package/package.json

@@ -0,0 +1,167 @@
+{
+  "name": "ui-ingredients",
+  "type": "module",
+  "version": "0.0.1",
+  "packageManager": "pnpm@9.7.0",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "author": {
+    "name": "John Paul Calvo",
+    "email": "calvojp92@gmail.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:calvo-jp/ui-ingredients.git"
+  },
+  "description": "Headless component library for Svelte powered by zag",
+  "keywords": [
+    "Svelte",
+    "Component Library",
+    "Headless",
+    "Accordion",
+    "Avatar",
+    "Carousel",
+    "Checkbox",
+    "Clipboard",
+    "Collapsible",
+    "Color Picker",
+    "Combobox",
+    "Date Picker",
+    "Dialog",
+    "Editable",
+    "File Upload",
+    "Hover Card",
+    "Menu",
+    "Number Input",
+    "Pagination",
+    "Pin Input",
+    "Popover",
+    "Presence",
+    "Progress",
+    "QR Code",
+    "Radio Group",
+    "Rating Group",
+    "Select",
+    "Signature Pad",
+    "Slider",
+    "Splitter",
+    "Steps",
+    "Switch",
+    "Tabs",
+    "Tags Input",
+    "Timer",
+    "Toast",
+    "Toggle Group",
+    "Tooltip"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test": "vitest",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write .",
+    "release": "release-it"
+  },
+  "dependencies": {
+    "@zag-js/accordion": "0.65.0",
+    "@zag-js/avatar": "0.65.0",
+    "@zag-js/carousel": "0.65.0",
+    "@zag-js/checkbox": "0.65.0",
+    "@zag-js/clipboard": "0.65.0",
+    "@zag-js/collapsible": "0.65.0",
+    "@zag-js/color-picker": "0.65.0",
+    "@zag-js/combobox": "0.65.0",
+    "@zag-js/date-picker": "0.65.0",
+    "@zag-js/dialog": "0.65.0",
+    "@zag-js/editable": "0.65.0",
+    "@zag-js/file-upload": "0.65.0",
+    "@zag-js/hover-card": "0.65.0",
+    "@zag-js/menu": "0.65.0",
+    "@zag-js/number-input": "0.65.0",
+    "@zag-js/pagination": "0.65.0",
+    "@zag-js/pin-input": "0.65.0",
+    "@zag-js/popover": "0.65.0",
+    "@zag-js/presence": "0.65.0",
+    "@zag-js/progress": "0.65.0",
+    "@zag-js/qr-code": "0.65.0",
+    "@zag-js/radio-group": "0.65.0",
+    "@zag-js/rating-group": "0.65.0",
+    "@zag-js/select": "0.65.0",
+    "@zag-js/signature-pad": "0.65.0",
+    "@zag-js/slider": "0.65.0",
+    "@zag-js/splitter": "0.65.0",
+    "@zag-js/steps": "0.65.0",
+    "@zag-js/svelte": "0.65.0",
+    "@zag-js/switch": "0.65.0",
+    "@zag-js/tabs": "0.65.0",
+    "@zag-js/tags-input": "0.65.0",
+    "@zag-js/timer": "0.65.0",
+    "@zag-js/toast": "0.65.0",
+    "@zag-js/toggle-group": "0.65.0",
+    "@zag-js/tooltip": "0.65.0",
+    "nanoid": "5.0.7"
+  },
+  "peerDependencies": {
+    "svelte": ">=5.0.0-next.200"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-vercel": "5.4.3",
+    "@sveltejs/kit": "2.5.22",
+    "@sveltejs/package": "2.3.4",
+    "@sveltejs/vite-plugin-svelte": "3.1.1",
+    "@types/eslint": "9.6.0",
+    "autoprefixer": "10.4.20",
+    "eslint": "9.9.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-svelte": "2.43.0",
+    "globals": "15.9.0",
+    "postcss": "8.4.41",
+    "prettier": "3.3.3",
+    "prettier-plugin-svelte": "3.2.6",
+    "publint": "0.2.10",
+    "release-it": "17.6.0",
+    "svelte": "5.0.0-next.225",
+    "svelte-check": "3.8.5",
+    "tailwindcss": "3.4.10",
+    "typescript": "5.5.4",
+    "typescript-eslint": "8.1.0",
+    "vite": "5.4.1",
+    "vitest": "2.0.5"
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${npm.name} v${version}",
+      "tagName": "${npm.name}@${version}"
+    },
+    "github": {
+      "release": false
+    },
+    "hooks": {
+      "before:init": [
+        "pnpm check"
+      ],
+      "after:bump": [
+        "pnpm package"
+      ]
+    }
+  }
+}