bits-ui 0.11.5 → 0.11.7

package/dist/bits/toolbar/ctx.js

@@ -0,0 +1,30 @@
+import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
+import { createToolbar } from "@melt-ui/svelte";
+import { getContext, setContext } from "svelte";
+const NAME = "toolbar";
+const GROUP_NAME = "toolbar-group";
+const PARTS = ["root", "button", "link", "group", "group-item"];
+export const getAttrs = createBitAttrs(NAME, PARTS);
+export function setCtx(props) {
+    const toolbar = createToolbar(removeUndefined(props));
+    setContext(NAME, toolbar);
+    return {
+        ...toolbar,
+        updateOption: getOptionUpdater(toolbar.options)
+    };
+}
+export function setGroupCtx(props) {
+    const { builders: { createToolbarGroup } } = getCtx();
+    const group = createToolbarGroup(removeUndefined(props));
+    setContext(GROUP_NAME, group);
+    return {
+        ...group,
+        updateOption: getOptionUpdater(group.options)
+    };
+}
+export function getCtx() {
+    return getContext(NAME);
+}
+export function getGroupCtx() {
+    return getContext(GROUP_NAME);
+}

package/dist/bits/toolbar/index.d.ts

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/toolbar.svelte";
+export { default as Button } from "./components/toolbar-button.svelte";
+export { default as Link } from "./components/toolbar-link.svelte";
+export { default as Group } from "./components/toolbar-group.svelte";
+export { default as GroupItem } from "./components/toolbar-group-item.svelte";
+export * from "./types.js";

package/dist/bits/toolbar/index.js

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/toolbar.svelte";
+export { default as Button } from "./components/toolbar-button.svelte";
+export { default as Link } from "./components/toolbar-link.svelte";
+export { default as Group } from "./components/toolbar-group.svelte";
+export { default as GroupItem } from "./components/toolbar-group-item.svelte";
+export * from "./types.js";

package/dist/bits/toolbar/types.d.ts

@@ -0,0 +1,23 @@
+import type { HTMLDivAttributes } from "../../internal/index.js";
+import type { HTMLAnchorAttributes, HTMLButtonAttributes } from "svelte/elements";
+import type * as I from "./_types.js";
+import type { CustomEventHandler } from "../../index.js";
+type Props = I.Props & HTMLDivAttributes;
+type ButtonProps = I.ButtonProps & HTMLButtonAttributes;
+type LinkProps = I.LinkProps & HTMLAnchorAttributes;
+type GroupProps<T extends "single" | "multiple"> = I.GroupProps<T> & HTMLDivAttributes;
+type GroupItemProps = I.GroupItemProps & HTMLButtonAttributes;
+/**
+ * Events
+ */
+type ButtonEvents = {
+    keydown: CustomEventHandler<KeyboardEvent, HTMLButtonElement>;
+};
+type LinkEvents = {
+    keydown: CustomEventHandler<KeyboardEvent, HTMLAnchorElement>;
+};
+type GroupItemEvents<T extends Element = HTMLButtonElement> = {
+    click: CustomEventHandler<MouseEvent, T>;
+    keydown: CustomEventHandler<KeyboardEvent, T>;
+};
+export type { Props, ButtonProps, LinkProps, GroupProps, GroupItemProps, ButtonEvents, LinkEvents, GroupItemEvents };

package/dist/bits/toolbar/types.js

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

package/dist/bits/tooltip/ctx.d.ts

