ropav 0.7.0 → 0.8.0

package/dist/components/badge/badge-auto-label.d.ts

@@ -1,15 +1,3 @@
-/**
- * Wraps a badge's bare text in `BadgeLabel`, matching the React component's string and number
- * handling without executing the default slot more than once.
- *
- * The slot has already rendered by the time it returns its block. Inspecting that block therefore
- * preserves its effects and lets the exact same text nodes move into the label component.
- * A slot forwarded from a VDOM host is filled only when inserted, so it cannot be inspected here;
- * those callers (including runtime-compiled stories) must render `BadgeLabel` explicitly.
- */
-declare const BadgeAutoLabel: import("vue").DefineVaporSetupFnComponent<Record<string, any>, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").DynamicFragment | Node | import("vue").VaporComponentInstance<{}, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").Block, Record<string, any>> | import("vue").VaporFragment<import("vue").Block>, Record<string, any> & {} & import("vue").ReservedProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps>;
+/** Wraps a badge's bare text in `BadgeLabel`. */
+declare const BadgeAutoLabel: import("vue").Component;
 export default BadgeAutoLabel;

package/dist/components/badge/badge-auto-label.js

@@ -1,20 +1,7 @@
 import badge_label_default from "./badge-label.js";
-import { flattenBlock, isTextOnlyBlock } from "../../utils/block.js";
-import { createComponent, defineVaporComponent } from "vue";
+import { createAutoLabel } from "../../utils/auto-label.js";
 //#region src/components/badge/badge-auto-label.ts
-/**
-* Wraps a badge's bare text in `BadgeLabel`, matching the React component's string and number
-* handling without executing the default slot more than once.
-*
-* The slot has already rendered by the time it returns its block. Inspecting that block therefore
-* preserves its effects and lets the exact same text nodes move into the label component.
-* A slot forwarded from a VDOM host is filled only when inserted, so it cannot be inspected here;
-* those callers (including runtime-compiled stories) must render `BadgeLabel` explicitly.
-*/
-var BadgeAutoLabel = defineVaporComponent((_props, { slots }) => {
-	const block = slots["default"]?.();
-	if (block === void 0 || !isTextOnlyBlock(flattenBlock(block))) return block ?? [];
-	return createComponent(badge_label_default, null, { default: () => block });
-}, { name: "Ropav.Badge.AutoLabel" });
+/** Wraps a badge's bare text in `BadgeLabel`. */
+var BadgeAutoLabel = createAutoLabel(badge_label_default, "Ropav.Badge.AutoLabel");
 //#endregion
 export { BadgeAutoLabel as default };

package/dist/components/badge/badge.types.d.ts

@@ -4,13 +4,13 @@ export interface BadgeAnchorProps {
 }
 export interface BadgeRootProps {
     class?: string;
-    /** Badge color. */
+    /** Badge color. @default "default" */
     color?: BadgeVariants["color"];
-    /** Badge placement. */
+    /** Badge placement. @default "top-right" */
     placement?: BadgeVariants["placement"];
-    /** Badge size. */
+    /** Badge size. @default "md" */
     size?: BadgeVariants["size"];
-    /** Badge variant. */
+    /** Badge variant. @default "primary" */
     variant?: BadgeVariants["variant"];
 }
 export interface BadgeLabelProps {

package/dist/components/chip/chip-auto-label.d.ts

@@ -1,22 +1,6 @@
 /**
- * Renders the chip's children, wrapping them in `ChipLabel` when they are only text.
- *
- * The point is that `<Chip>Label</Chip>` and `<Chip><ChipLabel>Label</ChipLabel></Chip>`
- * produce the same DOM. A template cannot ask whether its children are bare text, but a slot
- * function can be answered: it returns
- * the block it just rendered, and a lone text child resolves to a single text node while
- * markup resolves to elements or component instances.
- *
- * The slot is called exactly once and the very block it returns is what gets inserted, so
- * nothing is rendered twice and no effect is registered and thrown away — which is the
- * actual hazard with slots in Vapor, rather than reading them at all.
- *
- * Written as a Vapor component rather than an SFC because only a hand-written `setup` gets
- * to hold the block; an SFC's `<slot />` is inserted before there is anywhere to intervene.
+ * Wraps a chip's bare text in `ChipLabel`, so that `<Chip>Label</Chip>` and
+ * `<Chip><ChipLabel>Label</ChipLabel></Chip>` produce the same DOM.
  */
-declare const ChipAutoLabel: import("vue").DefineVaporSetupFnComponent<Record<string, any>, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").DynamicFragment | Node | import("vue").VaporComponentInstance<{}, {}, {
-    [x: string]: import("vue").VaporSlot;
-}, Record<string, any>, import("vue").Block, Record<string, any>> | import("vue").VaporFragment<import("vue").Block>, Record<string, any> & {} & import("vue").ReservedProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps>;
+declare const ChipAutoLabel: import("vue").Component;
 export default ChipAutoLabel;

package/dist/components/chip/chip-auto-label.js

@@ -1,27 +1,10 @@
-import { flattenBlock, isTextOnlyBlock } from "../../utils/block.js";
+import { createAutoLabel } from "../../utils/auto-label.js";
 import chip_label_default from "./chip-label.js";
