ropav 0.7.0 → 0.8.1

package/dist/utils/auto-label.d.ts

@@ -0,0 +1,24 @@
+import type { Component } from "vue";
+/**
+ * A component that renders its children, wrapping them in `Label` when they are only text - the
+ * equivalent of React's `typeof children === "string" || typeof children === "number"`.
+ *
+ * Written as a factory rather than an SFC because only a hand-written `setup` gets to hold the
+ * children; an SFC's `<slot />` is inserted before there is anywhere to intervene. That costs it
+ * the dual compilation a `.vue` file gets, so both branches are spelled out here and picked once,
+ * on whether this bundle has a Vapor runtime at all.
+ *
+ * **Vapor.** The slot has already rendered by the time it returns its block, so inspecting that
+ * block preserves its effects and lets the exact same text nodes move into the label. It is
+ * called once and the very block it returns is what gets inserted, so nothing renders twice and
+ * no effect is registered and thrown away - the actual hazard with slots in Vapor, rather than
+ * reading them at all. A slot forwarded from a VDOM host is the exception: it is filled only on
+ * insertion, so there is nothing to inspect and bare text goes unwrapped.
+ *
+ * **Server.** Renders the children and leaves them alone. A server cannot tell whether the
+ * browser will hydrate this as Vapor or as VDOM, and wrapping guesses at one of them; passing
+ * through matches a VDOM caller exactly, and matches a Vapor caller for every form in which the
+ * label is written out - which is every documented one. The case it gives up is a Vapor caller
+ * handing it bare text, and that is where a server-side wrap would have to come back.
+ */
+export declare const createAutoLabel: (Label: Component, name: string) => Component;

package/dist/utils/auto-label.js

@@ -0,0 +1,48 @@
+import { flattenBlock, isTextOnlyBlock } from "./block.js";
+import * as Vue from "vue";
+//#region src/utils/auto-label.ts
+/**
+* The namespace import is load-bearing and must not be rewritten to a named one.
+*
+* `createComponent` and `defineVaporComponent` come from the Vapor runtime, which only the
+* esm-bundler build re-exports. A bundler externalising `vue` for SSR resolves the node entry,
+* and a named import of a binding it does not have is a link-time `SyntaxError` - thrown before
+* any guard could run, so no `import.meta.env.SSR` branch can reach it. A namespace read yields
+* `undefined` instead, which is what lets the two branches below be chosen at module scope.
+*/
+var { createComponent: createComponent$1, defineComponent, defineVaporComponent: defineVaporComponent$1 } = Vue;
+/**
+* A component that renders its children, wrapping them in `Label` when they are only text - the
+* equivalent of React's `typeof children === "string" || typeof children === "number"`.
+*
+* Written as a factory rather than an SFC because only a hand-written `setup` gets to hold the
+* children; an SFC's `<slot />` is inserted before there is anywhere to intervene. That costs it
+* the dual compilation a `.vue` file gets, so both branches are spelled out here and picked once,
+* on whether this bundle has a Vapor runtime at all.
+*
+* **Vapor.** The slot has already rendered by the time it returns its block, so inspecting that
+* block preserves its effects and lets the exact same text nodes move into the label. It is
+* called once and the very block it returns is what gets inserted, so nothing renders twice and
+* no effect is registered and thrown away - the actual hazard with slots in Vapor, rather than
+* reading them at all. A slot forwarded from a VDOM host is the exception: it is filled only on
+* insertion, so there is nothing to inspect and bare text goes unwrapped.
+*
+* **Server.** Renders the children and leaves them alone. A server cannot tell whether the
+* browser will hydrate this as Vapor or as VDOM, and wrapping guesses at one of them; passing
+* through matches a VDOM caller exactly, and matches a Vapor caller for every form in which the
+* label is written out - which is every documented one. The case it gives up is a Vapor caller
+* handing it bare text, and that is where a server-side wrap would have to come back.
+*/
+var createAutoLabel = (Label, name) => defineVaporComponent$1 ? defineVaporComponent$1((_props, { slots }) => {
+	const block = slots["default"]?.();
+	if (block === void 0 || !isTextOnlyBlock(flattenBlock(block))) return block ?? [];
+	return createComponent$1(Label, null, { default: () => block });
+}, { name }) : defineComponent({
+	name,
+	setup: (_props, { slots }) => () => {
+		const vnodes = slots["default"]?.();
+		return vnodes !== void 0 && vnodes.length === 1 ? vnodes[0] : vnodes;
+	}
+});
+//#endregion
+export { createAutoLabel };

package/dist/utils/block.js

@@ -1,6 +1,16 @@
-import { isFragment, isVaporComponent } from "vue";
+import * as Vue from "vue";
 //#region src/utils/block.ts
 /**
+* The namespace import is load-bearing and must not be rewritten to a named one.
+*
+* `isFragment` and `isVaporComponent` come from the Vapor runtime, which only the esm-bundler
+* build re-exports. A bundler externalising `vue` for SSR resolves the node entry, and a named
+* import of a binding it does not have is a link-time `SyntaxError` — thrown before any guard
+* could run. A namespace read simply yields `undefined`, which is all this file needs: every
+* function below is reached from a Vapor render, and a server has none.
+*/
+var { isFragment, isVaporComponent } = Vue;
+/**
 * The DOM nodes a Vapor block resolves to, in document order.
 *
 * A slot function hands back a block rather than a node: a single node for one child, an

package/dist/version.js

@@ -1,4 +1,4 @@
 //#region src/version.ts
-var ROPAV_VERSION = "0.6.0";
+var ROPAV_VERSION = "0.8.1";
 //#endregion
 export { ROPAV_VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ropav",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "🚀 Beautiful and modern Vue UI library built with Vapor Mode and Tailwind CSS 4.0.",
   "keywords": [
     "components",
@@ -27,7 +27,9 @@
     "dist"
   ],
   "type": "module",
-  "sideEffects": false,
+  "sideEffects": [
+    "*.css"
+  ],
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -45,6 +47,7 @@
       "style": "./dist/styles-no-preflight.css",
       "default": "./dist/styles-no-preflight.css"
     },
+    "./styles/bundled.css": "./dist/ropav.min.css",
     "./accordion": {
       "import": "./dist/components/accordion/index.js",
       "types": "./dist/components/accordion/index.d.ts"
@@ -413,7 +416,7 @@
     "@internationalized/date": "3.12.4",
     "@internationalized/number": "3.6.8",
     "@internationalized/string": "3.2.10",
-    "@ropav/styles": "0.7.0"
+    "@ropav/styles": "0.8.1"
   },
   "peerDependencies": {
     "tailwindcss": ">=4.0.0",