@plitzi/sdk-elements 0.38.11 → 0.38.12

package/dist/elements/provider/ApiContainer/index.d.ts

@@ -122,38 +122,14 @@ declare const ApiContainer: {
         };
         readonly definition: {
             readonly label: "Api Container";
-            readonly type: "apiContainer";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
+            readonly items: [];
         };
         readonly market: {
             readonly category: "provider";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-server";
         };
         readonly defaultStyle: {
-            readonly name: "Api Container";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -161,8 +137,9 @@ declare const ApiContainer: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     when?: import('@plitzi/sdk-shared').RuleGroup | undefined;
     action?: string | undefined;

package/dist/elements/provider/Channel/Channel.mjs

@@ -3,60 +3,61 @@ import t from "../../../Element/hocs/withElement.mjs";
 import n from "../../../Element/hooks/useElement.mjs";
 import { RootElement as r } from "../../../Element/RootElement.mjs";
 import i from "../../../dataSource/pathFields.mjs";
-import a from "../../../realtime/useChannel.mjs";
-import { use as o, useCallback as s, useMemo as c, useState as l } from "react";
-import u from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as d } from "@plitzi/nexus/react";
-import { emptyObject as f } from "@plitzi/sdk-shared/helpers/utils";
+import a from "../../../dataSource/sourceStore.mjs";
+import o from "../../../realtime/useChannel.mjs";
+import { use as s, useCallback as c, useMemo as l, useState as u } from "react";
+import d from "@plitzi/sdk-shared/hooks/usePlitzi";
+import { StoreProvider as f } from "@plitzi/nexus/react";
 import { jsx as p } from "react/jsx-runtime";
 import m from "clsx";
-import h from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import g from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
-import { isTrue as _ } from "@plitzi/sdk-shared/dataSource/utility/truthiness";
-import { JOIN_TYPE as v, LEAVE_TYPE as y, PRESENCE_TYPE as b } from "@plitzi/sdk-shared/realtime";
+import h from "@plitzi/sdk-interactions/InteractionsContext";
+import g from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import _ from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import { isTrue as v } from "@plitzi/sdk-shared/dataSource/utility/truthiness";
+import { JOIN_TYPE as y, LEAVE_TYPE as b, PRESENCE_TYPE as x } from "@plitzi/sdk-shared/realtime";
 //#region src/elements/provider/Channel/Channel.tsx