-import { createComponent, defineVaporComponent } from "vue";
 //#region src/components/chip/chip-auto-label.ts
 /**
-* Renders the chip's children, wrapping them in `ChipLabel` when they are only text.
-*
-* The point is that `<Chip>Label</Chip>` and `<Chip><ChipLabel>Label</ChipLabel></Chip>`
-* produce the same DOM. A template cannot ask whether its children are bare text, but a slot
-* function can be answered: it returns
-* the block it just rendered, and a lone text child resolves to a single text node while
-* markup resolves to elements or component instances.
-*
-* The slot is called exactly once and the very block it returns is what gets inserted, so
-* nothing is rendered twice and no effect is registered and thrown away — which is the
-* actual hazard with slots in Vapor, rather than reading them at all.
-*
-* Written as a Vapor component rather than an SFC because only a hand-written `setup` gets
-* to hold the block; an SFC's `<slot />` is inserted before there is anywhere to intervene.
+* Wraps a chip's bare text in `ChipLabel`, so that `<Chip>Label</Chip>` and
+* `<Chip><ChipLabel>Label</ChipLabel></Chip>` produce the same DOM.
 */
-var ChipAutoLabel = defineVaporComponent((_props, { slots }) => {
-	const block = slots["default"]?.();
-	if (block === void 0 || !isTextOnlyBlock(flattenBlock(block))) return block ?? [];
-	return createComponent(chip_label_default, null, { default: () => block });
-}, { name: "Ropav.Chip.AutoLabel" });
+var ChipAutoLabel = createAutoLabel(chip_label_default, "Ropav.Chip.AutoLabel");
 //#endregion
 export { ChipAutoLabel as default };

package/dist/components/chip/chip.types.d.ts

@@ -1,11 +1,11 @@
 import type { ChipVariants } from "@ropav/styles";
 export interface ChipRootProps {
     class?: string;
-    /** Chip color. */
+    /** Chip color. @default "default" */
     color?: ChipVariants["color"];
     /** Chip size. */
     size?: ChipVariants["size"];
-    /** Chip variant. */
+    /** Chip variant. @default "secondary" */
     variant?: ChipVariants["variant"];
 }
 export interface ChipLabelProps {

package/dist/components/icons/icon-overlay-arrow.js

@@ -1,6 +1,6 @@
 import { defineVaporComponent, renderEffect, setClass, template } from "vue";
 //#region src/components/icons/icon-overlay-arrow.vue?vue&type=script&setup=true&vapor=true&lang.ts
-var t0 = template("<svg fill=none height=12 viewBox=\"0 0 12 12\" width=12 xmlns=http://www.w3.org/2000/svg><path d=\"M1 0V2C3.2 2 4.3 8 6 8C7.7 8 8.8 2 11 2V0Z\">", 1, 1);
+var t0 = template("<svg aria-hidden=true fill=none height=12 role=presentation viewBox=\"0 0 12 12\" width=12 xmlns=http://www.w3.org/2000/svg><path d=\"M1 0V2C3.2 2 4.3 8 6 8C7.7 8 8.8 2 11 2V0Z\">", 1, 1);
 var icon_overlay_arrow_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
 	__name: "icon-overlay-arrow",
 	props: { class: {} },

package/dist/components/meter/meter.types.d.ts

@@ -2,7 +2,9 @@ import type { MeterVariants } from "@ropav/styles";
 import type { CSSProperties } from "vue";
 export interface MeterRootProps {
     class?: string;
+    /** Meter color. @default "accent" */
     color?: MeterVariants["color"];
+    /** Meter size. @default "md" */
     size?: MeterVariants["size"];
     /** Current quantity. @default 0 */
     value?: number;

package/dist/components/progress-bar/progress-bar.types.d.ts

@@ -2,7 +2,9 @@ import type { ProgressBarVariants } from "@ropav/styles";
 import type { CSSProperties } from "vue";
 export interface ProgressBarRootProps {
     class?: string;
+    /** Progress bar color. @default "accent" */
     color?: ProgressBarVariants["color"];
+    /** Progress bar size. @default "md" */
     size?: ProgressBarVariants["size"];
     /** Whether a diagonal band is laid over the fill. */
     isStriped?: boolean;

package/dist/components/progress-circle/progress-circle.types.d.ts

@@ -1,7 +1,9 @@
 import type { ProgressCircleVariants } from "@ropav/styles";
 export interface ProgressCircleRootProps {
     class?: string;
+    /** Progress circle color. @default "accent" */
     color?: ProgressCircleVariants["color"];
+    /** Progress circle size. @default "md" */
     size?: ProgressCircleVariants["size"];
     /** Current progress. @default 0 */
     value?: number;

package/dist/composables/use-color-field.js

@@ -53,7 +53,7 @@ var useColorField = (options = {}) => {
 		validationState: state,
 		value: () => state.inputValue.value
 	});
-	const element = computed(() => field.element.value instanceof HTMLInputElement ? field.element.value : null);
+	const element = computed(() => typeof document !== "undefined" && field.element.value instanceof HTMLInputElement ? field.element.value : null);
 	const spin = useSpinButton({
 		isDisabled,
 		isReadOnly,