@torpor/ui 1.0.0 → 1.0.1

package/dist/Charts/ChartXAxis.torp

@@ -53,6 +53,7 @@ export default function ChartXAxis($props?: ChartXAxisProps) {
 			@if (!horizontal()) {
 				@if (title()) {
 					<text
+						fill="currentcolor"
 						text-anchor="middle"
 						dominant-baseline="text-after-edge"
 						x={layout.calculatedWidth - (layout.calculatedWidth - layout.chartLeft) / 2}
@@ -63,6 +64,7 @@ export default function ChartXAxis($props?: ChartXAxisProps) {
 				}
 				@for (let [i, label] of layout.labels.entries()) {
 					<text
+						fill="currentcolor"
 						text-anchor="middle"
 						dominant-baseline="text-after-edge"
 						x={layout.chartLeft + layout.itemWidth * i + layout.itemWidth / 2}

package/dist/Charts/ChartYAxis.torp

@@ -74,6 +74,7 @@ export default function ChartYAxis($props?: ChartYAxisProps) {
 			@if (horizontal()) {
 				@for (let [i, label] of layout.labels.entries()) {
 					<text
+						fill="currentcolor"
 						text-anchor="end"
 						dominant-baseline="middle"
 						x={layout.chartLeft - layout.textHeight / 4}
@@ -85,6 +86,7 @@ export default function ChartYAxis($props?: ChartYAxisProps) {
 			} else {
 				@if (side() === "left" && title()) {
 					<text
+						fill="currentcolor"
 						text-anchor="middle"
 						dominant-baseline="hanging"
 						x={0}

package/dist/Charts/XAxis.torp

@@ -30,6 +30,7 @@ export default function XAxis($props: XAxisProps) {
 			}
 			@if ($props.xLabel) {
 				<text
+					fill="currentcolor"
 					text-anchor="middle"
 					dominant-baseline="text-after-edge"
 					x={$props.width - ($props.width - $props.chartLeft) / 2}
@@ -41,6 +42,7 @@ export default function XAxis($props: XAxisProps) {
 			@if ($props.stepLabels.length && $props.stepValue) {
 				@for (let [i, label] of $props.stepLabels.entries()) {
 					<text
+						fill="currentcolor"
 						text-anchor="middle"
 						dominant-baseline="text-after-edge"
 						x={$props.chartLeft + i * $props.stepValue * $props.itemWidth}
@@ -52,6 +54,7 @@ export default function XAxis($props: XAxisProps) {
 			} else {
 				@for (let [i, label] of $props.labels.entries()) {
 					<text
+						fill="currentcolor"
 						text-anchor="middle"
 						dominant-baseline="text-after-edge"
 						x={$props.chartLeft + $props.itemWidth * i + $props.itemWidth / 2}

package/dist/Charts/YAxis.torp

@@ -23,6 +23,7 @@ export default function YAxis($props: YAxisProps) {
 			}
 			@if ($props.yLabel) {
 				<text
+					fill="currentcolor"
 					text-anchor="middle"
 					dominant-baseline="hanging"
 					x={0}
@@ -34,6 +35,7 @@ export default function YAxis($props: YAxisProps) {
 			}
 			@for (let [i, label] of $props.stepLabels.entries()) {
 				<text
+					fill="currentcolor"
 					text-anchor="end"
 					dominant-baseline="middle"
 					x={$props.chartLeft - $props.textHeight / 4}

package/dist/ComboBox/ComboBoxContent.torp

@@ -61,8 +61,16 @@ export default function ComboBoxContent($props: ComboBoxContentProps | undefined
 
 	function handleDocumentClick(e: MouseEvent) {
 		// Don't close if the click is inside the content div OR inside the
-		// ComboBox root (which contains the input/trigger)
-		if (closeOnClick && div && !div.contains(e.target as HTMLElement) && !div.parentElement?.contains(e.target as HTMLElement)) {
+		// ComboBox root (which contains the input/trigger). A re-rendered
+		// (detached) target came from inside the content -- see DateRangePicker
+		const target = e.target as HTMLElement;
+		if (
+			closeOnClick &&
+			div &&
+			target.isConnected &&
+			!div.contains(target) &&
+			!div.parentElement?.contains(target)
+		) {
 			e.preventDefault();
 			context.handleClickOutside!(e);
 		}

package/dist/ComboBox/ComboBoxInput.torp

@@ -15,6 +15,8 @@ interface ComboBoxInputProps {
 	name?: string;
 	/** The value displayed in the input */
 	value?: any;
+	/** The text to display in the input (e.g. the selected item's label), instead of the raw value */
+	text?: string;
 	/** Text to display when the input value is empty */
 	placeholder?: string;
 	/** Whether the input's value is required */
@@ -50,6 +52,20 @@ export default function ComboBoxInput($props: ComboBoxInputProps | undefined) {
 		input.focus();
 	}
 
+	// The text shown in the input: the consumer-supplied label for the
+	// selected value if given, otherwise the raw value itself. One-way: what
+	// the user types is search text, not the value (that's updated on select)
+	function displayValue(): string {
+		if ($props?.text !== undefined) {
+			return $props.text;
+		}
+		const value = $state.value;
+		if (value === undefined || value === null || value === "") {
+			return "";
+		}
+		return Array.isArray(value) ? value.join(", ") : String(value);
+	}
+
 	function handleClick() {
 		$state.visible = true;
 	}
@@ -122,7 +138,7 @@ export default function ComboBoxInput($props: ComboBoxInputProps | undefined) {
 			class={["torp-combo-box-input", $props?.class]}
 			{$props?.style}
 			name={$props?.name !== undefined ? $props.name : context.name}
-			&value={Array.isArray($state.value) ? $state.value.join(", ") : $state.value}
+			value={displayValue()}
 			placeholder={$props?.placeholder !== undefined ? $props.placeholder : context.placeholder}
 			required={$props?.required !== undefined ? $props.required : context.required}
 			aria-readonly

package/dist/ComboBox/index.d.ts

@@ -103,6 +103,8 @@ interface ComboBoxInputProps {
 	name?: string;
 	/** The value displayed in the input */
 	value?: any;
+	/** The text to display in the input (e.g. the selected item's label), instead of the raw value */
+	text?: string;
 	/** Text to display when the input value is empty */
 	placeholder?: string;
 	/** Whether the input's value is required */

package/dist/CommandPalette/CommandPalette.torp

@@ -70,6 +70,9 @@ export default function CommandPalette($props: CommandPaletteProps | undefined)
 			if (input) {
 				input.value = "";
 			}
+		} else {
+			// Focus the input once the modal content has rendered
+			setTimeout(() => input?.focus());
 		}
 	});
 

package/dist/DateRangePicker/DateRangePicker.torp

@@ -214,7 +214,11 @@ export default function DateRangePicker($props: DateRangePickerProps | undefined
 	}
 
 	function handleDocumentClick(e: MouseEvent) {
-		if (closeOnClick && content && !content.contains(e.target as HTMLElement)) {
+		const target = e.target as HTMLElement;
+		// A click can re-render the clicked element (e.g. selecting a date
+		// changes its state), detaching it before the event reaches the
+		// document. A detached target must have come from inside the content
+		if (closeOnClick && content && target.isConnected && !content.contains(target)) {
 			e.preventDefault();
 			setVisible(false);
 		}

package/dist/Drawer/DrawerContent.torp

@@ -76,7 +76,10 @@ export default function DrawerContent($props: DrawerContentProps | undefined) {
 	}
 
 	function handleDocumentClick(e: MouseEvent) {
-		if (closeOnClick && drawer && !drawer.contains(e.target as HTMLElement)) {
+		const target = e.target as HTMLElement;
+		// A re-rendered (detached) target came from inside the drawer -- see
+		// DateRangePicker
+		if (closeOnClick && drawer && target.isConnected && !drawer.contains(target)) {
 			e.preventDefault();
 			context.handleClickOutside!(e);
 		}

package/dist/Rating/Rating.torp

@@ -206,7 +206,7 @@ export default function Rating($props: RatingProps | undefined) {
 					}}
 				>
 					<slot item={{ value: value, filled: value <= getDisplayValue() }}>
-						<span aria-hidden="true">{value <= getDisplayValue() ? "★" : "☆"}</span>
+						<span aria-hidden="true">★</span>
 					</slot>
 				</button>
 			}

package/dist/SelectBox/SelectBoxContent.torp

@@ -29,12 +29,14 @@ export default function SelectBoxContent($props: SelectBoxContentProps | undefin
 	let $state = context.state;
 
 	$run(() => {
-		if (!$state.visible) {
+		if ($state.visible) {
+			show();
+		} else {
 			hide();
 		}
 	});
 
-	function show(_: HTMLElement) {
+	function show() {
 		shown = true;
 
 		// HACK: Because this SelectBox could be shown with a click, we need to wait for another mousedown
@@ -56,7 +58,10 @@ export default function SelectBoxContent($props: SelectBoxContentProps | undefin
 	}
 
 	function handleDocumentClick(e: MouseEvent) {
-		if (closeOnClick && div && !div.contains(e.target as HTMLElement)) {
+		const target = e.target as HTMLElement;
+		// See DateRangePicker: a re-rendered (detached) target came from
+		// inside the content
+		if (closeOnClick && div && target.isConnected && !div.contains(target)) {
 			e.preventDefault();
 			context.handleClickOutside!(e);
 		}
@@ -71,7 +76,6 @@ export default function SelectBoxContent($props: SelectBoxContentProps | undefin
 			{$props?.style}
 			aria-hidden={$state.visible ? undefined : "true"}
 			&ref={div}
-			onmount={show}
 		>
 			<slot>
 				@if (context.getLoadedItems) {

package/dist/Slider/Slider.torp

@@ -212,7 +212,7 @@ export default function Slider($props: SliderProps | undefined) {
 			<div class="torp-slider-fill" style={`${getOrientation() === "vertical" ? "height" : "width"}: ${getPct()}%;`} />
 			<div
 				class="torp-slider-thumb"
-				style={`${getOrientation() === "vertical" ? "top" : "left"}: ${getPct()}%;`}
+				style={`position: absolute; transform: translate(-50%, -50%); ${getOrientation() === "vertical" ? `top: ${getPct()}%; left: 50%` : `left: ${getPct()}%; top: 50%`};`}
 				role="slider"
 				tabindex={getDisabled() ? -1 : 0}
 				aria-orientation={getOrientation()}
@@ -234,15 +234,12 @@ export default function Slider($props: SliderProps | undefined) {
 	}
 
 	@style {
-		/* Headless: positioning only, so the thumb sits at the value along
-		   the track. All appearance is up to the consuming theme */
+		/* Headless: all positioning is done with inline styles (so that theme
+		   CSS can't dislodge the thumb from the track). All appearance is up
+		   to the consuming theme */
 		.torp-slider {
 			position: relative;
 			touch-action: none;
 		}
-		.torp-slider-thumb {
-			position: absolute;
-			transform: translateX(-50%);
-		}
 	}
 }

package/dist/motion/index.js

@@ -22,11 +22,9 @@ function measure(el, fn) {
 	document.body.appendChild(el);
 	let result = fn(el);
 	el.parentNode.removeChild(el);
-	if (oldParent !== null) {
-		oldParent.insertBefore(el, oldBefore);
-		el.style.visibility = oldVisibility;
-		el.style.position = oldPosition;
-	}
+	el.style.visibility = oldVisibility;
+	el.style.position = oldPosition;
+	if (oldParent !== null) oldParent.insertBefore(el, oldBefore);
 	return result;
 }
 //#endregion

package/dist/motion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/motion/fade.ts","../../src/motion/measure.ts","../../src/motion/grow.ts","../../src/motion/slide.ts"],"sourcesContent":["import { type Animation } from \"@torpor/view\";\n\nexport default function fade(\n\t_el: HTMLElement,\n\toptions?: number | KeyframeAnimationOptions,\n): Animation {\n\tconst keyframes = [\n\t\t{\n\t\t\topacity: 0,\n\t\t},\n\t\t{\n\t\t\topacity: 1,\n\t\t},\n\t];\n\treturn { keyframes, options };\n}\n","/**\n * Measures an element before it is added to the DOM\n * @param el The element to measure\n * @param fn The function to use to get the desired measurement (e.g. el.offsetHeight)\n */\nexport default function measure(el: HTMLElement, fn: (_el: HTMLElement) => number): number {\n\t// From https://stackoverflow.com/a/46707458\n\tlet oldVisibility = el.style.visibility;\n\tlet oldPosition = el.style.position;\n\n\tlet oldParent = el.parentNode;\n\tlet oldBefore = el.nextSibling;\n\n\tel.style.visibility = \"hidden\";\n\tel.style.position = \"absolute\";\n\n\tdocument.body.appendChild(el);\n\tlet result = fn(el);\n\tel.parentNode!.removeChild(el);\n\n\tif (oldParent !== null) {\n\t\toldParent.insertBefore(el, oldBefore);\n\t\tel.style.visibility = oldVisibility;\n\t\tel.style.position = oldPosition;\n\t}\n\n\treturn result;\n}\n","import { type Animation } from \"@torpor/view\";\nimport measure from \"./measure\";\n\nexport default function grow(\n\tel: HTMLElement,\n\toptions?: number | KeyframeAnimationOptions,\n): Animation {\n\tconst height = measure(el, (el) => el.clientHeight);\n\tconst keyframes = [\n\t\t{\n\t\t\theight: \"0px\",\n\t\t\toverflow: \"hidden\",\n\t\t\tpaddingTop: \"0px\",\n\t\t\tpaddingBottom: \"0px\",\n\t\t\tmarginTop: \"0px\",\n\t\t\tmarginBottom: \"0px\",\n\t\t},\n\t\t{\n\t\t\theight: height + \"px\",\n\t\t},\n\t];\n\treturn { keyframes, options };\n}\n","import { type Animation } from \"@torpor/view\";\nimport measure from \"./measure\";\n\ninterface Options extends KeyframeAnimationOptions {\n\tside: \"left\" | \"right\" | \"top\" | \"bottom\";\n}\n\nexport default function slide(el: HTMLElement, options?: Options): Animation {\n\tel.style.position = \"fixed\";\n\tswitch (options?.side ?? \"left\") {\n\t\tcase \"left\": {\n\t\t\tel.style.left = \"0px\";\n\t\t\tconst width = measure(el, (el) => el.offsetWidth);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateX(-${width}px)` },\n\t\t\t\t{ transform: \"translateX(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"top\": {\n\t\t\tel.style.top = \"0px\";\n\t\t\tconst height = measure(el, (el) => el.offsetHeight);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateY(-${height}px)` },\n\t\t\t\t{ transform: \"translateY(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"right\": {\n\t\t\tel.style.right = \"0px\";\n\t\t\tconst width = measure(el, (el) => el.offsetWidth);\n\t\t\tconst keyframes = [{ transform: `translateX(${width}px)` }, { transform: \"translateX(0px)\" }];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"bottom\": {\n\t\t\tel.style.bottom = \"0px\";\n\t\t\tconst height = measure(el, (el) => el.offsetHeight);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateY(${height}px)` },\n\t\t\t\t{ transform: \"translateY(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t}\n}\n"],"mappings":";AAEA,SAAwB,KACvB,KACA,SACY;CASZ,OAAO;EAAE,WAAA,CAPR,EACC,SAAS,EACV,GACA,EACC,SAAS,EACV,CAEgB;EAAG;CAAQ;AAC7B;;;;;;;;ACVA,SAAwB,QAAQ,IAAiB,IAA0C;CAE1F,IAAI,gBAAgB,GAAG,MAAM;CAC7B,IAAI,cAAc,GAAG,MAAM;CAE3B,IAAI,YAAY,GAAG;CACnB,IAAI,YAAY,GAAG;CAEnB,GAAG,MAAM,aAAa;CACtB,GAAG,MAAM,WAAW;CAEpB,SAAS,KAAK,YAAY,EAAE;CAC5B,IAAI,SAAS,GAAG,EAAE;CAClB,GAAG,WAAY,YAAY,EAAE;CAE7B,IAAI,cAAc,MAAM;EACvB,UAAU,aAAa,IAAI,SAAS;EACpC,GAAG,MAAM,aAAa;EACtB,GAAG,MAAM,WAAW;CACrB;CAEA,OAAO;AACR;;;ACxBA,SAAwB,KACvB,IACA,SACY;CAeZ,OAAO;EAAE,WAAA,CAZR;GACC,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,eAAe;GACf,WAAW;GACX,cAAc;EACf,GACA,EACC,QAXa,QAAQ,KAAK,OAAO,GAAG,YAWvB,IAAI,KAClB,CAEgB;EAAG;CAAQ;AAC7B;;;ACfA,SAAwB,MAAM,IAAiB,SAA8B;CAC5E,GAAG,MAAM,WAAW;CACpB,QAAQ,SAAS,QAAQ,QAAzB;EACC,KAAK;GACJ,GAAG,MAAM,OAAO;GAMhB,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,eAFA,QAAQ,KAAK,OAAO,GAAG,WAEJ,EAAE,KAAK,GACvC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,MAAM;GAMf,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,eAFC,QAAQ,KAAK,OAAO,GAAG,YAEJ,EAAE,KAAK,GACxC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,QAAQ;GAGjB,OAAO;IAAE,WAAA,CADU,EAAE,WAAW,cADlB,QAAQ,KAAK,OAAO,GAAG,WACa,EAAE,KAAK,GAAG,EAAE,WAAW,kBAAkB,CAC1E;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,SAAS;GAMlB,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,cAFC,QAAQ,KAAK,OAAO,GAAG,YAEL,EAAE,KAAK,GACvC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;CAE9B;AACD"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/motion/fade.ts","../../src/motion/measure.ts","../../src/motion/grow.ts","../../src/motion/slide.ts"],"sourcesContent":["import { type Animation } from \"@torpor/view\";\n\nexport default function fade(\n\t_el: HTMLElement,\n\toptions?: number | KeyframeAnimationOptions,\n): Animation {\n\tconst keyframes = [\n\t\t{\n\t\t\topacity: 0,\n\t\t},\n\t\t{\n\t\t\topacity: 1,\n\t\t},\n\t];\n\treturn { keyframes, options };\n}\n","/**\n * Measures an element before it is added to the DOM\n * @param el The element to measure\n * @param fn The function to use to get the desired measurement (e.g. el.offsetHeight)\n */\nexport default function measure(el: HTMLElement, fn: (_el: HTMLElement) => number): number {\n\t// From https://stackoverflow.com/a/46707458\n\tlet oldVisibility = el.style.visibility;\n\tlet oldPosition = el.style.position;\n\n\tlet oldParent = el.parentNode;\n\tlet oldBefore = el.nextSibling;\n\n\tel.style.visibility = \"hidden\";\n\tel.style.position = \"absolute\";\n\n\tdocument.body.appendChild(el);\n\tlet result = fn(el);\n\tel.parentNode!.removeChild(el);\n\n\t// Restore the styles unconditionally: transition functions call this with\n\t// a newly created element that isn't attached yet (oldParent is null), and\n\t// leaving the measuring styles on it would render it invisible\n\tel.style.visibility = oldVisibility;\n\tel.style.position = oldPosition;\n\n\tif (oldParent !== null) {\n\t\toldParent.insertBefore(el, oldBefore);\n\t}\n\n\treturn result;\n}\n","import { type Animation } from \"@torpor/view\";\nimport measure from \"./measure\";\n\nexport default function grow(\n\tel: HTMLElement,\n\toptions?: number | KeyframeAnimationOptions,\n): Animation {\n\tconst height = measure(el, (el) => el.clientHeight);\n\tconst keyframes = [\n\t\t{\n\t\t\theight: \"0px\",\n\t\t\toverflow: \"hidden\",\n\t\t\tpaddingTop: \"0px\",\n\t\t\tpaddingBottom: \"0px\",\n\t\t\tmarginTop: \"0px\",\n\t\t\tmarginBottom: \"0px\",\n\t\t},\n\t\t{\n\t\t\theight: height + \"px\",\n\t\t},\n\t];\n\treturn { keyframes, options };\n}\n","import { type Animation } from \"@torpor/view\";\nimport measure from \"./measure\";\n\ninterface Options extends KeyframeAnimationOptions {\n\tside: \"left\" | \"right\" | \"top\" | \"bottom\";\n}\n\nexport default function slide(el: HTMLElement, options?: Options): Animation {\n\tel.style.position = \"fixed\";\n\tswitch (options?.side ?? \"left\") {\n\t\tcase \"left\": {\n\t\t\tel.style.left = \"0px\";\n\t\t\tconst width = measure(el, (el) => el.offsetWidth);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateX(-${width}px)` },\n\t\t\t\t{ transform: \"translateX(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"top\": {\n\t\t\tel.style.top = \"0px\";\n\t\t\tconst height = measure(el, (el) => el.offsetHeight);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateY(-${height}px)` },\n\t\t\t\t{ transform: \"translateY(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"right\": {\n\t\t\tel.style.right = \"0px\";\n\t\t\tconst width = measure(el, (el) => el.offsetWidth);\n\t\t\tconst keyframes = [{ transform: `translateX(${width}px)` }, { transform: \"translateX(0px)\" }];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t\tcase \"bottom\": {\n\t\t\tel.style.bottom = \"0px\";\n\t\t\tconst height = measure(el, (el) => el.offsetHeight);\n\t\t\tconst keyframes = [\n\t\t\t\t{ transform: `translateY(${height}px)` },\n\t\t\t\t{ transform: \"translateY(0px)\" },\n\t\t\t];\n\t\t\treturn { keyframes, options };\n\t\t}\n\t}\n}\n"],"mappings":";AAEA,SAAwB,KACvB,KACA,SACY;CASZ,OAAO;EAAE,WAAA,CAPR,EACC,SAAS,EACV,GACA,EACC,SAAS,EACV,CAEgB;EAAG;CAAQ;AAC7B;;;;;;;;ACVA,SAAwB,QAAQ,IAAiB,IAA0C;CAE1F,IAAI,gBAAgB,GAAG,MAAM;CAC7B,IAAI,cAAc,GAAG,MAAM;CAE3B,IAAI,YAAY,GAAG;CACnB,IAAI,YAAY,GAAG;CAEnB,GAAG,MAAM,aAAa;CACtB,GAAG,MAAM,WAAW;CAEpB,SAAS,KAAK,YAAY,EAAE;CAC5B,IAAI,SAAS,GAAG,EAAE;CAClB,GAAG,WAAY,YAAY,EAAE;CAK7B,GAAG,MAAM,aAAa;CACtB,GAAG,MAAM,WAAW;CAEpB,IAAI,cAAc,MACjB,UAAU,aAAa,IAAI,SAAS;CAGrC,OAAO;AACR;;;AC5BA,SAAwB,KACvB,IACA,SACY;CAeZ,OAAO;EAAE,WAAA,CAZR;GACC,QAAQ;GACR,UAAU;GACV,YAAY;GACZ,eAAe;GACf,WAAW;GACX,cAAc;EACf,GACA,EACC,QAXa,QAAQ,KAAK,OAAO,GAAG,YAWvB,IAAI,KAClB,CAEgB;EAAG;CAAQ;AAC7B;;;ACfA,SAAwB,MAAM,IAAiB,SAA8B;CAC5E,GAAG,MAAM,WAAW;CACpB,QAAQ,SAAS,QAAQ,QAAzB;EACC,KAAK;GACJ,GAAG,MAAM,OAAO;GAMhB,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,eAFA,QAAQ,KAAK,OAAO,GAAG,WAEJ,EAAE,KAAK,GACvC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,MAAM;GAMf,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,eAFC,QAAQ,KAAK,OAAO,GAAG,YAEJ,EAAE,KAAK,GACxC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,QAAQ;GAGjB,OAAO;IAAE,WAAA,CADU,EAAE,WAAW,cADlB,QAAQ,KAAK,OAAO,GAAG,WACa,EAAE,KAAK,GAAG,EAAE,WAAW,kBAAkB,CAC1E;IAAG;GAAQ;EAE7B,KAAK;GACJ,GAAG,MAAM,SAAS;GAMlB,OAAO;IAAE,WAAA,CAHR,EAAE,WAAW,cAFC,QAAQ,KAAK,OAAO,GAAG,YAEL,EAAE,KAAK,GACvC,EAAE,WAAW,kBAAkB,CAEf;IAAG;GAAQ;CAE9B;AACD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@torpor/ui",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Accessible, unstyled components for use in your Torpor front-end",
   "type": "module",
   "exports": {
@@ -179,8 +179,8 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@torpor/unplugin": "^1.0.0",
-    "@torpor/view": "^1.0.0"
+    "@torpor/unplugin": "^1.0.1",
+    "@torpor/view": "^1.0.1"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.1",
@@ -196,8 +196,8 @@
     "vite": "npm:@voidzero-dev/vite-plus-core@0.2.7",
     "vite-plus": "0.2.7",
     "zod": "^4.4.3",
-    "@torpor/prettier": "^1.0.0",
-    "@torpor/check": "^1.0.0"
+    "@torpor/prettier": "^1.0.1",
+    "@torpor/check": "^1.0.1"
   },
   "scripts": {
     "build": "tsgo --noEmit && vp pack",