-var x = (e) => {
+var S = (e) => {
 	if (typeof e != "string") return e;
 	try {
 		return JSON.parse(e);
 	} catch {
 		return e;
 	}
-}, S = /* @__PURE__ */ new Set([
-	b,
-	v,
-	y
-]), C = ({ ref: t, className: v, children: y, topic: b = "", grant: C = "", presence: w, keep: T = 20, subType: E = "" }) => {
-	let { id: D, definition: { label: O = "Channel" } } = n(), { settings: { previewMode: k }, contexts: { InteractionsContext: A } } = u(), { interactionsManager: j } = o(A), M = Math.max(0, Number(T) || 0), [N, P] = l([]), F = s((e) => {
-		S.has(e.type) || (M > 0 && P((t) => [...t, e].slice(-M)), j.interactionTrigger(D, "onMessage", { ...e }));
+}, C = /* @__PURE__ */ new Set([
+	x,
+	y,
+	b
+]), w = ({ ref: t, className: y, children: b, topic: x = "", grant: w = "", presence: T, keep: E = 20, subType: D = "" }) => {
+	let { id: O, definition: { label: k = "Channel" } } = n(), { settings: { previewMode: A } } = d(), { interactionsManager: j } = s(h), M = Math.max(0, Number(E) || 0), [N, P] = u([]), F = c((e) => {
+		C.has(e.type) || (M > 0 && P((t) => [...t, e].slice(-M)), j.interactionTrigger(O, "onMessage", { ...e }));
 	}, [
-		D,
+		O,
 		j,
 		M
-	]), I = s(({ from: e, user: t, state: n }) => void j.interactionTrigger(D, "onJoin", {
+	]), I = c(({ from: e, user: t, state: n }) => void j.interactionTrigger(O, "onJoin", {
 		from: e,
 		user: t ?? "",
 		state: n
-	}), [D, j]), L = s(({ from: e, user: t, state: n }) => void j.interactionTrigger(D, "onLeave", {
+	}), [O, j]), L = c(({ from: e, user: t, state: n }) => void j.interactionTrigger(O, "onLeave", {
 		from: e,
 		user: t ?? "",
 		state: n
-	}), [D, j]), R = a(k && b ? b : void 0, {
-		grant: C || void 0,
-		presence: w === void 0 || w === "" ? void 0 : x(w),
+	}), [O, j]), R = o(A && x ? x : void 0, {
+		grant: w || void 0,
+		presence: T === void 0 || T === "" ? void 0 : S(T),
 		onMessage: F,
 		onJoin: I,
 		onLeave: L
-	}), z = c(() => ({
+	}), z = l(() => ({
 		publish: {
 			...e.callbacks.publish,
-			callback: ({ type: e, data: t, echo: n }) => typeof e == "string" && e ? R.publish(e, x(t), { echo: _(n) }) : Promise.resolve(!1)
+			callback: ({ type: e, data: t, echo: n }) => typeof e == "string" && e ? R.publish(e, S(t), { echo: v(n) }) : Promise.resolve(!1)
 		},
 		setPresence: {
 			...e.callbacks.setPresence,
-			callback: ({ data: e }) => R.setPresence(x(e))
+			callback: ({ data: e }) => R.setPresence(S(e))
 		}
-	}), [R]), B = h(e.sourceType, D), V = c(() => ({
+	}), [R]), B = g(e.sourceType, O), V = l(() => ({
 		connected: R.connected,
 		me: R.me ?? "",
 		members: R.members,
@@ -67,27 +68,27 @@ var x = (e) => {
 		R.me,
 		R.members,
 		N
-	]), H = s(() => i(V), [V]);
-	g({
-		id: D,
+	]), H = c(() => i(V), [V]);
+	_({
+		id: O,
 		source: B,
-		name: O || `Channel - ${D}`,
+		name: k || `Channel - ${O}`,
 		fields: H
 	});
-	let U = c(() => B ? { runtime: { sources: { [B]: V } } } : f, [V, B]);
+	let U = l(() => a(B, V), [V, B]);
 	return /* @__PURE__ */ p(r, {
 		ref: t,
-		tag: E,
-		className: m("plitzi-component__channel", v),
+		tag: D,
+		className: m("plitzi-component__channel", y),
 		interactionTriggers: e.triggers,
 		interactionCallbacks: z,
-		children: /* @__PURE__ */ p(d, {
+		children: /* @__PURE__ */ p(f, {
 			inherit: "live",
-			name: `Channel:${D}`,
+			name: `Channel:${O}`,
 			value: U,
-			children: y
+			children: b
 		})
 	});
-}, w = t(C);
+}, T = t(w);
 //#endregion
-export { C as Channel, w as default };
+export { w as Channel, T as default };

package/dist/elements/provider/Channel/declaration.d.ts

@@ -2,7 +2,7 @@ import { ChannelProps } from './Channel';
 import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
 /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
 export type ChannelAttributes = AuthorableAttributes<ChannelProps>;
-declare const declaration: {
+declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
     readonly type: "channel";
     readonly attributeValues: {
         readonly subType: readonly string[];
@@ -93,38 +93,14 @@ declare const declaration: {
         };
         readonly definition: {
             readonly label: "Channel";
-            readonly type: "channel";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
+            readonly items: [];
         };
         readonly market: {
             readonly category: "provider";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-tower-broadcast";
         };
         readonly defaultStyle: {
-            readonly name: "Channel";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -132,9 +108,8 @@ declare const declaration: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
-} & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
+}, Partial<{
     subType?: "" | "div" | "section" | "aside" | "main" | undefined;
     grant?: string | undefined;
     presence?: unknown;

package/dist/elements/provider/Channel/declaration.mjs

@@ -93,38 +93,17 @@ var n = e()({
 		},
 		definition: {
 			label: "Channel",
-			type: "channel",
-			description: "A realtime channel: every OTHER page on the same `topic` hears what one publishes, within milliseconds — the page that sent it too with `echo` (its `from` is then the channel's `me`). The topic must match a channel the space declares in its settings (`channels`), e.g. `board:{{ id }}` under `board:{id}`. A topic of a private channel (`grant: true`) opens only with `grant`, bound to the grant the action that let this visitor in returned (its `realtime.grant` step). ITS DESCENDANTS bind to its source `channel_<id>`: `connected`, `members` (with the state each announced), `messages` (the last `keep`) and `last`. It fires `onMessage`; `onJoin` when somebody who came after this page has announced who they are, and `onLeave` when somebody goes — each with `from`, `user` and the `state` they announced; and answers `publish({ type, data, echo })` and `setPresence({ data })`; `presence` is the state this page announces (a name, a colour). Closed in the builder and anywhere without a server.",
-			items: [],
-			bindings: {},
-			styleSelectors: { base: "" },
-			initialState: { visibility: !0 }
-		},
-		builder: {
-			canDelete: !0,
-			canSelect: !0,
-			canDragDrop: !0,
-			canMove: !0,
-			canSnippet: !0,
-			itemsAllowed: [],
-			itemsNotAllowed: []
+			description: "A realtime channel: every OTHER page on the same `topic` hears what one publishes, within milliseconds — the page that sent it too with `echo` (its `from` is then the `me` of the channel). The topic must match a channel the space declares in its settings (`channels`), e.g. `board:{{ id }}` under `board:{id}`. A topic of a private channel (`grant: true`) opens only with `grant`, bound to the grant the action that let this visitor in returned (its `realtime.grant` step). ITS DESCENDANTS bind to its source `channel_<id>`: `connected`, `members` (with the state each announced), `messages` (the last `keep`) and `last`. It fires `onMessage`; `onJoin` when somebody who came after this page has announced who they are, and `onLeave` when somebody goes — each with `from`, `user` and the `state` they announced; and answers `publish({ type, data, echo })` and `setPresence({ data })`; `presence` is the state this page announces (a name, a colour). Closed in the builder and anywhere without a server.",
+			items: []
 		},
 		market: {
 			category: "provider",
-			owner: "Plitzi",
-			verified: !0,
-			license: "MIT",
-			website: "https://plitzi.com",
-			backgroundColor: "#4422ee",
 			icon: "fa-solid fa-tower-broadcast"
 		},
 		defaultStyle: {
-			name: "Channel",
-			displayMode: "desktop",
 			style: { base: { default: {} } },
 			subTypes: {}
-		},
-		settings: {}
+		}
 	}
 });
 //#endregion

package/dist/elements/provider/Channel/index.d.ts

@@ -92,38 +92,14 @@ declare const Channel: {
         };
         readonly definition: {
             readonly label: "Channel";
-            readonly type: "channel";
             readonly description: string;
-            readonly items: readonly [];
-            readonly bindings: {};
-            readonly styleSelectors: {
-                readonly base: "";
-            };
-            readonly initialState: {
-                readonly visibility: true;
-            };
-        };
-        readonly builder: {
-            readonly canDelete: true;
-            readonly canSelect: true;
-            readonly canDragDrop: true;
-            readonly canMove: true;
-            readonly canSnippet: true;
-            readonly itemsAllowed: readonly [];
-            readonly itemsNotAllowed: readonly [];
+            readonly items: [];
         };
         readonly market: {
             readonly category: "provider";
-            readonly owner: "Plitzi";
-            readonly verified: true;
-            readonly license: "MIT";
-            readonly website: "https://plitzi.com";
-            readonly backgroundColor: "#4422ee";
             readonly icon: "fa-solid fa-tower-broadcast";
         };
         readonly defaultStyle: {
-            readonly name: "Channel";
-            readonly displayMode: "desktop";
             readonly style: {
                 readonly base: {
                     readonly default: {};
@@ -131,8 +107,9 @@ declare const Channel: {
             };
             readonly subTypes: {};
         };
-        readonly settings: {};
     };
+} & {
+    content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
 } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
     subType?: "" | "div" | "section" | "aside" | "main" | undefined;
     grant?: string | undefined;

package/dist/elements/settings.mjs

@@ -6,75 +6,83 @@ import i from "./advanced/NodeHtml/Settings.mjs";
 import a from "./advanced/PlitziSdk/Settings.mjs";
 import o from "./advanced/Reference/Settings.mjs";
 import s from "./basic/Button/Settings.mjs";
-import c from "./basic/Dropdown/Settings.mjs";
-import l from "./basic/Heading/Settings.mjs";
-import u from "./basic/Link/Settings.mjs";
-import d from "./basic/Markdown/Settings.mjs";
-import f from "./basic/Paragraph/Settings.mjs";
-import p from "./basic/RichText/Settings.mjs";
-import m from "./basic/Text/Settings.mjs";
-import h from "./form/Form/Settings.mjs";
-import g from "./form/FormControl/Settings.mjs";
-import _ from "./internal/LayoutContainer/Settings.mjs";
-import v from "./internal/Page/Settings.mjs";
-import y from "./media/Embed/Settings.mjs";
-import b from "./media/FontAwesome/Settings.mjs";
-import x from "./media/Image/Settings.mjs";
-import S from "./media/Svg/Settings.mjs";
-import C from "./media/Video/Settings.mjs";
-import w from "./provider/ApiContainer/Settings.mjs";
-import T from "./provider/Channel/Settings.mjs";
-import E from "./structure/Carousel/CarouselTrack/Settings.mjs";
-import D from "./structure/Carousel/Settings.mjs";
-import O from "./structure/Container/Settings.mjs";
-import k from "./structure/DialogContainer/Settings.mjs";
-import A from "./structure/List/ListItem/Settings.mjs";
-import j from "./structure/List/Settings.mjs";
-import M from "./structure/ModalContainer/Settings.mjs";
-import N from "./structure/Pagination/Settings.mjs";
-import P from "./structure/TabContainer/Settings.mjs";
-import F from "./structure/TabContainer/TabContainerBody/Settings.mjs";
-import I from "./structure/TabContainer/TabContainerHeader/Settings.mjs";
-import L from "./structure/TabContainer/TabContainerItem/Settings.mjs";
+import c from "./basic/Dropdown/DropdownPopup/Settings.mjs";
+import l from "./basic/Dropdown/Settings.mjs";
+import u from "./basic/Heading/Settings.mjs";
+import d from "./basic/Link/Settings.mjs";
+import f from "./basic/Markdown/Settings.mjs";
+import p from "./basic/Paragraph/Settings.mjs";
+import m from "./basic/RichText/Settings.mjs";
+import h from "./basic/Text/Settings.mjs";
+import g from "./basic/ThemeToggle/Settings.mjs";
+import _ from "./form/Form/Settings.mjs";
+import v from "./form/FormControl/Settings.mjs";
+import y from "./internal/LayoutContainer/Settings.mjs";
+import b from "./internal/Loading/Settings.mjs";
+import x from "./internal/NotFound/Settings.mjs";
+import S from "./internal/Page/Settings.mjs";
+import C from "./media/Embed/Settings.mjs";
+import w from "./media/FontAwesome/Settings.mjs";
+import T from "./media/Image/Settings.mjs";
+import E from "./media/Svg/Settings.mjs";
+import D from "./media/Video/Settings.mjs";
+import O from "./provider/ApiContainer/Settings.mjs";
+import k from "./provider/Channel/Settings.mjs";
+import A from "./structure/Carousel/CarouselTrack/Settings.mjs";
+import j from "./structure/Carousel/Settings.mjs";
+import M from "./structure/Container/Settings.mjs";
+import N from "./structure/DialogContainer/Settings.mjs";
+import P from "./structure/List/ListItem/Settings.mjs";
+import F from "./structure/List/Settings.mjs";
+import I from "./structure/ModalContainer/Settings.mjs";
+import L from "./structure/Pagination/Settings.mjs";
+import R from "./structure/TabContainer/Settings.mjs";
+import z from "./structure/TabContainer/TabContainerBody/Settings.mjs";
+import B from "./structure/TabContainer/TabContainerHeader/Settings.mjs";
+import V from "./structure/TabContainer/TabContainerItem/Settings.mjs";
 //#region src/elements/settings.ts
-var R = /* @__PURE__ */ e({ defaultElementsSettings: () => z }), z = {
-	dropdown: c,
+var H = /* @__PURE__ */ e({ defaultElementsSettings: () => U }), U = {
+	dropdown: l,
+	dropdownPopup: c,
 	plitziSdk: a,
 	custom: r,
 	reference: o,
 	blockHtml: t,
 	blockJsx: n,
-	page: v,
-	container: O,
-	layoutContainer: _,
-	dialogContainer: k,
-	modalContainer: M,
-	carousel: D,
-	carouselTrack: E,
-	tabContainer: P,
-	tabContainerBody: F,
-	tabContainerheader: I,
-	tabContainerItem: L,
-	heading: l,
-	image: x,
-	video: C,
-	embed: y,
-	svg: S,
-	fontAwesome: b,
+	page: S,
+	loading: b,
+	notFound: x,
+	container: M,
+	layoutContainer: y,
+	dialogContainer: N,
+	modalContainer: I,
+	carousel: j,
+	carouselTrack: A,
+	tabContainer: R,
+	tabContainerBody: z,
+	tabContainerHeader: B,
+	tabContainerItem: V,
+	heading: u,
+	image: T,
+	video: D,
+	embed: C,
+	svg: E,
+	fontAwesome: w,
 	button: s,
-	paragraph: f,
-	text: m,
-	markdown: d,
-	richText: p,
-	pagination: N,
+	paragraph: p,
+	text: h,
+	themeToggle: g,
+	markdown: f,
+	richText: m,
+	pagination: L,
 	nodeHtml: i,
-	list: j,
-	listItem: A,
-	link: u,
-	form: h,
-	formControl: g,
-	apiContainer: w,
-	channel: T
+	list: F,
+	listItem: P,
+	link: d,
+	form: _,
+	formControl: v,
+	apiContainer: O,
+	channel: k
 };
 //#endregion
-export { z as defaultElementsSettings, R as settings_exports };
+export { U as defaultElementsSettings, H as settings_exports };

package/dist/elements/structure/Carousel/Carousel.mjs

@@ -1,27 +1,28 @@
 import e from "./declaration.mjs";
 import t from "../../../Element/hocs/withElement.mjs";
 import n from "../../../Element/hooks/useElement.mjs";
-import { RootElement as ee } from "../../../Element/RootElement.mjs";
-import te from "../../../dataSource/pathFields.mjs";
-import ne from "./CarouselContext.mjs";
-import { clampIndex as r, directionOf as i, slideStep as a, stepIndex as o } from "./carouselIndex.mjs";
-import re from "./useAutoplay.mjs";
-import { rowKeys as s } from "../List/modes/ListControlled/rowKeys.mjs";
-import { use as ie, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
-import { StoreProvider as m } from "@plitzi/nexus/react";
-import { emptyObject as h } from "@plitzi/sdk-shared/helpers/utils";
+import { RootElement as r } from "../../../Element/RootElement.mjs";
+import i from "../../../dataSource/pathFields.mjs";
+import a from "../../../dataSource/sourceStore.mjs";
+import ee from "./CarouselContext.mjs";
+import { clampIndex as o, directionOf as s, slideStep as te, stepIndex as c } from "./carouselIndex.mjs";
+import ne from "./useAutoplay.mjs";
+import { rowKeys as l } from "../List/modes/ListControlled/rowKeys.mjs";
+import { use as u, useCallback as d, useEffect as re, useMemo as f, useRef as p, useState as m } from "react";
+import h from "@plitzi/sdk-shared/hooks/usePlitzi";
+import { StoreProvider as ie } from "@plitzi/nexus/react";
 import { jsx as g } from "react/jsx-runtime";
 import ae from "clsx";
-import oe from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
-import se from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
+import oe from "@plitzi/sdk-interactions/InteractionsContext";
+import se from "@plitzi/sdk-shared/dataSource/helpers/getSourceName";
+import ce from "@plitzi/sdk-shared/dataSource/hooks/useRegisterSource";
 //#region src/elements/structure/Carousel/Carousel.tsx
 var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "slide", autoplay: x = 0, pauseOnHover: S = !0, loop: C = !0, transition: w = "slide", speed: T = 30, itemKey: E, label: D = "" }) => {
-	let { id: O, definition: { label: k = "Carousel" } } = n(), A = oe(e.sourceType, O), { settings: { previewMode: ce }, contexts: { InteractionsContext: le } } = p(), { interactionsManager: j } = ie(le), M = u(() => Array.isArray(y) ? y : [], [y]), N = u(() => s(M, E), [M, E]), P = M.length, F = !!ce, [I, L] = f(0), [R, z] = f("next"), [B, V] = f(!1), [H, U] = f(x > 0), ue = d(null), W = t ?? ue, G = d(null), K = r(I, P);
-	l(() => {
+	let { id: O, definition: { label: k = "Carousel" } } = n(), A = se(e.sourceType, O), { settings: { previewMode: le } } = h(), { interactionsManager: j } = u(oe), M = f(() => Array.isArray(y) ? y : [], [y]), N = f(() => l(M, E), [M, E]), P = M.length, F = !!le, [I, L] = m(0), [R, z] = m("next"), [B, V] = m(!1), [H, U] = m(x > 0), ue = p(null), W = t ?? ue, G = p(null), K = o(I, P);
+	re(() => {
 		I !== K && L(K);
 	}, [I, K]);
-	let q = c((e, t) => {
+	let q = d((e, t) => {
 		P !== 0 && e !== K && (z(t), V(!0), L(e), j.interactionTrigger(O, "onChange", {
 			index: e,
 			item: M[e]
@@ -32,18 +33,18 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		O,
 		j,
 		M
-	]), J = c((e) => {
-		let t = G.current, n = t ? a(t) : 0;
+	]), J = d((e) => {
+		let t = G.current, n = t ? te(t) : 0;
 		t && n > 0 && t.scrollBy({
 			left: e * n,
 			behavior: "smooth"
 		});
-	}, []), Y = c(() => {
+	}, []), Y = d(() => {
 		if (b === "scroll") {
 			J(1);
 			return;
 		}
-		q(o(K, P, 1, C), "next");
+		q(c(K, P, 1, C), "next");
 	}, [
 		P,
 		K,
@@ -51,12 +52,12 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		b,
 		q,
 		J
-	]), X = c(() => {
+	]), X = d(() => {
 		if (b === "scroll") {
 			J(-1);
 			return;
 		}
-		q(o(K, P, -1, C), "previous");
+		q(c(K, P, -1, C), "previous");
 	}, [
 		P,
 		K,
@@ -64,23 +65,23 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		b,
 		q,
 		J
-	]), Z = c((e) => {
-		let t = r(e.index, P);
+	]), Z = d((e) => {
+		let t = o(e.index, P);
 		if (b === "scroll") {
 			J(t - K);
 			return;
 		}
-		q(t, i(K, t));
+		q(t, s(K, t));
 	}, [
 		P,
 		K,
 		b,
 		q,
 		J
-	]), Q = c((e) => {
-		e !== K && q(e, i(K, e));
+	]), Q = d((e) => {
+		e !== K && q(e, s(K, e));
 	}, [K, q]);
-	re({
+	ne({
 		delay: b === "slide" ? x : 0,
 		active: F && H && P > 1,
 		rootRef: W,
@@ -88,7 +89,7 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		position: K,
 		onTick: Y
 	});
-	let de = u(() => ({
+	let de = f(() => ({
 		next: {
 			...e.callbacks.next,
 			callback: Y
@@ -113,7 +114,7 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		Z,
 		Y,
 		X
-	]), $ = u(() => ({
+	]), $ = f(() => ({
 		items: M,
 		count: P,
 		index: K,
@@ -125,14 +126,14 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		K,
 		M,
 		H
-	]), fe = c(() => te($), [$]);
-	se({
+	]), fe = d(() => i($), [$]);
+	ce({
 		id: O,
 		source: A,
 		name: k || `Carousel - ${O}`,
 		fields: fe
 	});
-	let pe = u(() => A ? { runtime: { sources: { [A]: $ } } } : h, [A, $]), me = u(() => ({
+	let pe = f(() => a(A, $), [A, $]), me = f(() => ({
 		source: A,
 		items: M,
 		keys: N,
@@ -160,7 +161,7 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		T,
 		w
 	]);
-	return /* @__PURE__ */ g(ee, {
+	return /* @__PURE__ */ g(r, {
 		ref: W,
 		className: ae("plitzi-component__carousel", `carousel--${b}`, _),
 		role: "region",
@@ -168,11 +169,11 @@ var _ = ({ ref: t, className: _ = "", children: v, items: y = [], mode: b = "sli
 		"aria-label": D || void 0,
 		interactionTriggers: e.triggers,
 		interactionCallbacks: de,
-		children: /* @__PURE__ */ g(m, {
+		children: /* @__PURE__ */ g(ie, {
 			inherit: "live",
 			name: `Carousel:${O}`,
 			value: pe,
-			children: /* @__PURE__ */ g(ne, {
+			children: /* @__PURE__ */ g(ee, {
 				value: me,
 				children: v
 			})