create-bestax 4.2.15 → 4.2.16

package/dist/constants.js

@@ -289,7 +289,7 @@ export const ICON_LIBRARIES = [
         // 0.x, so the caret holds the minor: this follows the newest minor
         // bestax-bulma's material-symbols peer range admits, not the newest
         // published one, or npm refuses the install as a peer conflict.
-        packageVersion: '^0.46.0',
+        packageVersion: '^0.47.0',
         // The package's bare import puts the outlined, rounded and sharp fonts
         // into the build. Outlined is the style Icon renders by default, so it is
         // the only one imported.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bestax",
-  "version": "4.2.15",
+  "version": "4.2.16",
   "description": "Create a new bestax-bulma project",
   "type": "module",
   "bin": {
@@ -41,7 +41,7 @@
     "prompts": "^2.4.2",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "@allxsmith/bestax-bulma": "^5.27.4"
+    "@allxsmith/bestax-bulma": "^5.27.5"
   },
   "devDependencies": {
     "@jest/globals": "^30.0.0",

package/templates/skills/bestax-form/SKILL.md

@@ -33,7 +33,7 @@ Bulma forms are a three-tier structure. bestax models it directly:
 
 ```
 Field            // container + layout (horizontal / grouped / hasAddons)
-├── label        // rendered from Field's `label` prop, or <Field.Label> when horizontal
+├── label        // rendered from Field's `label` prop, or a <label> you put in <Field.Label>
 └── Control       // wraps ONE input; adds icons + loading
     ├── InputBase / SelectBase / TextAreaBase   // the raw styled element
     └── <p class="help">…</p>                    // help / validation message
@@ -138,7 +138,8 @@ leave it off when a label already names the Slider. The group inputs (`Checkboxe
 `DateRangeInput`) associate their `label` too, but group-style: the wrapper gets
 `role="group"`/`"radiogroup"` and `aria-labelledby` pointing at the label. Composing yourself
 also associates: a labeled `Field` names the one control it holds, whether a composed
-`InputBase`/`SelectBase`/`TextAreaBase` or any input above (through the id), or a group
+`InputBase`/`SelectBase`/`TextAreaBase`, a composed `DateInputBase`/`TimeInputBase`/
+`DateTimeInputBase` that is not `inline`, or any input above (through the id), or a group
 (through `aria-labelledby`). Either way, an `aria-label` or `aria-labelledby` you give a
 group wins over the label. A `Checkbox`, `Radio` or `Switch` takes nothing from a `Field`:
 each is named by its own children, so put the text there. The association is skipped for

package/templates/skills/bestax-form/references/patterns.md

@@ -170,12 +170,23 @@ Recipes built on addons, each written out in full in the docs:
 
 ## Horizontal field with explicit label/body
 
+`Field.Label` is the label column, not a `<label>`, so text placed straight in it names nothing:
+put a `<label className="label">` inside it with `htmlFor` pointing at the input's `id`.
+
 ```tsx
 <Field horizontal>
-  <Field.Label size="normal">Email</Field.Label>
+  <Field.Label size="normal">
+    <label className="label" htmlFor="horizontal-email">
+      Email
+    </label>
+  </Field.Label>
   <Field.Body>
     <Control iconLeftName="envelope" hasIconsLeft>
-      <InputBase type="email" placeholder="you@example.com" />
+      <InputBase
+        id="horizontal-email"
+        type="email"
+        placeholder="you@example.com"
+      />
     </Control>
   </Field.Body>
 </Field>