@alfadocs/ui-kit 0.33.11 → 0.35.0

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.33.11",
+  "packageVersion": "0.35.0",
   "components": [
     {
       "kind": "component",

package/dist/brand/product-lockup/index.d.ts

@@ -0,0 +1,3 @@
+export { ProductLockup } from './product-lockup';
+export type { ProductLockupProps } from './product-lockup';
+//# sourceMappingURL=index.d.ts.map

package/dist/brand/product-lockup/product-lockup.d.ts

@@ -0,0 +1,54 @@
+import { type ComponentPropsWithoutRef } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const productName: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    tone?: "gradient" | "solid" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type LockupSize = NonNullable<VariantProps<typeof productName>['size']>;
+export type ProductLockupProps = {
+    /**
+     * The product name paired with the Alfadocs wordmark — e.g. `"Builders"`
+     * renders as "Alfadocs Builders". Passed verbatim (product names are not
+     * translated); the lockup's accessible name becomes `Alfadocs <name>`.
+     */
+    name: string;
+    /**
+     * Render the name as a solid `--foreground` ink, upright (no gradient, no
+     * italic), and pair it with the monochrome wordmark. Use for print,
+     * single-colour reproductions, or any constrained context where the
+     * gradient/serif treatment is inappropriate.
+     */
+    monochrome?: boolean;
+    /** Lockup size. Drives both the wordmark and the name's cap height. */
+    size?: LockupSize;
+    className?: string;
+} & Omit<ComponentPropsWithoutRef<'span'>, 'role' | 'aria-label' | 'aria-hidden' | 'children' | 'className'>;
+/**
+ * The standard lockup pairing the Alfadocs wordmark with a product name
+ * ("Alfadocs Builders", "Alfadocs MyApp"). Every marketplace app should use
+ * this rather than hand-rolling a wordmark + typed span.
+ *
+ * The whole lockup is exposed to assistive tech as a single `img` named
+ * `Alfadocs <name>`; the inner wordmark and the visible name are both
+ * decorative so the brand isn't announced twice.
+ */
+export declare const ProductLockup: import("react").ForwardRefExoticComponent<{
+    /**
+     * The product name paired with the Alfadocs wordmark — e.g. `"Builders"`
+     * renders as "Alfadocs Builders". Passed verbatim (product names are not
+     * translated); the lockup's accessible name becomes `Alfadocs <name>`.
+     */
+    name: string;
+    /**
+     * Render the name as a solid `--foreground` ink, upright (no gradient, no
+     * italic), and pair it with the monochrome wordmark. Use for print,
+     * single-colour reproductions, or any constrained context where the
+     * gradient/serif treatment is inappropriate.
+     */
+    monochrome?: boolean;
+    /** Lockup size. Drives both the wordmark and the name's cap height. */
+    size?: LockupSize;
+    className?: string;
+} & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "aria-hidden" | "className" | "role" | "children" | "aria-label"> & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=product-lockup.d.ts.map

package/dist/components/booking/booking-types.d.ts

@@ -62,9 +62,30 @@ export interface BookingDetails {
 export interface BookingValue {
     insuranceType?: InsuranceType;
     specialtyId?: string;
+    /**
+     * Multi-select form of `specialtyId` — set this instead of (or alongside)
+     * `specialtyId` when `specialtyPickerStyle='multi-select'`. The cascade
+     * reads this array first and treats services / operators / slots as a
+     * union of the selected specialties. When both are set, the array wins.
+     * Added in 0.34.0.
+     */
+    specialtyIds?: string[];
     serviceId?: string;
+    /**
+     * Multi-select form of `serviceId` — see `specialtyIds`. Set when
+     * `servicePickerStyle='multi-select'`. Union semantics. Added in 0.34.0.
+     */
+    serviceIds?: string[];
     /** May be the literal `'all'` sentinel to mean "no operator preference". */
     operatorId?: string;
+    /**
+     * Multi-select form of `operatorId` — see `specialtyIds`. Set when
+     * `operatorPickerStyle='multi-select'`. The kit doesn't filter slots by
+     * operator itself (the consumer owns slot resolution), but consumers
+     * using multi-select operator typically filter `availableSlots` to the
+     * union of `operatorIds` before passing the data in. Added in 0.34.0.
+     */
+    operatorIds?: string[];
     /** YYYY-MM-DD. */
     date?: string;
     /** Opaque key from `availableSlots[date]`. */
@@ -194,6 +215,49 @@ export interface BookingProps extends Omit<ComponentPropsWithoutRef<'div'>, 'ari
      * this signal.
      */
     onWindowChange?: (startIso: string, endIso: string) => void;
+    /**
+     * @default 'select'
+     * UI rendered for the Specialty step. Independent of layout `variant`.
+     *
+     * - `'select'` (default): the kit's `<Select>` dropdown — current behaviour.
+     * - `'combobox'`: single-select `<Combobox>` with type-ahead search.
+     *   Pays off for long specialty lists (>10 entries).
+     * - `'multi-select'`: multi-select `<MultiSelect>` with chip-rendered
+     *   selections. Writes to `value.specialtyIds` (array). The cascade reads
+     *   the array as a union — services / operators / slots are filtered
+     *   by ANY of the selected specialties. Added in 0.34.0.
+     */
+    specialtyPickerStyle?: 'select' | 'combobox' | 'multi-select';
+    /**
+     * @default 'cards' for `variant='inline-list'`, `'select'` for others
+     * UI rendered for the Service step. Independent of layout `variant`.
+     *
+     * - `'cards'`: visual card grid (the long-standing `ServiceCardGroup`
+     *   used by inline-list). Card layout, one row per service with icon,
+     *   label, and duration.
+     * - `'select'`: compact `<Select>` dropdown (default for the chrome-
+     *   denser variants — calendar / flexible / accordion / progress).
+     * - `'combobox'`: single-select `<Combobox>` with type-ahead search.
+     * - `'multi-select'`: multi-select `<MultiSelect>` writing to
+     *   `value.serviceIds`. Cascade reads as union — operators / slots are
+     *   filtered by ANY of the selected services. Added in 0.34.0.
+     */
+    servicePickerStyle?: 'select' | 'combobox' | 'multi-select' | 'cards';
+    /**
+     * @default 'select'
+     * UI rendered for the Operator step. Independent of layout `variant`.
+     *
+     * - `'select'` (default): `<Select>` dropdown including the implicit
+     *   `'all'` "any operator" sentinel.
+     * - `'combobox'`: single-select `<Combobox>` with type-ahead search.
+     * - `'multi-select'`: multi-select `<MultiSelect>` writing to
+     *   `value.operatorIds`. The kit doesn't filter slots by operator
+     *   itself — the consumer owns slot resolution — but consumers using
+     *   multi-select operator typically filter `availableSlots` to the
+     *   union of selected operators before passing the data in. Added
+     *   in 0.34.0.
+     */
+    operatorPickerStyle?: 'select' | 'combobox' | 'multi-select';
     /**
      * @default 'month-calendar'
      * Selects the date + slot picker rendered inside the cascade's date

package/dist/components/booking/cascade.d.ts

@@ -66,8 +66,24 @@ export interface CascadeOutputs {
 export declare function deriveCascade(inputs: CascadeInputs): CascadeOutputs;
 export declare function resetOnInsuranceChange(value: BookingValue, next: InsuranceType | undefined): BookingValue;
 export declare function resetOnSpecialtyChange(value: BookingValue, next: string | undefined): BookingValue;
+/**
+ * Multi-select counterpart to `resetOnSpecialtyChange`. Writes the
+ * `specialtyIds` array form and clears any single-form `specialtyId`
+ * so the cascade reads the array. Added in 0.34.0.
+ */
+export declare function resetOnSpecialtyIdsChange(value: BookingValue, next: string[] | undefined): BookingValue;
 export declare function resetOnServiceChange(value: BookingValue, next: string | undefined): BookingValue;
+/** Multi-select counterpart to `resetOnServiceChange`. Added in 0.34.0. */
+export declare function resetOnServiceIdsChange(value: BookingValue, next: string[] | undefined): BookingValue;
 export declare function resetOnOperatorChange(value: BookingValue, next: string | undefined): BookingValue;
+/** Multi-select counterpart to `resetOnOperatorChange`. Added in 0.34.0. */
+export declare function resetOnOperatorIdsChange(value: BookingValue, next: string[] | undefined): BookingValue;
+/** Returns the effective specialty selection as an array. Empty when nothing picked. */
+export declare function resolveSpecialtyIds(value: BookingValue): string[];
+/** Returns the effective service selection as an array. Empty when nothing picked. */
+export declare function resolveServiceIds(value: BookingValue): string[];
+/** Returns the effective operator selection as an array. Empty when nothing picked. */
+export declare function resolveOperatorIds(value: BookingValue): string[];
 export declare function resetOnDateChange(value: BookingValue, next: string | undefined): BookingValue;
 export declare function resetOnSlotChange(value: BookingValue, next: string | undefined): BookingValue;
 export declare function applyAutoSelects(value: BookingValue, inputs: CascadePolicy & {

package/dist/components/booking/index.js

@@ -1,4 +1,4 @@
-import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-Db4BQ9eH.js";
+import { B as A, C as R, O as a, b as s } from "../../_chunks/booking-eM0y0NIR.js";
 export {
   A as Booking,
   R as CONFIRMATION_CHANNEL_ORDER,

package/dist/components/index.d.ts

@@ -51,6 +51,7 @@ export * from './kbd';
 export * from './key-value-pair';
 export * from './list';
 export * from './logo';
+export * from '../brand/product-lockup';
 export * from './map-view';
 export * from './rating';
 export * from './skeleton';