@a4ui/core 0.23.0 → 0.24.1

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export declare const A4UI_VERSION = "0.23.0";
+export declare const A4UI_VERSION = "0.24.1";
 export { cn } from './lib/cn';
 export { useTheme, toggleTheme, setTheme, storedTheme, applyTheme, toggled, type Theme } from './lib/theme';
 export { useEffects, isCalm, setEffects } from './lib/effects';

package/dist/index.js

@@ -1,7 +1,7 @@
 import { c as p } from "./cn-B6yFEsav.js";
 import { createSignal as z, onCleanup as q, onMount as G, For as A, createMemo as Q, Show as S, createEffect as re, createUniqueId as vr, useContext as br, createContext as xr, splitProps as ie, Index as Re, on as Ht, Switch as $r, Match as We, ErrorBoundary as yr, Suspense as wr } from "solid-js";
-import { a as se, d as pr, C as Vt, e as Kt, f as Ut, m as X, B as _r, g as kr, h as Cr, s as Ue, i as Sr, u as Er } from "./NumberInput-enx_0iVh.js";
-import { b as bf, c as xf, N as $f, R as yf, j as wf, S as pf, T as _f, k as kf, l as Cf, n as Sf, p as Ef, r as Mf, o as Tf, q as Lf } from "./NumberInput-enx_0iVh.js";
+import { a as se, d as pr, C as Vt, e as Kt, f as Ut, m as X, B as _r, g as kr, h as Cr, s as Ue, i as Sr, u as Er } from "./NumberInput-DcJlXNKq.js";
+import { b as bf, c as xf, N as $f, R as yf, j as wf, S as pf, T as _f, k as kf, l as Cf, n as Sf, p as Ef, r as Mf, o as Tf, q as Lf } from "./NumberInput-DcJlXNKq.js";
 import { createComponent as o, memo as V, insert as s, template as v, effect as _, setAttribute as T, className as M, delegateEvents as Y, Portal as me, setStyleProperty as O, use as R, classList as qt, spread as ce, mergeProps as de, Dynamic as Gt, addEventListener as Ke, style as ue } from "solid-js/web";
 import { Accordion as _e } from "@kobalte/core/accordion";
 import { ChevronsLeft as Mr, ChevronLeft as Oe, ChevronRight as fe, ChevronsRight as Tr, CalendarDays as Wt, Clock as Lr, File as mt, Check as xe, X as ge, ChevronDown as qe, UploadCloud as Dr, CircleX as Jt, TriangleAlert as Zt, CircleCheck as Qt, Info as er, Copy as Ir, ChevronsUpDown as tr, ChevronsLeftRight as Ar, Inbox as Fr, Star as zr, ServerCrash as Pr, Compass as Rr, ArrowUp as Or, Plus as Br, ChevronUp as jr, Bell as Nr, GripVertical as ht, Loader2 as Yr, Satellite as Xr, Moon as Hr, Sun as Vr, Sparkles as Kr } from "lucide-solid";
@@ -7222,7 +7222,7 @@ function ff() {
     }
   Id(e && hr(e) || gt);
 }
-const mf = "0.23.0";
+const mf = "0.24.1";
 export {
   mf as A4UI_VERSION,
   du as Accordion,

package/dist/ui/NumberInput.d.ts

@@ -6,6 +6,8 @@ interface NumberInputProps {
     min?: number;
     /** Upper bound; the increment trigger disables itself at this value. */
     max?: number;
+    /** Accessible name applied to the input as its `aria-label` (no visible label is rendered). */
+    'aria-label'?: string;
     class?: string;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a4ui/core",
-  "version": "0.23.0",
+  "version": "0.24.1",
   "description": "A4ui — Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
   "type": "module",
   "license": "MIT",

package/src/commerce/FacetSidebar.tsx

@@ -195,6 +195,7 @@ export function FacetSidebar(props: FacetSidebarProps): JSX.Element {
                 onChange={setMin}
                 min={price().min}
                 max={price().value[1]}
+                aria-label="Minimum price"
               />
               <span class="text-sm text-muted-foreground">–</span>
               <NumberInput
@@ -202,6 +203,7 @@ export function FacetSidebar(props: FacetSidebarProps): JSX.Element {
                 onChange={setMax}
                 min={price().value[0]}
                 max={price().max}
+                aria-label="Maximum price"
               />
             </div>
           </div>

package/src/index.ts

@@ -8,7 +8,7 @@
 //   import '@a4ui/core/styles.css'
 //   import { Button, Card, Modal } from '@a4ui/core'
 
-export const A4UI_VERSION = '0.23.0'
+export const A4UI_VERSION = '0.24.1'
 
 // Helpers (src/lib) — generic, framework-level utilities.
 export { cn } from './lib/cn'

package/src/ui/NumberInput.tsx

@@ -11,6 +11,8 @@ interface NumberInputProps {
   min?: number
   /** Upper bound; the increment trigger disables itself at this value. */
   max?: number
+  /** Accessible name applied to the input as its `aria-label` (no visible label is rendered). */
+  'aria-label'?: string
   class?: string
 }
 
@@ -39,7 +41,10 @@ export function NumberInput(props: NumberInputProps): JSX.Element {
       <KNumberField.DecrementTrigger class={cn(TRIGGER_CLASS, 'rounded-l-md')} aria-label="Decrement">
         −
       </KNumberField.DecrementTrigger>
-      <KNumberField.Input class="w-16 border-y border-input bg-background px-3 py-2 text-center text-sm text-foreground outline-none transition-colors a4-field" />
+      <KNumberField.Input
+        aria-label={props['aria-label']}
+        class="w-16 border-y border-input bg-background px-3 py-2 text-center text-sm text-foreground outline-none transition-colors a4-field"
+      />
       <KNumberField.IncrementTrigger class={cn(TRIGGER_CLASS, 'rounded-r-md')} aria-label="Increment">
         +
       </KNumberField.IncrementTrigger>