@@ -5,10 +5,10 @@ import type { FloatingProps } from "../floating/_types.js";
 export declare const getAttrs: (part: "content" | "arrow" | "trigger") => Record<string, string>;
 export declare function setCtx(props: CreateTooltipProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
-    ids: {
-        content: Writable<string>;
-        trigger: Writable<string>;
-    };
+    ids: import("@melt-ui/svelte/internal/helpers").ToWritableStores<{
+        content: string;
+        trigger: string;
+    }>;
     elements: {
         trigger: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[Writable<string>, Writable<string>], (node: HTMLElement) => import("@melt-ui/svelte/internal/types").MeltActionReturn<"keydown" | "blur" | "focus" | "pointerdown" | "pointerenter" | "pointerleave">, ([$contentId, $triggerId]: [string, string]) => {
             'aria-describedby': string;
@@ -34,22 +34,27 @@ export declare function setCtx(props: CreateTooltipProps): {
             subscribe(this: void, run: import("svelte/store").Subscriber<boolean>, invalidate?: import("svelte/store").Invalidator<boolean> | undefined): import("svelte/store").Unsubscriber;
         };
     };
-    options: {
-        forceVisible: Writable<boolean>;
-        defaultOpen: Writable<boolean>;
-        onOpenChange?: Writable<import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined> | undefined;
-        portal: Writable<string | HTMLElement | null>;
-        positioning: Writable<import("@melt-ui/svelte/internal/actions").FloatingConfig | {
+    options: import("@melt-ui/svelte/internal/helpers").ToWritableStores<Omit<{
+        positioning: import("@melt-ui/svelte/internal/actions").FloatingConfig | {
             placement: "bottom";
-        }>;
-        arrowSize: Writable<number>;
-        closeOnEscape: Writable<boolean>;
-        group: Writable<string | boolean | undefined>;
-        openDelay: Writable<number>;
-        closeDelay: Writable<number>;
-        closeOnPointerDown: Writable<boolean>;
-        disableHoverableContent: Writable<boolean>;
-    };
+        };
+        arrowSize: number;
+        defaultOpen: boolean;
+        open?: Writable<boolean> | undefined;
+        onOpenChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
+        closeOnPointerDown: boolean;
+        openDelay: number;
+        closeDelay: number;
+        forceVisible: boolean;
+        closeOnEscape: boolean;
+        disableHoverableContent: boolean;
+        group: string | boolean | undefined;
+        portal: string | HTMLElement | null;
+        ids?: Partial<{
+            content: string;
+            trigger: string;
+        }> | undefined;
+    }, "open" | "ids">>;
 };
 export declare function getCtx(sideOffset?: number): TooltipReturn;
 export declare function setArrow(size?: number): TooltipReturn;

package/dist/shared/index.d.ts

@@ -1,5 +1,5 @@
 import type { DateValue } from "@internationalized/date";
-import type { Month } from "@melt-ui/svelte";
+import type { Month, Page, PageItem, Ellipsis } from "@melt-ui/svelte";
 export type Selected<Value> = {
     value: Value;
     label?: string;
@@ -9,4 +9,4 @@ export type DateRange = {
     end: DateValue | undefined;
 };
 export type SegmentPart = "month" | "day" | "year" | "hour" | "minute" | "second" | "dayPeriod" | "timeZoneName" | "literal";
-export type { Month };
+export type { Month, Page, PageItem, Ellipsis };

package/dist/types.d.ts

@@ -16,6 +16,7 @@ export type * from "./bits/dropdown-menu/_export.types.js";
 export type * from "./bits/label/_export.types.js";
 export type * from "./bits/link-preview/_export.types.js";
 export type * from "./bits/menubar/_export.types.js";
+export type * from "./bits/pagination/_export.types.js";
 export type * from "./bits/popover/_export.types.js";
 export type * from "./bits/progress/_export.types.js";
 export type * from "./bits/radio-group/_export.types.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bits-ui",
-  "version": "0.11.5",
+  "version": "0.11.7",
   "license": "MIT",
   "repository": "github:huntabyte/bits-ui",
   "exports": {
@@ -74,7 +74,7 @@
   "type": "module",
   "dependencies": {
     "@internationalized/date": "^3.5.0",
-    "@melt-ui/svelte": "0.64.5",
+    "@melt-ui/svelte": "0.65.1",
     "nanoid": "^5.0.4"
   },
   "peerDependencies": {