@heyramzi/ui 2.11.0 → 2.11.2

package/dist/shadcn/sheet/index.js

@@ -8,4 +8,6 @@ import Header from "../../../src/shadcn/sheet/sheet-header.svelte";
 import Footer from "../../../src/shadcn/sheet/sheet-footer.svelte";
 import Title from "../../../src/shadcn/sheet/sheet-title.svelte";
 import Description from "../../../src/shadcn/sheet/sheet-description.svelte";
-export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };
+export { Root, Close, Trigger, Portal, Overlay, Content, Header, Footer, Title, Description, 
+//
+ Root as Sheet, Close as SheetClose, Trigger as SheetTrigger, Portal as SheetPortal, Overlay as SheetOverlay, Content as SheetContent, Header as SheetHeader, Footer as SheetFooter, Title as SheetTitle, Description as SheetDescription };

package/dist/shadcn/sidebar/context.svelte.js

@@ -2,37 +2,51 @@ import { IsMobile } from "../hooks/is-mobile.svelte.js";
 import { getContext, setContext } from "svelte";
 import { SIDEBAR_KEYBOARD_SHORTCUT } from "./constants.js";
 class SidebarState {
-    props;
-    open = $derived.by(()=>this.props.open());
-    openMobile = $state(false);
-    setOpen;
-    #isMobile;
-    state = $derived.by(()=>this.open ? "expanded" : "collapsed");
-    constructor(props){
-        this.setOpen = props.setOpen;
-        this.#isMobile = new IsMobile();
-        this.props = props;
-    }
-    get isMobile() {
-        return this.#isMobile.current;
-    }
-    handleShortcutKeydown = (e)=>{
-        if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
-            e.preventDefault();
-            this.toggle();
-        }
-    };
-    setOpenMobile = (value)=>{
-        this.openMobile = value;
-    };
-    toggle = ()=>{
-        return this.#isMobile.current ? this.openMobile = !this.openMobile : this.setOpen(!this.open);
-    };
+	props;
+	open = $derived.by(() => this.props.open());
+	openMobile = $state(false);
+	setOpen;
+	#isMobile;
+	state = $derived.by(() => this.open ? "expanded" : "collapsed");
+	constructor(props) {
+		this.setOpen = props.setOpen;
+		this.#isMobile = new IsMobile();
+		this.props = props;
+	}
+	// Convenience getter for checking if the sidebar is mobile
+	// without this, we would need to use `sidebar.isMobile.current` everywhere
+	get isMobile() {
+		return this.#isMobile.current;
+	}
+	// Event handler to apply to the `<svelte:window>`
+	handleShortcutKeydown = (e) => {
+		if (e.key === SIDEBAR_KEYBOARD_SHORTCUT && (e.metaKey || e.ctrlKey)) {
+			e.preventDefault();
+			this.toggle();
+		}
+	};
+	setOpenMobile = (value) => {
+		this.openMobile = value;
+	};
+	toggle = () => {
+		return this.#isMobile.current ? this.openMobile = !this.openMobile : this.setOpen(!this.open);
+	};
 }
 const SYMBOL_KEY = "scn-sidebar";
+/**
+* Instantiates a new `SidebarState` instance and sets it in the context.
+*
+* @param props The constructor props for the `SidebarState` class.
+* @returns  The `SidebarState` instance.
+*/
 export function setSidebar(props) {
-    return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
+	return setContext(Symbol.for(SYMBOL_KEY), new SidebarState(props));
 }
+/**
+* Retrieves the `SidebarState` instance from the context. This is a class instance,
+* so you cannot destructure it.
+* @returns The `SidebarState` instance.
+*/
 export function useSidebar() {
-    return getContext(Symbol.for(SYMBOL_KEY));
+	return getContext(Symbol.for(SYMBOL_KEY));
 }

package/dist/shadcn/sidebar/index.js

@@ -22,4 +22,6 @@ import Rail from "../../../src/shadcn/sidebar/sidebar-rail.svelte";
 import Separator from "../../../src/shadcn/sidebar/sidebar-separator.svelte";
 import Trigger from "../../../src/shadcn/sidebar/sidebar-trigger.svelte";
 import Root from "../../../src/shadcn/sidebar/sidebar.svelte";
-export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar };
+export { Content, Footer, Group, GroupAction, GroupContent, GroupLabel, Header, Input, Inset, Menu, MenuAction, MenuBadge, MenuButton, MenuItem, MenuSkeleton, MenuSub, MenuSubButton, MenuSubItem, Provider, Rail, Root, Separator, 
+//
+ Root as Sidebar, Content as SidebarContent, Footer as SidebarFooter, Group as SidebarGroup, GroupAction as SidebarGroupAction, GroupContent as SidebarGroupContent, GroupLabel as SidebarGroupLabel, Header as SidebarHeader, Input as SidebarInput, Inset as SidebarInset, Menu as SidebarMenu, MenuAction as SidebarMenuAction, MenuBadge as SidebarMenuBadge, MenuButton as SidebarMenuButton, MenuItem as SidebarMenuItem, MenuSkeleton as SidebarMenuSkeleton, MenuSub as SidebarMenuSub, MenuSubButton as SidebarMenuSubButton, MenuSubItem as SidebarMenuSubItem, Provider as SidebarProvider, Rail as SidebarRail, Separator as SidebarSeparator, Trigger as SidebarTrigger, Trigger, useSidebar };

