@bysages/solid 0.4.1 → 0.4.2

package/dist/components/ai-prompt-input/index.mjs

@@ -7,10 +7,9 @@ import { claimElement, createComponent, insert, setAttribute, spread, template }
 import { injectComponentStyle } from "@bysages/core/styling";
 import { Show, splitProps } from "solid-js";
 //#region src/components/ai-prompt-input/index.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 16 16"width=14 height=14 aria-hidden=true><rect x=4.5 y=4.5 width=7 height=7 fill=currentColor>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end><!><!>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<form><div data-scope=ai data-part=prompt-main><!><!><!></div><!>`);
+var _tmpl$ = /* @__PURE__ */ template(`<div data-scope=ai>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<div data-scope=ai data-part=prompt-footer><div data-scope=ai data-part=prompt-end><!><!>`);
+var _tmpl$3 = /* @__PURE__ */ template(`<form><div data-scope=ai data-part=prompt-main><!><!><!></div><!>`);
 function arrowUpIcon() {
 	return iconNode("arrow-up", {
 		width: "14",
@@ -18,7 +17,10 @@ function arrowUpIcon() {
 	});
 }
 function stopIcon() {
-	return _tmpl$();
+	return iconNode("square", {
+		width: "14",
+		height: "14"
+	});
 }
 /** The prompt vessel: the shared field textarea — self-growing on the
 * machine's autoresize — with the submit seal riding its last line.
@@ -56,10 +58,10 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 		own.onValueChange?.("");
 	};
 	const row = (part, content) => content != null ? (() => {
-		var _el$2 = _tmpl$2();
-		setAttribute(_el$2, "data-part", part);
-		insert(_el$2, content);
-		return _el$2;
+		var _el$ = _tmpl$();
+		setAttribute(_el$, "data-part", part);
+		insert(_el$, content);
+		return _el$;
 	})() : null;
 	const seal = () => own.busy ? createComponent(Button, {
 		variant: "solid",
@@ -92,14 +94,14 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 		}
 	});
 	const trailing = () => own.footer != null ? own.trailing : own.trailing ?? seal();
-	var _el$3 = _tmpl$4();
+	var _el$2 = _tmpl$3();
+	var _el$3 = _el$2.firstChild;
 	var _el$4 = _el$3.firstChild;
-	var _el$5 = _el$4.firstChild;
+	var _el$5 = _el$4.nextSibling;
 	var _el$6 = _el$5.nextSibling;
-	var _el$7 = _el$6.nextSibling;
-	var _el$12 = _el$4.nextSibling;
-	claimElement(_el$3);
-	spread(_el$3, [rest, {
+	var _el$11 = _el$3.nextSibling;
+	claimElement(_el$2);
+	spread(_el$2, [rest, {
 		"data-scope": "ai",
 		"data-part": "prompt",
 		onSubmit: (event) => {
@@ -107,13 +109,13 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 			send();
 		}
 	}], true);
-	insert(_el$3, () => {
+	insert(_el$2, () => {
 		return row("prompt-header", own.header);
-	}, _el$4);
-	insert(_el$4, () => {
+	}, _el$3);
+	insert(_el$3, () => {
 		return row("prompt-leading", own.leading);
-	}, _el$5);
-	insert(_el$4, createComponent(Field.Root, { get children() {
+	}, _el$4);
+	insert(_el$3, createComponent(Field.Root, { get children() {
 		return createComponent(Field.Textarea, {
 			autoresize: true,
 			rows: 1,
@@ -137,30 +139,30 @@ const PromptInput = withSelfRoot(function PromptInput(props) {
 				}
 			}
 		});
-	} }), _el$6);
-	insert(_el$4, () => {
+	} }), _el$5);
+	insert(_el$3, () => {
 		return row("prompt-trailing", trailing());
-	}, _el$7);
-	insert(_el$3, createComponent(Show, {
+	}, _el$6);
+	insert(_el$2, createComponent(Show, {
 		get when() {
 			return own.footer != null;
 		},
 		get children() {
-			var _el$8 = _tmpl$3();
+			var _el$7 = _tmpl$2();
+			var _el$8 = _el$7.firstChild;
 			var _el$9 = _el$8.firstChild;
-			var _el$10 = _el$9.firstChild;
-			var _el$11 = _el$10.nextSibling;
-			insert(_el$8, () => {
+			var _el$10 = _el$9.nextSibling;
+			insert(_el$7, () => {
 				return own.footer;
-			}, _el$9);
-			insert(_el$9, () => {
+			}, _el$8);
+			insert(_el$8, () => {
 				return own.footerEnd;
-			}, _el$10);
-			insert(_el$9, seal, _el$11);
-			return _el$8;
+			}, _el$9);
+			insert(_el$8, seal, _el$10);
+			return _el$7;
 		}
-	}), _el$12);
-	return _el$3;
+	}), _el$11);
+	return _el$2;
 });
 //#endregion
 export { PromptInput as AiPromptInput, PromptInput };

package/dist/components/angle-slider/index.d.mts

@@ -9,7 +9,21 @@ type AngleSliderOwnProps = {
   size?: "sm" | "md" | "lg";
 };
 declare function AngleSliderRoot(props: AngleSliderRootProps & AngleSliderOwnProps): import("solid-js").JSX.Element;
-export declare const AngleSlider: typeof AngleSliderRoot & Omit<typeof AngleSlider$1, "Root"> & {
+export interface AngleSliderFacadeProps {
+  value?: number;
+  defaultValue?: number;
+  label?: string;
+  step?: number;
+  disabled?: boolean;
+  readOnly?: boolean;
+  /** One rung of the dial ladder — the diameter the needle sweeps. */
+  size?: "sm" | "md" | "lg";
+  onValueChange?: (value: number) => void;
+}
+/** The complete dial behind one angle and its cardinal degree marks. */
+declare function AngleSliderFacade(props: AngleSliderFacadeProps): import("solid-js").JSX.Element;
+type AngleSliderParts = Omit<typeof AngleSlider$1, "Root"> & {
   Root: typeof AngleSliderRoot;
 };
