@charpente-ui/vue 2.1.2 → 2.2.1

package/README.md

@@ -248,6 +248,20 @@ messages for free. Charpente UI exposes that instead of reinventing it — opt i
 - Without `validate`, nothing changes — bring your own validation library if you need cross-field or async rules.
   Native escapes still work: `formnovalidate` on a submit button skips validation for that button.
 
+`CField` stays zero-CSS: it never applies a class itself. If you need custom styling beyond `[aria-invalid]` or
+`:invalid` selectors, its default slot exposes `invalid` and `message` so you can drive your own classes:
+
+```vue
+<CField v-slot="{ invalid, message }">
+    <CLabel>Email</CLabel>
+    <CInput v-model="email" type="email" required :class="{ 'is-invalid': invalid }"/>
+    <span v-if="invalid" class="error">{{ message }}</span>
+</CField>
+```
+
+This only reaches elements placed directly inside `CField`'s default slot — a custom component nested deeper won't
+receive `invalid`/`message` automatically; pass them down as props if you need that.
+
 ## Components
 
 | Name          | Core Logic                                                                       | Tag              | Status |

package/dist/{src/components → components}/BaseField.d.ts

@@ -1,7 +1,10 @@
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        default?(_: {}): any;
+        default?(_: {
+            invalid: boolean;
+            message: string;
+        }): any;
     };
     refs: {};
     rootEl: any;

package/dist/components/BaseField.js

@@ -28,13 +28,19 @@ var d = /*@__PURE__*/ r({
 			h.value = !0, m.value = e.target.validationMessage;
 		}
 		function S(e) {
-			h.value && (m.value = e.target.validationMessage);
+			if (h.value) {
+				let t = e.target;
+				h.value = !t.validity.valid, m.value = t.validationMessage;
+			}
 		}
 		return (e, t) => (a(), n("div", i(b.value, {
 			onInvalidCapture: x,
 			onInputCapture: S,
 			onChangeCapture: S
-		}), [c(e.$slots, "default")], 16));
+		}), [c(e.$slots, "default", {
+			invalid: h.value,
+			message: m.value
+		})], 16));
 	}
 });
 //#endregion

package/dist/{src/components → components}/internal/field.d.ts

@@ -1,5 +1,7 @@
+type AriaInvalid = boolean | 'true' | 'false' | 'grammar' | 'spelling' | undefined;
 export declare function useFieldControl(): {
     controlId: import('vue').ComputedRef<string>;
     describedBy: import('vue').ComputedRef<string | undefined>;
-    ariaInvalid: import('vue').ComputedRef<unknown>;
+    ariaInvalid: import('vue').ComputedRef<AriaInvalid>;
 };
+export {};

package/dist/index.d.ts

@@ -1 +1,13 @@
-export {}
+export { default as CButton } from './components/BaseButton';
+export { default as CCheckbox } from './components/BaseCheckbox';
+export { default as CCheckboxGroup } from './components/BaseCheckboxGroup';
+export { default as CField } from './components/BaseField';
+export { default as CFile } from './components/BaseFile';
+export { default as CForm } from './components/BaseForm';
+export { default as CInput } from './components/BaseInput';
+export { default as CLabel } from './components/BaseLabel';
+export { default as CRadio } from './components/BaseRadio';
+export { default as CRadioGroup } from './components/BaseRadioGroup';
+export { default as CSelect } from './components/BaseSelect';
+export { default as CSupportingText } from './components/BaseSupportingText';
+export { default as CTextarea } from './components/BaseTextarea';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@charpente-ui/vue",
-    "version": "2.1.2",
+    "version": "2.2.1",
     "description": "Charpente UI is a headless Vue component library.",
     "type": "module",
     "scripts": {

package/dist/src/index.d.ts

@@ -1,13 +0,0 @@
-export { default as CButton } from './components/BaseButton';
-export { default as CCheckbox } from './components/BaseCheckbox';
-export { default as CCheckboxGroup } from './components/BaseCheckboxGroup';
-export { default as CField } from './components/BaseField';
-export { default as CFile } from './components/BaseFile';
-export { default as CForm } from './components/BaseForm';
-export { default as CInput } from './components/BaseInput';
-export { default as CLabel } from './components/BaseLabel';
-export { default as CRadio } from './components/BaseRadio';
-export { default as CRadioGroup } from './components/BaseRadioGroup';
-export { default as CSelect } from './components/BaseSelect';
-export { default as CSupportingText } from './components/BaseSupportingText';
-export { default as CTextarea } from './components/BaseTextarea';