package/dist/shadcn/skeleton/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/skeleton/skeleton.svelte";
-export { Root, Root as Skeleton };
+export { Root, 
+//
+ Root as Skeleton };

package/dist/shadcn/slider/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/slider/slider.svelte";
-export { Root, Root as Slider };
+export { Root, 
+//
+ Root as Slider };

package/dist/shadcn/switch/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/switch/switch.svelte";
-export { Root, Root as Switch };
+export { Root, 
+//
+ Root as Switch };

package/dist/shadcn/table/index.js

@@ -6,4 +6,6 @@ import Footer from "../../../src/shadcn/table/table-footer.svelte";
 import Head from "../../../src/shadcn/table/table-head.svelte";
 import Header from "../../../src/shadcn/table/table-header.svelte";
 import Row from "../../../src/shadcn/table/table-row.svelte";
-export { Root, Body, Caption, Cell, Footer, Head, Header, Row, Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow };
+export { Root, Body, Caption, Cell, Footer, Head, Header, Row, 
+//
+ Root as Table, Body as TableBody, Caption as TableCaption, Cell as TableCell, Footer as TableFooter, Head as TableHead, Header as TableHeader, Row as TableRow };

package/dist/shadcn/tabs/index.js

@@ -2,4 +2,6 @@ import Root from "../../../src/shadcn/tabs/tabs.svelte";
 import Content from "../../../src/shadcn/tabs/tabs-content.svelte";
 import List from "../../../src/shadcn/tabs/tabs-list.svelte";
 import Trigger from "../../../src/shadcn/tabs/tabs-trigger.svelte";
-export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };
+export { Root, Content, List, Trigger, 
+//
+ Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger };

package/dist/shadcn/textarea/index.js

@@ -1,2 +1,4 @@
 import Root from "../../../src/shadcn/textarea/textarea.svelte";
-export { Root, Root as Textarea };
+export { Root, 
+//
+ Root as Textarea };

package/dist/shadcn/toggle/index.js

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/toggle/toggle.svelte";
 export { toggleVariants } from "../../../src/shadcn/toggle/toggle.svelte";
-export { Root, Root as Toggle };
+export { Root, 
+//
+ Root as Toggle };

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

@@ -1,3 +1,5 @@
 import Root from "../../../src/shadcn/toggle-group/toggle-group.svelte";
 import Item from "../../../src/shadcn/toggle-group/toggle-group-item.svelte";
-export { Root, Item, Root as ToggleGroup, Item as ToggleGroupItem };
+export { Root, Item, 
+//
+ Root as ToggleGroup, Item as ToggleGroupItem };

package/dist/shadcn/tooltip/context.js

@@ -1,8 +1,13 @@
 import { getContext, hasContext, setContext } from "svelte";
 const KEY = Symbol.for("upsys.tooltip.provider");
+/** Marks the subtree as already inside a Tooltip.Provider. */
 export function markTooltipProvider() {
-    setContext(KEY, true);
+	setContext(KEY, true);
 }
+/**
+* bits-ui keeps the delay and the skip window on the provider, so tooltips share
+* a group only when they share one. The root used to mount its own every time.
+*/
 export function hasTooltipProvider() {
-    return hasContext(KEY) && getContext(KEY) === true;
+	return hasContext(KEY) && getContext(KEY) === true;
 }

package/dist/shadcn/tooltip/index.js

@@ -3,4 +3,6 @@ import Trigger from "../../../src/shadcn/tooltip/tooltip-trigger.svelte";
 import Content from "../../../src/shadcn/tooltip/tooltip-content.svelte";
 import Provider from "../../../src/shadcn/tooltip/tooltip-provider.svelte";
 import Portal from "../../../src/shadcn/tooltip/tooltip-portal.svelte";
-export { Root, Trigger, Content, Provider, Portal, Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal };
+export { Root, Trigger, Content, Provider, Portal, 
+//
+ Root as Tooltip, Content as TooltipContent, Trigger as TooltipTrigger, Provider as TooltipProvider, Portal as TooltipPortal };

package/dist/shadcn/trace/index.js

@@ -6,4 +6,6 @@ import Icon from "../../../src/shadcn/trace/trace-icon.svelte";
 import Title from "../../../src/shadcn/trace/trace-title.svelte";
 import Root from "../../../src/shadcn/trace/trace.svelte";
 import Line from "../../../src/shadcn/trace/trace-line.svelte";
-export { Root, Line, Icon, Title, Description, Collapsible, CollapsibleTrigger, CollapsibleContent, Root as Trace, Line as TraceLine, Icon as TraceIcon, Title as TraceTitle, Description as TraceDescription, Collapsible as TraceCollapsible, CollapsibleTrigger as TraceCollapsibleTrigger, CollapsibleContent as TraceCollapsibleContent };
+export { Root, Line, Icon, Title, Description, Collapsible, CollapsibleTrigger, CollapsibleContent, 
+//
+ Root as Trace, Line as TraceLine, Icon as TraceIcon, Title as TraceTitle, Description as TraceDescription, Collapsible as TraceCollapsible, CollapsibleTrigger as TraceCollapsibleTrigger, CollapsibleContent as TraceCollapsibleContent };

