@a4ui/core 0.8.1 → 0.9.0

package/dist/ui/DateRangePicker.d.ts

@@ -0,0 +1,29 @@
+import { JSX } from 'solid-js';
+export interface DateRange {
+    /** 'YYYY-MM-DD' (local) or '' if unset. */
+    start: string;
+    end: string;
+}
+export interface DateRangePickerProps {
+    value: DateRange;
+    onChange: (value: DateRange) => void;
+    /** Placeholder shown when nothing is selected. */
+    label?: string;
+    disabled?: boolean;
+    months?: string[];
+    weekdays?: string[];
+    class?: string;
+}
+/**
+ * Compact hand-rolled range picker built on the same popover mechanism as
+ * `DateField`, but tracking a start/end pair instead of a single day. The
+ * first click begins a range, the second completes it (closing the popover);
+ * clicking again once complete starts a fresh range.
+ *
+ * @example
+ * ```tsx
+ * const [range, setRange] = createSignal<DateRange>({ start: '2026-03-15', end: '' })
+ * <DateRangePicker value={range()} onChange={setRange} label="Stay dates" />
+ * ```
+ */
+export declare function DateRangePicker(props: DateRangePickerProps): JSX.Element;

package/dist/ui/Form.d.ts

@@ -0,0 +1,57 @@
+import { JSX } from 'solid-js';
+export interface FormFieldProps {
+    /** Optional explicit id; otherwise auto-generated. */
+    id?: string;
+    children: JSX.Element;
+    class?: string;
+}
+/**
+ * Container/provider that gives `FormLabel`, `FormControl`,
+ * `FormDescription`, and `FormError` a shared field id so they wire up
+ * `for`/`id`/`aria-describedby` automatically.
+ *
+ * Pairs well with a schema validator (Valibot/Zod): the consumer computes
+ * the error string and passes it to `FormError`.
+ *
+ * @example
+ * ```tsx
+ * <FormField>
+ *   <FormLabel>Email</FormLabel>
+ *   <FormControl>
+ *     {(fieldProps) => <input type="email" {...fieldProps} />}
+ *   </FormControl>
+ *   <FormDescription>We'll never share your email.</FormDescription>
+ *   <FormError>{errors().email}</FormError>
+ * </FormField>
+ * ```
+ */
+export declare function FormField(props: FormFieldProps): JSX.Element;
+/** Label associated with the enclosing `FormField`'s control via `for`. */
+export declare function FormLabel(props: {
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+/**
+ * Render-prop bridge that hands the enclosing `FormField`'s `id` and
+ * `aria-describedby` to the caller's control, to be spread onto the actual
+ * input/select/textarea element.
+ */
+export declare function FormControl(props: {
+    children: (fieldProps: {
+        id: string;
+        'aria-describedby': string;
+    }) => JSX.Element;
+}): JSX.Element;
+/** Helper text for the enclosing `FormField`, linked via `aria-describedby`. */
+export declare function FormDescription(props: {
+    children: JSX.Element;
+    class?: string;
+}): JSX.Element;
+/**
+ * Error text for the enclosing `FormField`, linked via `aria-describedby`.
+ * Renders nothing when there is no error to show.
+ */
+export declare function FormError(props: {
+    children?: JSX.Element;
+    class?: string;
+}): JSX.Element;

package/dist/ui/internal/CalendarCore.d.ts

@@ -2,6 +2,10 @@ import { JSX } from 'solid-js';
 export interface CalendarCoreProps {
     /** Currently selected day (for highlight); undefined = none. */
     selected?: Date;
+    /** Range start — endpoints fill, days strictly between get a soft band. */
+    rangeStart?: Date;
+    /** Range end (see `rangeStart`). */
+    rangeEnd?: Date;
     /** Called with the newly picked day. */
     onPick: (date: Date) => void;
     /** 0 = Sunday-first, 1 = Monday-first. @default 0 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@a4ui/core",
-  "version": "0.8.1",
+  "version": "0.9.0",
   "description": "A4ui — Spatial Glass design system & component library for SolidJS (Kobalte behavior + Tailwind glass tokens + motion).",
   "type": "module",
   "license": "MIT",
@@ -40,6 +40,11 @@
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     },
+    "./commerce": {
+      "types": "./dist/commerce/index.d.ts",
+      "import": "./dist/commerce.js",
+      "default": "./dist/commerce.js"
+    },
     "./preset": {
       "import": "./preset.js",
       "default": "./preset.js"