bits-ui 0.13.0 → 0.13.1

package/dist/bits/slider/components/slider-input.svelte

@@ -1,8 +1,9 @@
-<script>import { getCtx, getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 import { srOnlyStyles } from "../../../internal/style.js";
 export let el = void 0;
 const {
-  states: { value }
+  states: { value },
+  getAttrs
 } = getCtx();
 function getValue(value2) {
   if (value2.length === 1) {

package/dist/bits/slider/components/slider-range.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { range }
+  elements: { range },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("range");
 $:

package/dist/bits/slider/components/slider-thumb.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { thumb }
+  elements: { thumb },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("thumb");

package/dist/bits/slider/components/slider-tick.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { tick }
+  elements: { tick },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("tick");
 $:

package/dist/bits/slider/components/slider.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let disabled = void 0;
 export let min = void 0;
 export let max = void 0;
@@ -12,7 +12,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { value: localValue, ticks },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   disabled,
   min,

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

@@ -1,8 +1,9 @@
 /// <reference types="svelte" />
-import { type CreateSliderProps, type Slider as SliderReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "input" | "root" | "range" | "thumb" | "tick") => Record<string, string>;
+import { type CreateSliderProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSliderProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "input" | "root" | "range" | "thumb" | "tick") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[import("svelte/store").Writable<boolean>, import("svelte/store").Writable<import("@melt-ui/svelte").SliderOrientation>, import("svelte/store").Writable<"ltr" | "rtl">], import("svelte/action").Action<any, any, Record<never, any>>, ([$disabled, $orientation, $dir]: [boolean, import("@melt-ui/svelte").SliderOrientation, "ltr" | "rtl"]) => {
             dir: "ltr" | "rtl";
@@ -65,4 +66,5 @@ export declare function setCtx(props: CreateSliderProps): {
         disabled: boolean;
     }, "defaultValue" | "value" | "onValueChange">>;
 };
-export declare function getCtx(): SliderReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/slider/ctx.js

@@ -1,11 +1,18 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createSlider } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "slider";
-const PARTS = ["root", "input", "range", "thumb", "tick"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getSliderData() {
+    const NAME = "slider";
+    const PARTS = ["root", "input", "range", "thumb", "tick"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const slider = createSlider(removeUndefined(props));
+    const { NAME, PARTS } = getSliderData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const slider = { ...createSlider(removeUndefined(props)), getAttrs };
     setContext(NAME, slider);
     return {
         ...slider,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getSliderData();
     return getContext(NAME);
 }

package/dist/bits/switch/components/switch-thumb.svelte

@@ -1,8 +1,9 @@
-<script>import { getCtx, getAttrs } from "../ctx.js";
+<script>import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  states: { checked }
+  states: { checked },
+  getAttrs
 } = getCtx();
 $:
   attrs = {

package/dist/bits/switch/components/switch.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 import SwitchInput from "./switch-input.svelte";
 export let checked = void 0;
@@ -15,7 +15,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { checked: localChecked },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   disabled,
   name,

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

@@ -1,8 +1,9 @@
 /// <reference types="svelte" />
-import { type CreateSwitchProps, type Switch as SwitchReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "input" | "root" | "thumb") => Record<string, string>;
+import { type CreateSwitchProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateSwitchProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "input" | "root" | "thumb") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -51,4 +52,5 @@ export declare function setCtx(props: CreateSwitchProps): {
         value: string;
     }, "checked">>;
 };
-export declare function getCtx(): SwitchReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/switch/ctx.js

@@ -1,11 +1,18 @@
 import { createSwitch } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
-const NAME = "switch";
-const PARTS = ["root", "input", "thumb"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getSwitchData() {
+    const NAME = "switch";
+    const PARTS = ["root", "input", "thumb"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const Switch = createSwitch(removeUndefined(props));
+    const { NAME, PARTS } = getSwitchData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const Switch = { ...createSwitch(removeUndefined(props)), getAttrs };
     setContext(NAME, Switch);
     return {
         ...Switch,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getSwitchData();
     return getContext(NAME);
 }

package/dist/bits/tabs/components/tabs-content.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let value;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { content }
+  elements: { content },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("content");
 $:

package/dist/bits/tabs/components/tabs-list.svelte

@@ -1,9 +1,10 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { list }
+  elements: { list },
+  getAttrs
 } = getCtx();
 const attrs = getAttrs("list");
 $:

package/dist/bits/tabs/components/tabs-trigger.svelte

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let value;
 export let disabled = void 0;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { trigger }
+  elements: { trigger },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("trigger");

package/dist/bits/tabs/components/tabs.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let orientation = void 0;
 export let activateOnFocus = void 0;
 export let loop = void 0;
@@ -11,7 +11,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { value: localValue },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   orientation,
   activateOnFocus,

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

@@ -1,8 +1,9 @@
 /// <reference types="svelte" />
-import { type CreateTabsProps, type Tabs as TabsReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "content" | "list" | "root" | "trigger") => Record<string, string>;
+import { type CreateTabsProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateTabsProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "content" | "list" | "root" | "trigger") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             'data-orientation': import("@melt-ui/svelte/internal/types").Orientation;
@@ -54,4 +55,5 @@ export declare function setCtx(props: CreateTabsProps): {
         autoSet: boolean;
     }, "defaultValue" | "value" | "onValueChange" | "autoSet">>;
 };
-export declare function getCtx(): TabsReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/tabs/ctx.js

@@ -1,11 +1,18 @@
 import { createTabs } from "@melt-ui/svelte";
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { getContext, setContext } from "svelte";
-const NAME = "tabs";
-const PARTS = ["root", "content", "list", "trigger"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getTabsData() {
+    const NAME = "tabs";
+    const PARTS = ["root", "content", "list", "trigger"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const tabs = createTabs(removeUndefined(props));
+    const { NAME, PARTS } = getTabsData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const tabs = { ...createTabs(removeUndefined(props)), getAttrs };
     setContext(NAME, tabs);
     return {
         ...tabs,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getTabsData();
     return getContext(NAME);
 }

package/dist/bits/toggle/components/toggle.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let disabled = void 0;
 export let pressed = void 0;
@@ -9,7 +9,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { pressed: localPressed },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   disabled,
   defaultPressed: pressed,

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

@@ -1,8 +1,9 @@
 /// <reference types="svelte" />
-import { type CreateToggleProps, type Toggle as ToggleReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "input" | "root") => Record<string, string>;
+import { type CreateToggleProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx(props: CreateToggleProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "input" | "root") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<[{
             update: (updater: import("svelte/store").Updater<boolean>, sideEffect?: ((newValue: boolean) => void) | undefined) => void;
@@ -30,4 +31,5 @@ export declare function setCtx(props: CreateToggleProps): {
         onPressedChange?: import("@melt-ui/svelte/internal/helpers").ChangeFn<boolean> | undefined;
     }, "pressed">>;
 };
-export declare function getCtx(): ToggleReturn;
+export declare function getCtx(): GetReturn;
+export {};

package/dist/bits/toggle/ctx.js

@@ -1,11 +1,18 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createToggle } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "toggle";
-const PARTS = ["root", "input"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getToggleData() {
+    const NAME = "toggle";
+    const PARTS = ["root", "input"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const toggle = createToggle(removeUndefined(props));
+    const { NAME, PARTS } = getToggleData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const toggle = { ...createToggle(removeUndefined(props)), getAttrs };
     setContext(NAME, toggle);
     return {
         ...toggle,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getToggleData();
     return getContext(NAME);
 }

package/dist/bits/toggle-group/components/toggle-group-item.svelte

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getCtx, getAttrs } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal";
 export let value;
 export let disabled = false;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { item }
+  elements: { item },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("item");

package/dist/bits/toggle-group/components/toggle-group.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let type = "single";
 export let disabled = void 0;
 export let loop = void 0;
@@ -11,7 +11,8 @@ export let el = void 0;
 const {
   elements: { root },
   states: { value: localValue },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   disabled,
   type,

package/dist/bits/toggle-group/ctx.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="svelte" />
-import { type CreateToggleGroupProps, type ToggleGroup as ToggleGroupReturn } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "root" | "item") => Record<string, string>;
-type GetReturn = ToggleGroupReturn;
+import { type CreateToggleGroupProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
 export declare function setCtx<T extends "single" | "multiple">(props: CreateToggleGroupProps<T>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "root" | "item") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";

package/dist/bits/toggle-group/ctx.js

@@ -1,11 +1,18 @@
 import { createBitAttrs, getOptionUpdater, removeUndefined } from "../../internal/index.js";
 import { createToggleGroup } from "@melt-ui/svelte";
 import { getContext, setContext } from "svelte";
-const NAME = "toggle-group";
-const PARTS = ["root", "item"];
-export const getAttrs = createBitAttrs(NAME, PARTS);
+function getToggleGroupData() {
+    const NAME = "toggle-group";
+    const PARTS = ["root", "item"];
+    return {
+        NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const toggleGroup = createToggleGroup(removeUndefined(props));
+    const { NAME, PARTS } = getToggleGroupData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const toggleGroup = { ...createToggleGroup(removeUndefined(props)), getAttrs };
     setContext(NAME, toggleGroup);
     return {
         ...toggleGroup,
@@ -13,5 +20,6 @@ export function setCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getToggleGroupData();
     return getContext(NAME);
 }

package/dist/bits/toolbar/components/toolbar-button.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { button }
+  elements: { button },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("button");

package/dist/bits/toolbar/components/toolbar-group-item.svelte

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getGroupCtx, getAttrs } from "../ctx.js";
+import { getGroupCtx } from "../ctx.js";
 import { createDispatcher, disabledAttrs } from "../../../internal/index.js";
 export let value;
 export let disabled = false;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { item }
+  elements: { item },
+  getAttrs
 } = getGroupCtx();
 const dispatch = createDispatcher();
 $:

package/dist/bits/toolbar/components/toolbar-group.svelte

@@ -1,5 +1,5 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setGroupCtx, getAttrs } from "../ctx.js";
+import { setGroupCtx } from "../ctx.js";
 export let type = "single";
 export let disabled = void 0;
 export let value = void 0;
@@ -9,7 +9,8 @@ export let el = void 0;
 const {
   elements: { group },
   states: { value: localValue },
-  updateOption
+  updateOption,
+  getAttrs
 } = setGroupCtx({
   disabled,
   type,

package/dist/bits/toolbar/components/toolbar-link.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { getAttrs, getCtx } from "../ctx.js";
+import { getCtx } from "../ctx.js";
 import { createDispatcher } from "../../../internal/events.js";
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { link }
+  elements: { link },
+  getAttrs
 } = getCtx();
 const dispatch = createDispatcher();
 const attrs = getAttrs("link");

package/dist/bits/toolbar/components/toolbar.svelte

@@ -1,12 +1,13 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setCtx, getAttrs } from "../ctx.js";
+import { setCtx } from "../ctx.js";
 export let loop = true;
 export let orientation = void 0;
 export let asChild = false;
 export let el = void 0;
 const {
   elements: { root },
-  updateOption
+  updateOption,
+  getAttrs
 } = setCtx({
   loop,
   orientation

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

@@ -1,8 +1,10 @@
 /// <reference types="svelte" />
-import { type Toolbar as ToolbarReturn, type ToolbarGroup as ToolbarGroupReturn, type CreateToolbarProps as ToolbarProps, type CreateToolbarGroupProps as ToolbarGroupProps } from "@melt-ui/svelte";
-export declare const getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
+import { type CreateToolbarProps as ToolbarProps, type CreateToolbarGroupProps as ToolbarGroupProps } from "@melt-ui/svelte";
+type GetReturn = Omit<ReturnType<typeof setCtx>, "updateOption">;
+type GetGroupReturn = Omit<ReturnType<typeof setGroupCtx>, "updateOption">;
 export declare function setCtx(props: ToolbarProps): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
     elements: {
         root: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             role: string;
@@ -75,6 +77,7 @@ export declare function setCtx(props: ToolbarProps): {
 };
 export declare function setGroupCtx<T extends "single" | "multiple">(props: ToolbarGroupProps<T>): {
     updateOption: <K extends string, V extends unknown>(key: K, value: V | undefined) => void;
+    getAttrs: (part: "link" | "group" | "button" | "root" | "group-item") => Record<string, string>;
     elements: {
         group: import("@melt-ui/svelte/internal/helpers").ExplicitBuilderReturn<import("svelte/store").Writable<import("@melt-ui/svelte/internal/types").Orientation>, import("svelte/action").Action<any, any, Record<never, any>>, ($orientation: import("@melt-ui/svelte/internal/types").Orientation) => {
             readonly role: "group";
@@ -116,5 +119,6 @@ export declare function setGroupCtx<T extends "single" | "multiple">(props: Tool
         disabled: boolean;
     }>;
 };
-export declare function getCtx(): ToolbarReturn;
-export declare function getGroupCtx(): ToolbarGroupReturn;
+export declare function getCtx(): GetReturn;
+export declare function getGroupCtx(): GetGroupReturn;
+export {};

package/dist/bits/toolbar/ctx.js

@@ -1,12 +1,20 @@
 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);
+function getToolbarData() {
+    const NAME = "toolbar";
+    const GROUP_NAME = "toolbar-group";
+    const PARTS = ["root", "button", "link", "group", "group-item"];
+    return {
+        NAME,
+        GROUP_NAME,
+        PARTS
+    };
+}
 export function setCtx(props) {
-    const toolbar = createToolbar(removeUndefined(props));
+    const { NAME, PARTS } = getToolbarData();
+    const getAttrs = createBitAttrs(NAME, PARTS);
+    const toolbar = { ...createToolbar(removeUndefined(props)), getAttrs };
     setContext(NAME, toolbar);
     return {
         ...toolbar,
@@ -14,8 +22,9 @@ export function setCtx(props) {
     };
 }
 export function setGroupCtx(props) {
-    const { builders: { createToolbarGroup } } = getCtx();
-    const group = createToolbarGroup(removeUndefined(props));
+    const { builders: { createToolbarGroup }, getAttrs } = getCtx();
+    const group = { ...createToolbarGroup(removeUndefined(props)), getAttrs };
+    const { GROUP_NAME } = getToolbarData();
     setContext(GROUP_NAME, group);
     return {
         ...group,
@@ -23,8 +32,10 @@ export function setGroupCtx(props) {
     };
 }
 export function getCtx() {
+    const { NAME } = getToolbarData();
     return getContext(NAME);
 }
 export function getGroupCtx() {
+    const { GROUP_NAME } = getToolbarData();
     return getContext(GROUP_NAME);
 }

package/dist/bits/tooltip/components/tooltip-arrow.svelte

@@ -1,10 +1,11 @@
 <script>import { melt } from "@melt-ui/svelte";
-import { setArrow, getAttrs } from "../ctx.js";
+import { setArrow } from "../ctx.js";
 export let size = 8;
 export let asChild = false;
 export let el = void 0;
 const {
-  elements: { arrow }
+  elements: { arrow },
+  getAttrs
 } = setArrow(size);
 const attrs = getAttrs("arrow");
 $: