@lapismd/mira 0.0.1

package/dist/ui/toggle-group/context.d.ts

@@ -0,0 +1,7 @@
+export type ToggleGroupContext = {
+    value: () => string;
+    setValue: (value: string) => void;
+};
+export declare function setToggleGroupContext(context: ToggleGroupContext): void;
+export declare function useToggleGroupContext(): ToggleGroupContext;
+//# sourceMappingURL=context.d.ts.map

package/dist/ui/toggle-group/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle-group/context.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,kBAAkB,GAAG,IAAI,CAEvE;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,CAE1D"}

package/dist/ui/toggle-group/context.js

@@ -0,0 +1,8 @@
+import { getContext, setContext } from "svelte";
+const TOGGLE_GROUP_CONTEXT = Symbol("mira-toggle-group");
+export function setToggleGroupContext(context) {
+    setContext(TOGGLE_GROUP_CONTEXT, context);
+}
+export function useToggleGroupContext() {
+    return getContext(TOGGLE_GROUP_CONTEXT);
+}

package/dist/ui/toggle-group/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Root } from "./toggle-group.svelte";
+export { default as Item } from "./toggle-group-item.svelte";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/toggle-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/ui/toggle-group/index.js

@@ -0,0 +1,2 @@
+export { default as Root } from "./toggle-group.svelte";
+export { default as Item } from "./toggle-group-item.svelte";

package/dist/ui/toggle-group/toggle-group-item.svelte

@@ -0,0 +1,33 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  type Props = {
+    value: string;
+    class?: string;
+    title?: string;
+    children?: Snippet;
+  };
+
+  let { value, class: className = "", title, children }: Props = $props();
+
+  function select(event: MouseEvent): void {
+    event.currentTarget?.dispatchEvent(
+      new CustomEvent("miratoggleselect", {
+        bubbles: true,
+        detail: value,
+      }),
+    );
+  }
+</script>
+
+<button
+  type="button"
+  class={`mira-toggle-group__item ${className}`.trim()}
+  aria-pressed="false"
+  data-mira-toggle-value={value}
+  data-state="off"
+  {title}
+  onclick={select}
+>
+  {@render children?.()}
+</button>

package/dist/ui/toggle-group/toggle-group-item.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Snippet } from "svelte";
+type Props = {
+    value: string;
+    class?: string;
+    title?: string;
+    children?: Snippet;
+};
+declare const ToggleGroupItem: import("svelte").Component<Props, {}, "">;
+type ToggleGroupItem = ReturnType<typeof ToggleGroupItem>;
+export default ToggleGroupItem;
+//# sourceMappingURL=toggle-group-item.svelte.d.ts.map

package/dist/ui/toggle-group/toggle-group-item.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle-group/toggle-group-item.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAuBJ,QAAA,MAAM,eAAe,2CAAwC,CAAC;AAC9D,KAAK,eAAe,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAC1D,eAAe,eAAe,CAAC"}

package/dist/ui/toggle-group/toggle-group.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+  import type { Snippet } from "svelte";
+
+  type Props = {
+    value: string;
+    class?: string;
+    "aria-label"?: string;
+    onValueChange?: (value: string) => void;
+    children?: Snippet;
+  };
+
+  let {
+    value = $bindable(""),
+    class: className = "",
+    "aria-label": ariaLabel,
+    onValueChange,
+    children,
+  }: Props = $props();
+
+  let root: HTMLDivElement | null = $state(null);
+
+  function handleSelect(event: Event): void {
+    const next =
+      event instanceof CustomEvent && typeof event.detail === "string"
+        ? event.detail
+        : "";
+    if (!next) {
+      return;
+    }
+    value = next;
+    onValueChange?.(next);
+  }
+
+  function toggleGroupEvents(node: HTMLDivElement): { destroy: () => void } {
+    const listener = (event: Event) => handleSelect(event);
+    node.addEventListener("miratoggleselect", listener);
+    return {
+      destroy() {
+        node.removeEventListener("miratoggleselect", listener);
+      },
+    };
+  }
+
+  function syncItems(
+    element: HTMLDivElement | null,
+    activeValue: string,
+  ): void {
+    if (!element) {
+      return;
+    }
+
+    for (const item of element.querySelectorAll<HTMLButtonElement>(
+      "[data-mira-toggle-value]",
+    )) {
+      const active = item.dataset.miraToggleValue === activeValue;
+      item.dataset.state = active ? "on" : "off";
+      item.setAttribute("aria-pressed", String(active));
+    }
+  }
+
+  $effect(() => {
+    syncItems(root, value);
+  });
+</script>
+
+<div
+  bind:this={root}
+  use:toggleGroupEvents
+  class={`mira-toggle-group ${className}`.trim()}
+  role="group"
+  aria-label={ariaLabel}
+>
+  {@render children?.()}
+</div>

package/dist/ui/toggle-group/toggle-group.svelte.d.ts

@@ -0,0 +1,12 @@
+import type { Snippet } from "svelte";
+type Props = {
+    value: string;
+    class?: string;
+    "aria-label"?: string;
+    onValueChange?: (value: string) => void;
+    children?: Snippet;
+};
+declare const ToggleGroup: import("svelte").Component<Props, {}, "value">;
+type ToggleGroup = ReturnType<typeof ToggleGroup>;
+export default ToggleGroup;
+//# sourceMappingURL=toggle-group.svelte.d.ts.map

package/dist/ui/toggle-group/toggle-group.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toggle-group/toggle-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAGpC,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAiEJ,QAAA,MAAM,WAAW,gDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

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

@@ -0,0 +1,7 @@
+import Root from "./toolbar.svelte";
+import Button from "./toolbar-button.svelte";
+import Group from "./toolbar-group.svelte";
+import GroupItem from "./toolbar-group-item.svelte";
+import Link from "./toolbar-link.svelte";
+export { Root, Button, Group, GroupItem, Link, Root as Toolbar, Button as ToolbarButton, Group as ToolbarGroup, GroupItem as ToolbarGroupItem, Link as ToolbarLink, };
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/toolbar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,kBAAkB,CAAC;AACpC,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAC7C,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,OAAO,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,SAAS,EACT,IAAI,EACJ,IAAI,IAAI,OAAO,EACf,MAAM,IAAI,aAAa,EACvB,KAAK,IAAI,YAAY,EACrB,SAAS,IAAI,gBAAgB,EAC7B,IAAI,IAAI,WAAW,GACpB,CAAC"}

package/dist/ui/toolbar/index.js

@@ -0,0 +1,6 @@
+import Root from "./toolbar.svelte";
+import Button from "./toolbar-button.svelte";
+import Group from "./toolbar-group.svelte";
+import GroupItem from "./toolbar-group-item.svelte";
+import Link from "./toolbar-link.svelte";
+export { Root, Button, Group, GroupItem, Link, Root as Toolbar, Button as ToolbarButton, Group as ToolbarGroup, GroupItem as ToolbarGroupItem, Link as ToolbarLink, };

package/dist/ui/toolbar/toolbar-button.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Toolbar as ToolbarPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ToolbarPrimitive.ButtonProps = $props();
+</script>
+
+<ToolbarPrimitive.Button
+  bind:ref
+  data-slot="toolbar-button"
+  class={cn("mira-toolbar__button", className)}
+  {...restProps}
+/>

package/dist/ui/toolbar/toolbar-button.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Toolbar as ToolbarPrimitive } from "bits-ui";
+declare const ToolbarButton: import("svelte").Component<ToolbarPrimitive.ButtonProps, {}, "ref">;
+type ToolbarButton = ReturnType<typeof ToolbarButton>;
+export default ToolbarButton;
+//# sourceMappingURL=toolbar-button.svelte.d.ts.map

package/dist/ui/toolbar/toolbar-button.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-button.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/toolbar-button.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,aAAa,qEAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/ui/toolbar/toolbar-group-item.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Toolbar as ToolbarPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ToolbarPrimitive.GroupItemProps = $props();
+</script>
+
+<ToolbarPrimitive.GroupItem
+  bind:ref
+  data-slot="toolbar-group-item"
+  class={cn("mira-toolbar__group-item", className)}
+  {...restProps}
+/>

package/dist/ui/toolbar/toolbar-group-item.svelte.d.ts

@@ -0,0 +1,4 @@
+declare const ToolbarGroupItem: import("svelte").Component<import("bits-ui").ToggleGroupItemProps, {}, "ref">;
+type ToolbarGroupItem = ReturnType<typeof ToolbarGroupItem>;
+export default ToolbarGroupItem;
+//# sourceMappingURL=toolbar-group-item.svelte.d.ts.map

package/dist/ui/toolbar/toolbar-group-item.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-group-item.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/toolbar-group-item.svelte.ts"],"names":[],"mappings":"AAqBA,QAAA,MAAM,gBAAgB,+EAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/ui/toolbar/toolbar-group.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { Toolbar as ToolbarPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(),
+    class: className,
+    ...restProps
+  }: ToolbarPrimitive.GroupProps = $props();
+</script>
+
+<ToolbarPrimitive.Group
+  bind:ref
+  bind:value
+  data-slot="toolbar-group"
+  class={cn("mira-toolbar__group", className)}
+  {...restProps}
+/>

package/dist/ui/toolbar/toolbar-group.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Toolbar as ToolbarPrimitive } from "bits-ui";
+declare const ToolbarGroup: import("svelte").Component<ToolbarPrimitive.GroupProps, {}, "value" | "ref">;
+type ToolbarGroup = ReturnType<typeof ToolbarGroup>;
+export default ToolbarGroup;
+//# sourceMappingURL=toolbar-group.svelte.d.ts.map

package/dist/ui/toolbar/toolbar-group.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-group.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/toolbar-group.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAmBtD,QAAA,MAAM,YAAY,8EAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/ui/toolbar/toolbar-link.svelte

@@ -0,0 +1,17 @@
+<script lang="ts">
+  import { Toolbar as ToolbarPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ToolbarPrimitive.LinkProps = $props();
+</script>
+
+<ToolbarPrimitive.Link
+  bind:ref
+  data-slot="toolbar-link"
+  class={cn("mira-toolbar__link", className)}
+  {...restProps}
+/>

package/dist/ui/toolbar/toolbar-link.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Toolbar as ToolbarPrimitive } from "bits-ui";
+declare const ToolbarLink: import("svelte").Component<ToolbarPrimitive.LinkProps, {}, "ref">;
+type ToolbarLink = ReturnType<typeof ToolbarLink>;
+export default ToolbarLink;
+//# sourceMappingURL=toolbar-link.svelte.d.ts.map

package/dist/ui/toolbar/toolbar-link.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-link.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/toolbar-link.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAkBtD,QAAA,MAAM,WAAW,mEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/toolbar/toolbar.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { Toolbar as ToolbarPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    orientation = "horizontal",
+    loop = true,
+    ...restProps
+  }: ToolbarPrimitive.RootProps = $props();
+</script>
+
+<ToolbarPrimitive.Root
+  bind:ref
+  data-slot="toolbar"
+  {orientation}
+  {loop}
+  class={cn("mira-toolbar", className)}
+  {...restProps}
+/>

package/dist/ui/toolbar/toolbar.svelte.d.ts

@@ -0,0 +1,5 @@
+import { Toolbar as ToolbarPrimitive } from "bits-ui";
+declare const Toolbar: import("svelte").Component<ToolbarPrimitive.RootProps, {}, "ref">;
+type Toolbar = ReturnType<typeof Toolbar>;
+export default Toolbar;
+//# sourceMappingURL=toolbar.svelte.d.ts.map

package/dist/ui/toolbar/toolbar.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/toolbar/toolbar.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAoBtD,QAAA,MAAM,OAAO,mEAAwC,CAAC;AACtD,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,OAAO,CAAC,CAAC;AAC1C,eAAe,OAAO,CAAC"}

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,8 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+import Root from "./tooltip-root.svelte";
+declare const Provider: import("svelte").Component<TooltipPrimitive.ProviderProps, {}, "">;
+declare const Portal: import("svelte").Component<TooltipPrimitive.PortalProps, {}, "">;
+export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AACtD,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,OAAO,MAAM,0BAA0B,CAAC;AAC/C,OAAO,IAAI,MAAM,uBAAuB,CAAC;AAEzC,QAAA,MAAM,QAAQ,oEAA4B,CAAC;AAC3C,QAAA,MAAM,MAAM,kEAA0B,CAAC;AAEvC,OAAO,EACL,IAAI,EACJ,OAAO,EACP,OAAO,EACP,QAAQ,EACR,MAAM,EAEN,IAAI,IAAI,OAAO,EACf,OAAO,IAAI,cAAc,EACzB,OAAO,IAAI,cAAc,EACzB,QAAQ,IAAI,eAAe,EAC3B,MAAM,IAAI,aAAa,GACxB,CAAC"}

package/dist/ui/tooltip/index.js

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+import Trigger from "./tooltip-trigger.svelte";
+import Content from "./tooltip-content.svelte";
+import Root from "./tooltip-root.svelte";
+const Provider = TooltipPrimitive.Provider;
+const Portal = TooltipPrimitive.Portal;
+export { Root, Trigger, Content, Provider, Portal, 
+//
+Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal, };

package/dist/ui/tooltip/tooltip-content.svelte

@@ -0,0 +1,85 @@
+<script lang="ts">
+  import { Tooltip as TooltipPrimitive } from "bits-ui";
+  import { cn } from "../utils.js";
+  import { getContext } from "svelte";
+  import {
+    disableOverlayPortalContextKey,
+    resolveOverlayPortalProps,
+    tooltipPortalContextKey,
+    type OverlayPortalContext,
+  } from "../internal/overlay-portal-context.js";
+  import {
+    miraAppearanceContextKey,
+    miraColorModeAttribute,
+    miraColorModeClassName,
+    normalizeMiraTheme,
+    type MiraAppearanceContext,
+  } from "../../internal/appearance-context.js";
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    sideOffset = 0,
+    side = "top",
+    children,
+    arrowClasses,
+    portalProps,
+    ...restProps
+  }: TooltipPrimitive.ContentProps & {
+    arrowClasses?: string;
+    portalProps?: TooltipPrimitive.PortalProps;
+  } = $props();
+
+  const portalContext = getContext<OverlayPortalContext | undefined>(
+    tooltipPortalContextKey,
+  );
+  const disablePortals =
+    getContext<boolean | undefined>(disableOverlayPortalContextKey) ?? false;
+  const appearance = getContext<MiraAppearanceContext | undefined>(
+    miraAppearanceContextKey,
+  );
+  const appearanceTheme = $derived(normalizeMiraTheme(appearance?.theme));
+  const appearanceMode = $derived(
+    miraColorModeAttribute(appearance?.colorMode),
+  );
+  const appearanceClass = $derived(
+    miraColorModeClassName(appearance?.colorMode),
+  );
+</script>
+
+<TooltipPrimitive.Portal
+  {...resolveOverlayPortalProps(portalContext, portalProps, disablePortals)}
+>
+  <TooltipPrimitive.Content
+    bind:ref
+    data-slot="tooltip-content"
+    data-mira-overlay
+    data-mira-theme={appearanceTheme}
+    data-mira-color-mode={appearanceMode}
+    {sideOffset}
+    {side}
+    class={cn(
+      "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-(--layer-tooltip) w-fit origin-(--bits-tooltip-content-transform-origin) rounded-md bg-[var(--interactive-accent)] px-3 py-1.5 text-xs text-balance text-[var(--text-on-accent)]",
+      appearanceClass,
+      className,
+    )}
+    {...restProps}
+  >
+    {@render children?.()}
+    <TooltipPrimitive.Arrow>
+      {#snippet child({ props })}
+        <div
+          class={cn(
+            "z-(--layer-tooltip) size-2.5 rotate-45 rounded-[2px] bg-[var(--interactive-accent)]",
+            "data-[side=top]:translate-x-1/2 data-[side=top]:translate-y-[calc(-50%_+_2px)]",
+            "data-[side=bottom]:translate-x-1/2 data-[side=bottom]:-translate-y-[calc(-50%_+_1px)]",
+            "data-[side=right]:translate-x-[calc(50%_+_2px)] data-[side=right]:translate-y-1/2",
+            "data-[side=left]:translate-y-[calc(50%_-_3px)]",
+            arrowClasses,
+          )}
+          {...props}
+        ></div>
+      {/snippet}
+    </TooltipPrimitive.Arrow>
+  </TooltipPrimitive.Content>
+</TooltipPrimitive.Portal>

package/dist/ui/tooltip/tooltip-content.svelte.d.ts

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+type $$ComponentProps = TooltipPrimitive.ContentProps & {
+    arrowClasses?: string;
+    portalProps?: TooltipPrimitive.PortalProps;
+};
+declare const TooltipContent: import("svelte").Component<$$ComponentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
+export default TooltipContent;
+//# sourceMappingURL=tooltip-content.svelte.d.ts.map

package/dist/ui/tooltip/tooltip-content.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-content.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAiBrD,KAAK,gBAAgB,GAAI,gBAAgB,CAAC,YAAY,GAAG;IACtD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;CAC5C,CAAC;AA4DJ,QAAA,MAAM,cAAc,yDAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/ui/tooltip/tooltip-root.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { Tooltip as TooltipPrimitive } from "bits-ui";
+  import { setContext } from "svelte";
+  import {
+    createOverlayPortalContext,
+    tooltipPortalContextKey,
+  } from "../internal/overlay-portal-context.js";
+
+  let { open = $bindable(false), ...restProps }: TooltipPrimitive.RootProps =
+    $props();
+
+  setContext(tooltipPortalContextKey, createOverlayPortalContext());
+</script>
+
+<TooltipPrimitive.Root bind:open {...restProps} />

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

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+declare const TooltipRoot: import("svelte").Component<TooltipPrimitive.RootProps, {}, "open">;
+type TooltipRoot = ReturnType<typeof TooltipRoot>;
+export default TooltipRoot;
+//# sourceMappingURL=tooltip-root.svelte.d.ts.map

package/dist/ui/tooltip/tooltip-root.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-root.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-root.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAsBtD,QAAA,MAAM,WAAW,oEAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/ui/tooltip/tooltip-trigger.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Tooltip as TooltipPrimitive } from "bits-ui";
+  import { getContext } from "svelte";
+  import {
+    tooltipPortalContextKey,
+    type OverlayPortalContext,
+  } from "../internal/overlay-portal-context.js";
+
+  let { ref = $bindable(null), ...restProps }: TooltipPrimitive.TriggerProps =
+    $props();
+
+  const portalContext = getContext<OverlayPortalContext | undefined>(
+    tooltipPortalContextKey,
+  );
+
+  $effect(() => {
+    if (portalContext) {
+      portalContext.portalTarget = ref?.ownerDocument.body ?? null;
+    }
+  });
+</script>
+
+<TooltipPrimitive.Trigger bind:ref data-slot="tooltip-trigger" {...restProps} />

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

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from "bits-ui";
+declare const TooltipTrigger: import("svelte").Component<TooltipPrimitive.TriggerProps, {}, "ref">;
+type TooltipTrigger = ReturnType<typeof TooltipTrigger>;
+export default TooltipTrigger;
+//# sourceMappingURL=tooltip-trigger.svelte.d.ts.map

package/dist/ui/tooltip/tooltip-trigger.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-trigger.svelte.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-trigger.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,SAAS,CAAC;AA8BtD,QAAA,MAAM,cAAc,sEAAwC,CAAC;AAC7D,KAAK,cAAc,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AACxD,eAAe,cAAc,CAAC"}

package/dist/ui/utils.d.ts

@@ -0,0 +1,13 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;
+export type WithoutChild<T> = T extends {
+    child?: any;
+} ? Omit<T, "child"> : T;
+export type WithoutChildren<T> = T extends {
+    children?: any;
+} ? Omit<T, "children"> : T;
+export type WithoutChildrenOrChild<T> = WithoutChildren<WithoutChild<T>>;
+export type WithElementRef<T, U extends HTMLElement = HTMLElement> = T & {
+    ref?: U | null;
+};
+//# sourceMappingURL=utils.d.ts.map

package/dist/ui/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/ui/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAElD;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,KAAK,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;AAE/E,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GACzD,IAAI,CAAC,CAAC,EAAE,UAAU,CAAC,GACnB,CAAC,CAAC;AACN,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;AACzE,MAAM,MAAM,cAAc,CAAC,CAAC,EAAE,CAAC,SAAS,WAAW,GAAG,WAAW,IAAI,CAAC,GAAG;IACvE,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;CAChB,CAAC"}

package/dist/ui/utils.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn(...inputs) {
+    return twMerge(clsx(inputs));
+}