+export declare const AngleSlider: typeof AngleSliderFacade & AngleSliderParts;
 //#endregion

package/dist/components/angle-slider/index.mjs

@@ -2,7 +2,7 @@ import { t as defineFamily } from "../../family-Cmd8HEyK.mjs";
 import { t as useElementId } from "../../id-2ygNzPHF.mjs";
 import { createComponent, mergeProps } from "@solidjs/web";
 import { injectComponentStyle } from "@bysages/core/styling";
-import { splitProps } from "solid-js";
+import { For, Show, splitProps } from "solid-js";
 import { AngleSlider as AngleSlider$1 } from "@ark-ui/solid/angle-slider";
 //#region src/components/angle-slider/index.tsx
 function AngleSliderRoot(props) {
@@ -17,7 +17,62 @@ function AngleSliderRoot(props) {
 		}
 	}));
 }
-const AngleSlider = defineFamily(AngleSliderRoot, {
+/** The complete dial behind one angle and its cardinal degree marks. */
+function AngleSliderFacade(props) {
+	injectComponentStyle("angle-slider");
+	return createComponent(AngleSliderRoot, mergeProps({
+		get size() {
+			return props.size ?? "md";
+		},
+		get disabled() {
+			return props.disabled;
+		},
+		get readOnly() {
+			return props.readOnly;
+		},
+		get step() {
+			return props.step ?? 1;
+		},
+		get defaultValue() {
+			return props.defaultValue ?? 45;
+		}
+	}, () => {
+		return props.value === void 0 ? {} : { value: props.value };
+	}, {
+		onValueChange: (details) => props.onValueChange?.(details.value),
+		get children() {
+			return [
+				createComponent(Show, {
+					get when() {
+						return props.label;
+					},
+					get children() {
+						return createComponent(AngleSlider$1.Label, { get children() {
+							return props.label;
+						} });
+					}
+				}),
+				createComponent(AngleSlider$1.ValueText, {}),
+				createComponent(AngleSlider$1.Control, { get children() {
+					return [createComponent(AngleSlider$1.MarkerGroup, { get children() {
+						return createComponent(For, {
+							each: [
+								0,
+								90,
+								180,
+								270
+							],
+							children: (degree) => createComponent(AngleSlider$1.Marker, { value: degree })
+						});
+					} }), createComponent(AngleSlider$1.Thumb, { get children() {
+						return createComponent(AngleSlider$1.HiddenInput, {});
+					} })];
+				} })
+			];
+		}
+	}));
+}
+const AngleSlider = defineFamily(AngleSliderFacade, {
 	...AngleSlider$1,
 	Root: AngleSliderRoot
 });

package/dist/components/calendar/index.d.mts

@@ -1,19 +1,31 @@
 import { DatePicker as DatePicker$1 } from "../date-picker/index.mjs";
 import { JSX } from "solid-js";
-import { DatePickerRootProps } from "@ark-ui/solid/date-picker";
+import { DatePickerDateView, DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerRootProps, DatePickerSelectionMode, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails } from "@ark-ui/solid/date-picker";
 //#region src/components/calendar/index.d.ts
 export interface CalendarProps extends JSX.HTMLAttributes<HTMLDivElement> {
   /** Selected date(s) — an array, as the machine speaks in ranges. */
   value?: DatePickerRootProps["value"];
+  defaultValue?: DatePickerRootProps["defaultValue"];
   min?: DatePickerRootProps["min"];
   max?: DatePickerRootProps["max"];
+  /** compact keeps the popup's measure; full gives cells room for content. */
+  variant?: "compact" | "full";
+  /** month is the day grid; year starts on a month overview. */
+  mode?: "month" | "year";
+  selectionMode?: DatePickerSelectionMode;
+  startOfWeek?: number;
+  fixedWeeks?: boolean;
+  showWeekNumbers?: boolean;
+  outsideDaySelectable?: boolean;
+  closeOnSelect?: boolean;
+  minView?: DatePickerDateView;
+  maxView?: DatePickerDateView;
   onValueChange?: (value: NonNullable<DatePickerRootProps["value"]>) => void;
 }
-/** The date-picker's month grid, standing on the page without its
- * popup: always open, the trigger gone, the vessel a quiet card. The
- * title zooms out through month and year grids; the grids themselves
- * are the shared machinery — value, range selection, and focus ride
- * Ark's own contract. */
+/** The date-picker's grid standing on the page. Compact is the popup's
+ * quiet card; full opens it into a dashboard calendar. Year mode starts
+ * on a month overview; choosing a month drills into its day grid. */
 declare function CalendarImpl(props: CalendarProps): JSX.Element;
 export declare const Calendar: typeof CalendarImpl & typeof DatePicker$1;
-//#endregion
+//#endregion
+export type { DatePickerFocusChangeDetails, DatePickerOpenChangeDetails, DatePickerValueChangeDetails, DatePickerViewChangeDetails, DatePickerVisibleRangeChangeDetails };