@bysages/svelte 0.3.0 → 0.4.0

package/dist/FloatingPanel-B5-5flGu.mjs

@@ -0,0 +1,253 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { t as InternalIcon } from "./InternalIcon-Clwbj4MY.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Portal } from "@ark-ui/svelte/portal";
+import { FloatingPanel } from "@ark-ui/svelte/floating-panel";
+//#region src/components/floating-panel/FloatingPanelRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"position",
+	"size",
+	"children"
+]);
+function FloatingPanelRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("floating-panel");
+	let open = $.prop($$props, "open", 15), position = $.prop($$props, "position", 15), size = $.prop($$props, "size", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("floating-panel", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => FloatingPanel.Root, ($$anchor, ArkFloatingPanel_Root) => {
+		ArkFloatingPanel_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			get position() {
+				return position();
+			},
+			set position($$value) {
+				position($$value);
+			},
+			get size() {
+				return size();
+			},
+			set size($$value) {
+				size($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/floating-panel/FloatingPanel.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"trigger",
+	"label",
+	"description",
+	"disabled",
+	"children"
+]);
+var root = $.from_html(`<!> <!> <!>`, 1);
+var root_1 = $.from_html(`<!> <!>`, 1);
+var root_2 = $.from_html(`<p> </p>`);
+function FloatingPanel$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	const resizeAxes = [
+		"n",
+		"s",
+		"e",
+		"w",
+		"ne",
+		"nw",
+		"se",
+		"sw"
+	];
+	FloatingPanelRoot($$anchor, $.spread_props({ get disabled() {
+		return disabled();
+	} }, () => rest, {
+		get open() {
+			return open();
+		},
+		set open($$value) {
+			open($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_1();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => FloatingPanel.Trigger, ($$anchor, ArkFloatingPanel_Trigger) => {
+				ArkFloatingPanel_Trigger($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						$.next();
+						var text = $.text();
+						$.template_effect(() => $.set_text(text, $$props.trigger ?? $$props.label));
+						$.append($$anchor, text);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_1 = $.sibling(node, 2);
+			Portal(node_1, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_3 = $.comment();
+					var node_2 = $.first_child(fragment_3);
+					$.component(node_2, () => FloatingPanel.Positioner, ($$anchor, ArkFloatingPanel_Positioner) => {
+						ArkFloatingPanel_Positioner($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_4 = $.comment();
+								var node_3 = $.first_child(fragment_4);
+								$.component(node_3, () => FloatingPanel.Content, ($$anchor, ArkFloatingPanel_Content) => {
+									ArkFloatingPanel_Content($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_5 = root();
+											var node_4 = $.first_child(fragment_5);
+											$.component(node_4, () => FloatingPanel.DragTrigger, ($$anchor, ArkFloatingPanel_DragTrigger) => {
+												ArkFloatingPanel_DragTrigger($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_6 = $.comment();
+														var node_5 = $.first_child(fragment_6);
+														$.component(node_5, () => FloatingPanel.Header, ($$anchor, ArkFloatingPanel_Header) => {
+															ArkFloatingPanel_Header($$anchor, {
+																children: ($$anchor, $$slotProps) => {
+																	var fragment_7 = root_1();
+																	var node_6 = $.first_child(fragment_7);
+																	$.component(node_6, () => FloatingPanel.Title, ($$anchor, ArkFloatingPanel_Title) => {
+																		ArkFloatingPanel_Title($$anchor, {
+																			children: ($$anchor, $$slotProps) => {
+																				$.next();
+																				var text_1 = $.text();
+																				$.template_effect(() => $.set_text(text_1, $$props.label));
+																				$.append($$anchor, text_1);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	var node_7 = $.sibling(node_6, 2);
+																	$.component(node_7, () => FloatingPanel.Control, ($$anchor, ArkFloatingPanel_Control) => {
+																		ArkFloatingPanel_Control($$anchor, {
+																			children: ($$anchor, $$slotProps) => {
+																				var fragment_9 = root();
+																				var node_8 = $.first_child(fragment_9);
+																				$.component(node_8, () => FloatingPanel.StageTrigger, ($$anchor, ArkFloatingPanel_StageTrigger) => {
+																					ArkFloatingPanel_StageTrigger($$anchor, {
+																						stage: "minimized",
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "minus" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				var node_9 = $.sibling(node_8, 2);
+																				$.component(node_9, () => FloatingPanel.StageTrigger, ($$anchor, ArkFloatingPanel_StageTrigger_1) => {
+																					ArkFloatingPanel_StageTrigger_1($$anchor, {
+																						stage: "maximized",
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "maximize-2" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				var node_10 = $.sibling(node_9, 2);
+																				$.component(node_10, () => FloatingPanel.CloseTrigger, ($$anchor, ArkFloatingPanel_CloseTrigger) => {
+																					ArkFloatingPanel_CloseTrigger($$anchor, {
+																						"aria-label": "Close",
+																						children: ($$anchor, $$slotProps) => {
+																							InternalIcon($$anchor, { name: "x" });
+																						},
+																						$$slots: { default: true }
+																					});
+																				});
+																				$.append($$anchor, fragment_9);
+																			},
+																			$$slots: { default: true }
+																		});
+																	});
+																	$.append($$anchor, fragment_7);
+																},
+																$$slots: { default: true }
+															});
+														});
+														$.append($$anchor, fragment_6);
+													},
+													$$slots: { default: true }
+												});
+											});
+											var node_11 = $.sibling(node_4, 2);
+											$.component(node_11, () => FloatingPanel.Body, ($$anchor, ArkFloatingPanel_Body) => {
+												ArkFloatingPanel_Body($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_13 = root_1();
+														var node_12 = $.first_child(fragment_13);
+														var consequent = ($$anchor) => {
+															var p = root_2();
+															var text_2 = $.only_child(p, true);
+															$.template_effect(() => $.set_text(text_2, $$props.description));
+															$.append($$anchor, p);
+														};
+														$.if(node_12, ($$render) => {
+															if ($$props.description) $$render(consequent);
+														});
+														var node_13 = $.sibling(node_12, 2);
+														$.snippet(node_13, () => $$props.children ?? $.noop);
+														$.append($$anchor, fragment_13);
+													},
+													$$slots: { default: true }
+												});
+											});
+											var node_14 = $.sibling(node_11, 2);
+											$.each(node_14, 16, () => resizeAxes, (axis) => axis, ($$anchor, axis) => {
+												var fragment_14 = $.comment();
+												var node_15 = $.first_child(fragment_14);
+												$.component(node_15, () => FloatingPanel.ResizeTrigger, ($$anchor, ArkFloatingPanel_ResizeTrigger) => {
+													ArkFloatingPanel_ResizeTrigger($$anchor, { get axis() {
+														return axis;
+													} });
+												});
+												$.append($$anchor, fragment_14);
+											});
+											$.append($$anchor, fragment_5);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_4);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_3);
+				},
+				$$slots: { default: true }
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { FloatingPanelRoot as n, FloatingPanel$1 as t };

package/dist/HoverCard-CzkvDJbI.mjs

@@ -0,0 +1,154 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { Portal } from "@ark-ui/svelte/portal";
+import { HoverCard } from "@ark-ui/svelte/hover-card";
+//#region src/components/hover-card/HoverCardRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"children"
+]);
+function HoverCardRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("hover-card");
+	let open = $.prop($$props, "open", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("hover-card", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => HoverCard.Root, ($$anchor, ArkHoverCard_Root) => {
+		ArkHoverCard_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get open() {
+				return open();
+			},
+			set open($$value) {
+				open($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/hover-card/HoverCard.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"open",
+	"trigger",
+	"label",
+	"description",
+	"disabled",
+	"placement",
+	"children"
+]);
+var root = $.from_html(`<p> </p>`);
+var root_1 = $.from_html(`<!> <h3> </h3> <!> <!>`, 1);
+var root_2 = $.from_html(`<!> <!>`, 1);
+function HoverCard$1($$anchor, $$props) {
+	$.push($$props, true);
+	let open = $.prop($$props, "open", 15), disabled = $.prop($$props, "disabled", 3, false), rest = $.rest_props($$props, rest_excludes);
+	HoverCardRoot($$anchor, $.spread_props(() => $$props.placement === void 0 ? null : { positioning: { placement: $$props.placement } }, () => rest, {
+		get open() {
+			return open();
+		},
+		set open($$value) {
+			open($$value);
+		},
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_2();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => HoverCard.Trigger, ($$anchor, ArkHoverCard_Trigger) => {
+				ArkHoverCard_Trigger($$anchor, {
+					get disabled() {
+						return disabled();
+					},
+					children: ($$anchor, $$slotProps) => {
+						$.next();
+						var text = $.text();
+						$.template_effect(() => $.set_text(text, $$props.trigger));
+						$.append($$anchor, text);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_1 = $.sibling(node, 2);
+			Portal(node_1, {
+				children: ($$anchor, $$slotProps) => {
+					var fragment_3 = $.comment();
+					var node_2 = $.first_child(fragment_3);
+					$.component(node_2, () => HoverCard.Positioner, ($$anchor, ArkHoverCard_Positioner) => {
+						ArkHoverCard_Positioner($$anchor, {
+							children: ($$anchor, $$slotProps) => {
+								var fragment_4 = $.comment();
+								var node_3 = $.first_child(fragment_4);
+								$.component(node_3, () => HoverCard.Content, ($$anchor, ArkHoverCard_Content) => {
+									ArkHoverCard_Content($$anchor, {
+										children: ($$anchor, $$slotProps) => {
+											var fragment_5 = root_1();
+											var node_4 = $.first_child(fragment_5);
+											$.component(node_4, () => HoverCard.Arrow, ($$anchor, ArkHoverCard_Arrow) => {
+												ArkHoverCard_Arrow($$anchor, {
+													children: ($$anchor, $$slotProps) => {
+														var fragment_6 = $.comment();
+														var node_5 = $.first_child(fragment_6);
+														$.component(node_5, () => HoverCard.ArrowTip, ($$anchor, ArkHoverCard_ArrowTip) => {
+															ArkHoverCard_ArrowTip($$anchor, {});
+														});
+														$.append($$anchor, fragment_6);
+													},
+													$$slots: { default: true }
+												});
+											});
+											var h3 = $.sibling(node_4, 2);
+											var text_1 = $.only_child(h3, true);
+											var node_6 = $.sibling(h3, 2);
+											var consequent = ($$anchor) => {
+												var p = root();
+												var text_2 = $.only_child(p, true);
+												$.template_effect(() => $.set_text(text_2, $$props.description));
+												$.append($$anchor, p);
+											};
+											$.if(node_6, ($$render) => {
+												if ($$props.description) $$render(consequent);
+											});
+											var node_7 = $.sibling(node_6, 2);
+											$.snippet(node_7, () => $$props.children ?? $.noop);
+											$.template_effect(() => $.set_text(text_1, $$props.label));
+											$.append($$anchor, fragment_5);
+										},
+										$$slots: { default: true }
+									});
+								});
+								$.append($$anchor, fragment_4);
+							},
+							$$slots: { default: true }
+						});
+					});
+					$.append($$anchor, fragment_3);
+				},
+				$$slots: { default: true }
+			});
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+	$.pop();
+}
+//#endregion
+export { HoverCardRoot as n, HoverCard$1 as t };

package/dist/ImageCropper-CC9AyFBi.mjs

@@ -0,0 +1,155 @@
+import { t as useElementId } from "./id-Alz497yI.mjs";
+import { injectComponentStyle } from "@bysages/core";
+import "svelte/internal/disclose-version";
+import * as $ from "svelte/internal/client";
+import { ImageCropper } from "@ark-ui/svelte/image-cropper";
+//#region src/components/image-cropper/ImageCropperRoot.svelte
+var rest_excludes$1 = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"ref",
+	"zoom",
+	"rotation",
+	"flip",
+	"children"
+]);
+function ImageCropperRoot($$anchor, $$props) {
+	const generatedId = $.props_id();
+	$.push($$props, true);
+	injectComponentStyle("image-cropper");
+	let ref = $.prop($$props, "ref", 15, null), zoom = $.prop($$props, "zoom", 15), rotation = $.prop($$props, "rotation", 15), flip = $.prop($$props, "flip", 15), rest = $.rest_props($$props, rest_excludes$1);
+	const id = $.derived(() => useElementId("image-cropper", generatedId, $$props.id));
+	var fragment = $.comment();
+	var node = $.first_child(fragment);
+	$.component(node, () => ImageCropper.Root, ($$anchor, ArkImageCropper_Root) => {
+		ArkImageCropper_Root($$anchor, $.spread_props(() => rest, {
+			get id() {
+				return $.get(id);
+			},
+			get ref() {
+				return ref();
+			},
+			set ref($$value) {
+				ref($$value);
+			},
+			get zoom() {
+				return zoom();
+			},
+			set zoom($$value) {
+				zoom($$value);
+			},
+			get rotation() {
+				return rotation();
+			},
+			set rotation($$value) {
+				rotation($$value);
+			},
+			get flip() {
+				return flip();
+			},
+			set flip($$value) {
+				flip($$value);
+			},
+			children: ($$anchor, $$slotProps) => {
+				var fragment_1 = $.comment();
+				var node_1 = $.first_child(fragment_1);
+				$.snippet(node_1, () => $$props.children ?? $.noop);
+				$.append($$anchor, fragment_1);
+			},
+			$$slots: { default: true }
+		}));
+	});
+	$.append($$anchor, fragment);
+	$.pop();
+}
+//#endregion
+//#region src/components/image-cropper/ImageCropper.svelte
+var rest_excludes = /* @__PURE__ */ new Set([
+	"$$slots",
+	"$$events",
+	"$$legacy",
+	"src",
+	"alt",
+	"children"
+]);
+var root = $.from_html(`<div></div>`);
+var root_1 = $.from_html(`<!> <!> <!>`, 1);
+var root_2 = $.from_html(`<!> <!>`, 1);
+function ImageCropper$1($$anchor, $$props) {
+	let rest = $.rest_props($$props, rest_excludes);
+	const positions = [
+		"nw",
+		"ne",
+		"se",
+		"sw"
+	];
+	ImageCropperRoot($$anchor, $.spread_props(() => rest, {
+		children: ($$anchor, $$slotProps) => {
+			var fragment_1 = root_2();
+			var node = $.first_child(fragment_1);
+			$.component(node, () => ImageCropper.Viewport, ($$anchor, ArkImageCropper_Viewport) => {
+				ArkImageCropper_Viewport($$anchor, {
+					children: ($$anchor, $$slotProps) => {
+						var fragment_2 = root_2();
+						var node_1 = $.first_child(fragment_2);
+						$.component(node_1, () => ImageCropper.Image, ($$anchor, ArkImageCropper_Image) => {
+							ArkImageCropper_Image($$anchor, {
+								get src() {
+									return $$props.src;
+								},
+								get alt() {
+									return $$props.alt;
+								}
+							});
+						});
+						var node_2 = $.sibling(node_1, 2);
+						$.component(node_2, () => ImageCropper.Selection, ($$anchor, ArkImageCropper_Selection) => {
+							ArkImageCropper_Selection($$anchor, {
+								children: ($$anchor, $$slotProps) => {
+									var fragment_3 = root_1();
+									var node_3 = $.first_child(fragment_3);
+									$.each(node_3, 16, () => positions, (position) => position, ($$anchor, position) => {
+										var fragment_4 = $.comment();
+										var node_4 = $.first_child(fragment_4);
+										$.component(node_4, () => ImageCropper.Handle, ($$anchor, ArkImageCropper_Handle) => {
+											ArkImageCropper_Handle($$anchor, {
+												get position() {
+													return position;
+												},
+												children: ($$anchor, $$slotProps) => {
+													var div = root();
+													$.append($$anchor, div);
+												},
+												$$slots: { default: true }
+											});
+										});
+										$.append($$anchor, fragment_4);
+									});
+									var node_5 = $.sibling(node_3, 2);
+									$.component(node_5, () => ImageCropper.Grid, ($$anchor, ArkImageCropper_Grid) => {
+										ArkImageCropper_Grid($$anchor, { axis: "horizontal" });
+									});
+									var node_6 = $.sibling(node_5, 2);
+									$.component(node_6, () => ImageCropper.Grid, ($$anchor, ArkImageCropper_Grid_1) => {
+										ArkImageCropper_Grid_1($$anchor, { axis: "vertical" });
+									});
+									$.append($$anchor, fragment_3);
+								},
+								$$slots: { default: true }
+							});
+						});
+						$.append($$anchor, fragment_2);
+					},
+					$$slots: { default: true }
+				});
+			});
+			var node_7 = $.sibling(node, 2);
+			$.snippet(node_7, () => $$props.children ?? $.noop);
+			$.append($$anchor, fragment_1);
+		},
+		$$slots: { default: true }
+	}));
+}
+//#endregion
+export { ImageCropperRoot as n, ImageCropper$1 as t };