package/dist/slides/bridges.js

@@ -1,66 +1,72 @@
 import { parseSlideParam } from "./navigation.js";
+/** Reads `?s=` once, then keeps it at the current slide. The write is a replace, so Back skips it. */
 export function attachUrlSync(deck, { param = "s", write } = {}) {
-    const initial = parseSlideParam(new URL(location.href).searchParams.get(param), deck.entries.length);
-    if (initial !== null) deck.go(initial, 0, "remote");
-    return deck.listen(({ index })=>{
-        const url = new URL(location.href);
-        url.searchParams.set(param, String(index + 1));
-        if (write) write(url);
-        else history.replaceState(history.state, "", url);
-    });
+	const initial = parseSlideParam(new URL(location.href).searchParams.get(param), deck.entries.length);
+	if (initial !== null) deck.go(initial, 0, "remote");
+	return deck.listen(({ index }) => {
+		const url = new URL(location.href);
+		url.searchParams.set(param, String(index + 1));
+		if (write) write(url);
+		else history.replaceState(history.state, "", url);
+	});
 }
+/**
+* Lets a host page drive a deck in an iframe. In: `{type:'deck:nav', delta}` and
+* `{type:'deck:go', index, step?}`. Out to the parent: `{type:'deck:change', index, step, total}`.
+*/
 export function attachBridge(deck, { origin = location.origin } = {}) {
-    const onMessage = (event)=>{
-        if (origin !== "*" && event.origin !== origin) return;
-        const data = event.data;
-        if (data?.type === "deck:nav") {
-            if (data.delta === -1) deck.prev();
-            else if (data.delta === 1) deck.next();
-        } else if (data?.type === "deck:go" && Number.isInteger(data.index)) {
-            deck.go(data.index, Number.isInteger(data.step) ? data.step : 0, "remote");
-        }
-    };
-    window.addEventListener("message", onMessage);
-    const stop = deck.listen(({ index, step }, source)=>{
-        if (source === "local" && window.parent !== window) {
-            window.parent.postMessage({
-                type: "deck:change",
-                index,
-                step,
-                total: deck.visible.length
-            }, origin);
-        }
-    });
-    return ()=>{
-        window.removeEventListener("message", onMessage);
-        stop();
-    };
+	const onMessage = (event) => {
+		if (origin !== "*" && event.origin !== origin) return;
+		const data = event.data;
+		if (data?.type === "deck:nav") {
+			if (data.delta === -1) deck.prev();
+			else if (data.delta === 1) deck.next();
+		} else if (data?.type === "deck:go" && Number.isInteger(data.index)) {
+			deck.go(data.index, Number.isInteger(data.step) ? data.step : 0, "remote");
+		}
+	};
+	window.addEventListener("message", onMessage);
+	const stop = deck.listen(({ index, step }, source) => {
+		if (source === "local" && window.parent !== window) {
+			window.parent.postMessage({
+				type: "deck:change",
+				index,
+				step,
+				total: deck.visible.length
+			}, origin);
+		}
+	});
+	return () => {
+		window.removeEventListener("message", onMessage);
+		stop();
+	};
 }
+/** Mirrors the deck across windows of one origin: the audience screen and a presenter view. */
 export function attachChannel(deck, name) {
-    if (typeof BroadcastChannel === "undefined") return ()=>{};
-    const channel = new BroadcastChannel(`heyramzi-slides:${name}`);
-    const self = crypto.randomUUID();
-    const send = (message)=>channel.postMessage(message);
-    const state = ({ index, step } = deck.position)=>({
-            type: "state",
-            from: self,
-            index,
-            step
-        });
-    channel.onmessage = ({ data })=>{
-        if (data.from === self) return;
-        if (data.type === "hello") send(state());
-        else deck.go(data.index, data.step, "remote");
-    };
-    const stop = deck.listen((position, source)=>{
-        if (source === "local") send(state(position));
-    });
-    send({
-        type: "hello",
-        from: self
-    });
-    return ()=>{
-        stop();
-        channel.close();
-    };
+	if (typeof BroadcastChannel === "undefined") return () => {};
+	const channel = new BroadcastChannel(`heyramzi-slides:${name}`);
+	const self = crypto.randomUUID();
+	const send = (message) => channel.postMessage(message);
+	const state = ({ index, step } = deck.position) => ({
+		type: "state",
+		from: self,
+		index,
+		step
+	});
+	channel.onmessage = ({ data }) => {
+		if (data.from === self) return;
+		if (data.type === "hello") send(state());
+		else deck.go(data.index, data.step, "remote");
+	};
+	const stop = deck.listen((position, source) => {
+		if (source === "local") send(state(position));
+	});
+	send({
+		type: "hello",
+		from: self
+	});
+	return () => {
+		stop();
+		channel.close();
+	};
 }