@alfadocs/ui-kit-debug 1.56.0 → 1.58.0

package/dist/_chunks/{address-fields-BfjxS05Z.js → address-fields-CJtu7LQU.js}

@@ -5,7 +5,7 @@ import { useTranslation as K } from "react-i18next";
 import { C as M } from "./country-select-DF5Bd_mn.js";
 import { P as U } from "./province-select-Bd20Z9Br.js";
 import { P as W } from "./postal-code-input-CfZOnIkW.js";
-import { C as Y } from "./city-input-BC_nYINn.js";
+import { C as Y } from "./city-input-3J3bz9EO.js";
 import { T as z } from "./text-input-CaG9ApoE.js";
 import { F as y } from "./form-field-Ani72sVY.js";
 import { A as G } from "./address-autocomplete-bPR2mNBt.js";
@@ -295,4 +295,4 @@ export {
   te as A,
   X as a
 };
-//# sourceMappingURL=address-fields-BfjxS05Z.js.map
+//# sourceMappingURL=address-fields-CJtu7LQU.js.map

package/dist/_chunks/{address-fields-BfjxS05Z.js.map → address-fields-CJtu7LQU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"address-fields-BfjxS05Z.js","sources":["../../src/components/address-fields/address-fields.agent.ts","../../src/components/address-fields/address-fields.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { StructuredAddress } from '../address-autocomplete';\n\nexport interface AddressFieldsHandle {\n  getValue: () => StructuredAddress;\n  setValue: (value: StructuredAddress) => void;\n  setField: (field: keyof StructuredAddress, value: string) => void;\n}\n\nconst ADDRESS_PROPERTIES = {\n  street: { type: 'string' },\n  city: { type: 'string' },\n  postcode: { type: 'string' },\n  province: { type: 'string', description: 'UPPERCASED province code.' },\n  country: { type: 'string', description: 'ISO alpha-2, lowercased.' },\n  formatted: { type: 'string' },\n} as const;\n\nexport const addressFieldsAgent: AgentAdapter<AddressFieldsHandle> = {\n  id: 'address-fields',\n  // `set_value` only — a structured address form sets discrete fields; it does\n  // no granular in-place rich-text editing, so `edit_inline` does not apply.\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'object',\n      descriptionKey: 'ui.agent.addressFields.state.value',\n      description:\n        'The current structured address: { street, city, postcode, province, country, formatted }.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: StructuredAddress }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: { type: 'object', properties: ADDRESS_PROPERTIES },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setValue',\n      description: 'Replace the entire address.',\n      invoke: (handle, args: { value: StructuredAddress }) => {\n        handle.setValue(args.value);\n      },\n    },\n    set_field: {\n      // Contact-data write (street/city/postcode/etc.), not clinical PHI —\n      // consistent with PhoneInput / EmailInput / FiscalCodeInput, which all\n      // treat identifying contact data as `write`.\n      safety: 'write',\n      argsType:\n        \"{ field: 'street' | 'city' | 'postcode' | 'province' | 'country'; value: string }\",\n      argsSchema: {\n        type: 'object',\n        properties: {\n          field: {\n            type: 'string',\n            enum: ['street', 'city', 'postcode', 'province', 'country'],\n          },\n          value: { type: 'string' },\n        },\n        required: ['field', 'value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setField',\n      description:\n        'Set a single address field. Setting `country` also clears the now-stale province.',\n      examples: [\n        {\n          args: { field: 'country', value: 'it' },\n          note: 'Set the country to Italy.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { field: keyof StructuredAddress; value: string },\n      ) => {\n        handle.setField(args.field, args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'address-fields' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CountrySelect } from '../country-select/country-select';\nimport { ProvinceSelect } from '../province-select/province-select';\nimport { PostalCodeInput } from '../postal-code-input/postal-code-input';\nimport { CityInput, type CityLoaderContext } from '../city-input/city-input';\nimport { TextInput } from '../text-input';\nimport { FormField } from '../form-field/form-field';\nimport {\n  AddressAutocomplete,\n  type GetSuggestions,\n  type StructuredAddress,\n} from '../address-autocomplete';\nimport type { OptionShape } from '../_shared/option';\nimport { useAgentRegistration } from '../../agent';\nimport {\n  addressFieldsAgent,\n  type AddressFieldsHandle,\n} from './address-fields.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A shippable composite that wires the address fields together and     */\n/* emits a single StructuredAddress. Country drives the rest: it re-keys */\n/* the province dataset, swaps the postcode rule, and re-orders the      */\n/* fields. An optional \"find address\" bar fans an AddressAutocomplete    */\n/* selection out into the individual fields.                            */\n/* ------------------------------------------------------------------ */\n\nexport type AddressFieldKey = 'street' | 'city' | 'postcode' | 'province';\n\nconst EMPTY_ADDRESS: StructuredAddress = {\n  street: '',\n  city: '',\n  postcode: '',\n  province: '',\n  country: '',\n  formatted: '',\n};\n\n// Minimal country-keyed field-order map — NOT a libaddressinput port.\n// Extend with another entry when a country needs a different order.\nconst FIELD_ORDER: Record<string, AddressFieldKey[]> = {\n  it: ['street', 'postcode', 'city', 'province'],\n};\nconst DEFAULT_ORDER: AddressFieldKey[] = [\n  'street',\n  'city',\n  'postcode',\n  'province',\n];\n\n// Fields that span the full width in the grid layout.\nconst WIDE_CELLS = new Set<string>(['findbar', 'country', 'street']);\n\nconst layoutVariants = cva('', {\n  variants: {\n    layout: {\n      stacked: 'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n      grid: 'ds:grid ds:grid-cols-2 ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { layout: 'stacked' },\n});\n\nexport interface AddressFieldsProps {\n  /** The controlled address value. */\n  value?: StructuredAddress;\n  /** Fires with the next full address on any field change. */\n  onChange?: (next: StructuredAddress) => void;\n  /**\n   * Which address-line fields to render, in order. The country picker\n   * always renders first. Default resolves from the selected country.\n   */\n  fields?: AddressFieldKey[];\n  /** Async city suggestion loader, forwarded to CityInput. */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Float these countries to the top of the country picker. */\n  popularCountries?: string[];\n  /** Enable the \"find address\" bar — provide a Places API key… */\n  apiKey?: string;\n  /** …or a mock/real suggestion injector (wins over apiKey, like AddressAutocomplete). */\n  getSuggestions?: GetSuggestions;\n  layout?: 'stacked' | 'grid';\n  /** Marks fields as required: `true` for every field shown, or a list\n   *  of the ones that are (a province is mandatory in some countries\n   *  only). The host still validates. */\n  required?: boolean | readonly (AddressFieldKey | 'country')[];\n  /** An error message per field, shown under it. The host validates and\n   *  decides when to show each one. */\n  errors?: Partial<Record<AddressFieldKey | 'country', string>>;\n  /** Whether a field's message raises `role=\"alert\"`, per field; each\n   *  does unless set to `false`. Turn it off for messages shown together,\n   *  such as by a refused submit, so they are not all announced at once. */\n  announceErrors?: Partial<Record<AddressFieldKey | 'country', boolean>>;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n}\n\nexport const AddressFields = forwardRef<HTMLDivElement, AddressFieldsProps>(\n  function AddressFields(\n    {\n      value,\n      onChange,\n      fields,\n      loadCities,\n      popularCountries,\n      apiKey,\n      getSuggestions,\n      layout = 'stacked',\n      required,\n      errors,\n      announceErrors,\n      disabled,\n      id,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n    const address = value ?? EMPTY_ADDRESS;\n    const country = address.country;\n\n    const valueRef = useRef(address);\n    useEffect(() => {\n      valueRef.current = address;\n    }, [address]);\n\n    const update = useCallback(\n      (patch: Partial<StructuredAddress>) => {\n        /* A browser fills every field in one go, faster than the host\n           re-renders: each change must build on the one before it. */\n        const next = { ...valueRef.current, ...patch };\n        valueRef.current = next;\n        onChange?.(next);\n      },\n      [onChange],\n    );\n\n    // Find-bar selection fans the looked-up address out into every field.\n    const handleFind = useCallback(\n      (found: StructuredAddress) =>\n        onChange?.({ ...valueRef.current, ...found }),\n      [onChange],\n    );\n\n    const agentHandle = useMemo<AddressFieldsHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => onChange?.(next),\n        setField: (field, fieldValue) => {\n          const patch: Partial<StructuredAddress> = { [field]: fieldValue };\n          // Mirror the UI path: changing country re-keys the stale province.\n          if (field === 'country') patch.province = '';\n          onChange?.({ ...valueRef.current, ...patch });\n        },\n      }),\n      [onChange],\n    );\n    useAgentRegistration(addressFieldsAgent, agentHandle, id);\n\n    const order =\n      fields ?? FIELD_ORDER[country?.toLowerCase() ?? ''] ?? DEFAULT_ORDER;\n\n    const isRequired = (key: AddressFieldKey | 'country'): boolean =>\n      required === true || (Array.isArray(required) && required.includes(key));\n\n    const showFindBar = Boolean(apiKey || getSuggestions);\n\n    // The composite's own adapter (`address-fields`) is the agent-addressable\n    // surface; the child inputs below are deliberately rendered without an\n    // `id`, so they register un-scoped rather than competing for handles.\n    const fieldNode = (key: AddressFieldKey | 'country'): ReactNode => {\n      switch (key) {\n        case 'country':\n          return (\n            <FormField\n              label={t('inputs.addressFields.country', 'Country')}\n              required={isRequired('country')}\n              error={errors?.country}\n              announceError={announceErrors?.country ?? true}\n            >\n              <CountrySelect\n                // cmdk names its input itself, so the label is passed too.\n                aria-label={t('inputs.addressFields.country', 'Country')}\n                value={country}\n                // Country drives the rest — re-key province on change.\n                onValueChange={(next) =>\n                  update({ country: next, province: '' })\n                }\n                popularCountries={popularCountries}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'street':\n          return (\n            <FormField\n              label={t('inputs.addressFields.street', 'Street')}\n              required={isRequired('street')}\n              error={errors?.street}\n              announceError={announceErrors?.street ?? true}\n            >\n              <TextInput\n                value={address.street}\n                onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                  update({ street: event.target.value })\n                }\n                autoComplete=\"address-line1\"\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'city':\n          return (\n            <FormField\n              label={t('inputs.addressFields.city', 'City')}\n              required={isRequired('city')}\n              error={errors?.city}\n              announceError={announceErrors?.city ?? true}\n            >\n              <CityInput\n                value={address.city}\n                onValueChange={(next) => update({ city: next })}\n                loadCities={loadCities}\n                country={country}\n                province={address.province}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'postcode':\n          return (\n            <FormField\n              label={t('inputs.addressFields.postcode', 'Postcode')}\n              required={isRequired('postcode')}\n              error={errors?.postcode}\n              announceError={announceErrors?.postcode ?? true}\n            >\n              <PostalCodeInput\n                value={address.postcode}\n                onValueChange={(next) => update({ postcode: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'province':\n          return (\n            <FormField\n              label={t('inputs.addressFields.province', 'Province')}\n              required={isRequired('province')}\n              error={errors?.province}\n              announceError={announceErrors?.province ?? true}\n            >\n              <ProvinceSelect\n                aria-label={t('inputs.addressFields.province', 'Province')}\n                value={address.province}\n                onValueChange={(next) => update({ province: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n      }\n    };\n\n    const cell = (key: string, node: ReactNode): ReactNode =>\n      layout === 'grid' ? (\n        <div\n          key={key}\n          data-address-field={key}\n          className={WIDE_CELLS.has(key) ? 'ds:col-span-2' : undefined}\n        >\n          {node}\n        </div>\n      ) : (\n        <div key={key} data-address-field={key}>\n          {node}\n        </div>\n      );\n\n    const children: ReactNode[] = [];\n    if (showFindBar) {\n      children.push(\n        cell(\n          'findbar',\n          <FormField label={t('inputs.addressFields.find', 'Find address')}>\n            <AddressAutocomplete\n              apiKey={apiKey}\n              getSuggestions={getSuggestions}\n              regionCodes={country ? [country] : undefined}\n              disabled={disabled}\n              onSelect={handleFind}\n            />\n          </FormField>,\n        ),\n      );\n    }\n    children.push(cell('country', fieldNode('country')));\n    for (const key of order) children.push(cell(key, fieldNode(key)));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"address-fields\"\n        data-component-id={id}\n        className={[layoutVariants({ layout }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAddressFields.displayName = 'AddressFields';\n"],"names":["ADDRESS_PROPERTIES","addressFieldsAgent","handle","args","EMPTY_ADDRESS","FIELD_ORDER","DEFAULT_ORDER","WIDE_CELLS","layoutVariants","cva","AddressFields","forwardRef","value","onChange","fields","loadCities","popularCountries","apiKey","getSuggestions","layout","required","errors","announceErrors","disabled","id","className","ref","t","useTranslation","address","country","valueRef","useRef","useEffect","update","useCallback","patch","next","handleFind","found","agentHandle","useMemo","field","fieldValue","useAgentRegistration","order","isRequired","key","showFindBar","fieldNode","jsx","FormField","CountrySelect","TextInput","event","CityInput","PostalCodeInput","ProvinceSelect","cell","node","children","AddressAutocomplete"],"mappings":";;;;;;;;;;;;AASA,MAAMA,IAAqB;AAAA,EACzB,QAAQ,EAAE,MAAM,SAAA;AAAA,EAChB,MAAM,EAAE,MAAM,SAAA;AAAA,EACd,UAAU,EAAE,MAAM,SAAA;AAAA,EAClB,UAAU,EAAE,MAAM,UAAU,aAAa,4BAAA;AAAA,EACzC,SAAS,EAAE,MAAM,UAAU,aAAa,2BAAA;AAAA,EACxC,WAAW,EAAE,MAAM,SAAA;AACrB,GAEaC,IAAwD;AAAA,EACnE,IAAI;AAAA;AAAA;AAAA,EAGJ,cAAc,CAAC,WAAW;AAAA,EAC1B,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,EACpC;AAAA,EAEF,SAAS;AAAA,IACP,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,OAAO,EAAE,MAAM,UAAU,YAAYF,EAAA;AAAA,QAAmB;AAAA,QAE1D,UAAU,CAAC,OAAO;AAAA,MAAA;AAAA,MAEpB,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aAAa;AAAA,MACb,QAAQ,CAACE,GAAQC,MAAuC;AACtD,QAAAD,EAAO,SAASC,EAAK,KAAK;AAAA,MAC5B;AAAA,IAAA;AAAA,IAEF,WAAW;AAAA;AAAA;AAAA;AAAA,MAIT,QAAQ;AAAA,MACR,UACE;AAAA,MACF,YAAY;AAAA,QACV,MAAM;AAAA,QACN,YAAY;AAAA,UACV,OAAO;AAAA,YACL,MAAM;AAAA,YACN,MAAM,CAAC,UAAU,QAAQ,YAAY,YAAY,SAAS;AAAA,UAAA;AAAA,UAE5D,OAAO,EAAE,MAAM,SAAA;AAAA,QAAS;AAAA,QAE1B,UAAU,CAAC,SAAS,OAAO;AAAA,MAAA;AAAA,MAE7B,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,UAAU;AAAA,QACR;AAAA,UACE,MAAM,EAAE,OAAO,WAAW,OAAO,KAAA;AAAA,UACjC,MAAM;AAAA,QAAA;AAAA,MACR;AAAA,MAEF,QAAQ,CACND,GACAC,MACG;AACH,QAAAD,EAAO,SAASC,EAAK,OAAOA,EAAK,KAAK;AAAA,MACxC;AAAA,IAAA;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,MAAM,EAAE,MAAM,kBAAkB,OAAO,iBAAA;AAAA,IACvC,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GCrDMC,IAAmC;AAAA,EACvC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA,EACT,WAAW;AACb,GAIMC,IAAiD;AAAA,EACrD,IAAI,CAAC,UAAU,YAAY,QAAQ,UAAU;AAC/C,GACMC,IAAmC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAGMC,IAAa,oBAAI,IAAY,CAAC,WAAW,WAAW,QAAQ,CAAC,GAE7DC,KAAiBC,EAAI,IAAI;AAAA,EAC7B,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAAA,EAEF,iBAAiB,EAAE,QAAQ,UAAA;AAC7B,CAAC,GAwCYC,KAAgBC;AAAA,EAC3B,SACE;AAAA,IACE,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,IAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,GAEFC,GACA;AACA,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAUjB,KAASR,GACnB0B,IAAUD,EAAQ,SAElBE,IAAWC,EAAOH,CAAO;AAC/B,IAAAI,EAAU,MAAM;AACd,MAAAF,EAAS,UAAUF;AAAA,IACrB,GAAG,CAACA,CAAO,CAAC;AAEZ,UAAMK,IAASC;AAAA,MACb,CAACC,MAAsC;AAGrC,cAAMC,IAAO,EAAE,GAAGN,EAAS,SAAS,GAAGK,EAAA;AACvC,QAAAL,EAAS,UAAUM,GACnBxB,KAAA,QAAAA,EAAWwB;AAAA,MACb;AAAA,MACA,CAACxB,CAAQ;AAAA,IAAA,GAILyB,IAAaH;AAAA,MACjB,CAACI,MACC1B,KAAA,gBAAAA,EAAW,EAAE,GAAGkB,EAAS,SAAS,GAAGQ;MACvC,CAAC1B,CAAQ;AAAA,IAAA,GAGL2B,IAAcC;AAAA,MAClB,OAAO;AAAA,QACL,UAAU,MAAMV,EAAS;AAAA,QACzB,UAAU,CAACM,MAASxB,KAAA,gBAAAA,EAAWwB;AAAA,QAC/B,UAAU,CAACK,GAAOC,MAAe;AAC/B,gBAAMP,IAAoC,EAAE,CAACM,CAAK,GAAGC,EAAA;AAErD,UAAID,MAAU,cAAWN,EAAM,WAAW,KAC1CvB,KAAA,QAAAA,EAAW,EAAE,GAAGkB,EAAS,SAAS,GAAGK;QACvC;AAAA,MAAA;AAAA,MAEF,CAACvB,CAAQ;AAAA,IAAA;AAEX,IAAA+B,EAAqB3C,GAAoBuC,GAAahB,CAAE;AAExD,UAAMqB,IACJ/B,KAAUT,GAAYyB,KAAA,gBAAAA,EAAS,kBAAiB,EAAE,KAAKxB,GAEnDwC,IAAa,CAACC,MAClB3B,MAAa,MAAS,MAAM,QAAQA,CAAQ,KAAKA,EAAS,SAAS2B,CAAG,GAElEC,IAAc,GAAQ/B,KAAUC,IAKhC+B,IAAY,CAACF,MAAgD;AACjE,cAAQA,GAAA;AAAA,QACN,KAAK;AACH,iBACE,gBAAAG;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOxB,EAAE,gCAAgC,SAAS;AAAA,cAClD,UAAUmB,EAAW,SAAS;AAAA,cAC9B,OAAOzB,KAAA,gBAAAA,EAAQ;AAAA,cACf,gBAAeC,KAAA,gBAAAA,EAAgB,YAAW;AAAA,cAE1C,UAAA,gBAAA4B;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBAEC,cAAYzB,EAAE,gCAAgC,SAAS;AAAA,kBACvD,OAAOG;AAAA,kBAEP,eAAe,CAACO,MACdH,EAAO,EAAE,SAASG,GAAM,UAAU,IAAI;AAAA,kBAExC,kBAAArB;AAAA,kBACA,UAAAO;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE,gBAAA2B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOxB,EAAE,+BAA+B,QAAQ;AAAA,cAChD,UAAUmB,EAAW,QAAQ;AAAA,cAC7B,OAAOzB,KAAA,gBAAAA,EAAQ;AAAA,cACf,gBAAeC,KAAA,gBAAAA,EAAgB,WAAU;AAAA,cAEzC,UAAA,gBAAA4B;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,OAAOxB,EAAQ;AAAA,kBACf,UAAU,CAACyB,MACTpB,EAAO,EAAE,QAAQoB,EAAM,OAAO,OAAO;AAAA,kBAEvC,cAAa;AAAA,kBACb,UAAA/B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE,gBAAA2B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOxB,EAAE,6BAA6B,MAAM;AAAA,cAC5C,UAAUmB,EAAW,MAAM;AAAA,cAC3B,OAAOzB,KAAA,gBAAAA,EAAQ;AAAA,cACf,gBAAeC,KAAA,gBAAAA,EAAgB,SAAQ;AAAA,cAEvC,UAAA,gBAAA4B;AAAA,gBAACK;AAAA,gBAAA;AAAA,kBACC,OAAO1B,EAAQ;AAAA,kBACf,eAAe,CAACQ,MAASH,EAAO,EAAE,MAAMG,GAAM;AAAA,kBAC9C,YAAAtB;AAAA,kBACA,SAAAe;AAAA,kBACA,UAAUD,EAAQ;AAAA,kBAClB,UAAAN;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE,gBAAA2B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOxB,EAAE,iCAAiC,UAAU;AAAA,cACpD,UAAUmB,EAAW,UAAU;AAAA,cAC/B,OAAOzB,KAAA,gBAAAA,EAAQ;AAAA,cACf,gBAAeC,KAAA,gBAAAA,EAAgB,aAAY;AAAA,cAE3C,UAAA,gBAAA4B;AAAA,gBAACM;AAAA,gBAAA;AAAA,kBACC,OAAO3B,EAAQ;AAAA,kBACf,eAAe,CAACQ,MAASH,EAAO,EAAE,UAAUG,GAAM;AAAA,kBAClD,SAAAP;AAAA,kBACA,UAAAP;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAGN,KAAK;AACH,iBACE,gBAAA2B;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,OAAOxB,EAAE,iCAAiC,UAAU;AAAA,cACpD,UAAUmB,EAAW,UAAU;AAAA,cAC/B,OAAOzB,KAAA,gBAAAA,EAAQ;AAAA,cACf,gBAAeC,KAAA,gBAAAA,EAAgB,aAAY;AAAA,cAE3C,UAAA,gBAAA4B;AAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,cAAY9B,EAAE,iCAAiC,UAAU;AAAA,kBACzD,OAAOE,EAAQ;AAAA,kBACf,eAAe,CAACQ,MAASH,EAAO,EAAE,UAAUG,GAAM;AAAA,kBAClD,SAAAP;AAAA,kBACA,UAAAP;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,MACF;AAAA,IAGR,GAEMmC,IAAO,CAACX,GAAaY,MACzBxC,MAAW,SACT,gBAAA+B;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,sBAAoBH;AAAA,QACpB,WAAWxC,EAAW,IAAIwC,CAAG,IAAI,kBAAkB;AAAA,QAElD,UAAAY;AAAA,MAAA;AAAA,MAJIZ;AAAA,IAAA,IAOP,gBAAAG,EAAC,OAAA,EAAc,sBAAoBH,GAChC,eADOA,CAEV,GAGEa,IAAwB,CAAA;AAC9B,IAAIZ,KACFY,EAAS;AAAA,MACPF;AAAA,QACE;AAAA,0BACCP,GAAA,EAAU,OAAOxB,EAAE,6BAA6B,cAAc,GAC7D,UAAA,gBAAAuB;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,QAAA5C;AAAA,YACA,gBAAAC;AAAA,YACA,aAAaY,IAAU,CAACA,CAAO,IAAI;AAAA,YACnC,UAAAP;AAAA,YACA,UAAUe;AAAA,UAAA;AAAA,QAAA,EACZ,CACF;AAAA,MAAA;AAAA,IACF,GAGJsB,EAAS,KAAKF,EAAK,WAAWT,EAAU,SAAS,CAAC,CAAC;AACnD,eAAWF,KAAOF,EAAO,CAAAe,EAAS,KAAKF,EAAKX,GAAKE,EAAUF,CAAG,CAAC,CAAC;AAEhE,WACE,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAxB;AAAA,QACA,kBAAe;AAAA,QACf,qBAAmBF;AAAA,QACnB,WAAW,CAAChB,GAAe,EAAE,QAAAW,GAAQ,GAAGM,CAAS,EAC9C,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,QAEV,UAAAmC;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAlD,GAAc,cAAc;"}
+{"version":3,"file":"address-fields-CJtu7LQU.js","sources":["../../src/components/address-fields/address-fields.agent.ts","../../src/components/address-fields/address-fields.tsx"],"sourcesContent":["import type { AgentAdapter } from '../../agent/types';\nimport type { StructuredAddress } from '../address-autocomplete';\n\nexport interface AddressFieldsHandle {\n  getValue: () => StructuredAddress;\n  setValue: (value: StructuredAddress) => void;\n  setField: (field: keyof StructuredAddress, value: string) => void;\n}\n\nconst ADDRESS_PROPERTIES = {\n  street: { type: 'string' },\n  city: { type: 'string' },\n  postcode: { type: 'string' },\n  province: { type: 'string', description: 'UPPERCASED province code.' },\n  country: { type: 'string', description: 'ISO alpha-2, lowercased.' },\n  formatted: { type: 'string' },\n} as const;\n\nexport const addressFieldsAgent: AgentAdapter<AddressFieldsHandle> = {\n  id: 'address-fields',\n  // `set_value` only — a structured address form sets discrete fields; it does\n  // no granular in-place rich-text editing, so `edit_inline` does not apply.\n  capabilities: ['set_value'],\n  state: {\n    value: {\n      type: 'object',\n      descriptionKey: 'ui.agent.addressFields.state.value',\n      description:\n        'The current structured address: { street, city, postcode, province, country, formatted }.',\n      read: (handle) => handle.getValue(),\n    },\n  },\n  actions: {\n    set_value: {\n      safety: 'write',\n      argsType: '{ value: StructuredAddress }',\n      argsSchema: {\n        type: 'object',\n        properties: {\n          value: { type: 'object', properties: ADDRESS_PROPERTIES },\n        },\n        required: ['value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setValue',\n      description: 'Replace the entire address.',\n      invoke: (handle, args: { value: StructuredAddress }) => {\n        handle.setValue(args.value);\n      },\n    },\n    set_field: {\n      // Contact-data write (street/city/postcode/etc.), not clinical PHI —\n      // consistent with PhoneInput / EmailInput / FiscalCodeInput, which all\n      // treat identifying contact data as `write`.\n      safety: 'write',\n      argsType:\n        \"{ field: 'street' | 'city' | 'postcode' | 'province' | 'country'; value: string }\",\n      argsSchema: {\n        type: 'object',\n        properties: {\n          field: {\n            type: 'string',\n            enum: ['street', 'city', 'postcode', 'province', 'country'],\n          },\n          value: { type: 'string' },\n        },\n        required: ['field', 'value'],\n      },\n      idempotent: true,\n      descriptionKey: 'ui.agent.addressFields.actions.setField',\n      description:\n        'Set a single address field. Setting `country` also clears the now-stale province.',\n      examples: [\n        {\n          args: { field: 'country', value: 'it' },\n          note: 'Set the country to Italy.',\n        },\n      ],\n      invoke: (\n        handle,\n        args: { field: keyof StructuredAddress; value: string },\n      ) => {\n        handle.setField(args.field, args.value);\n      },\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'address-fields' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  type ChangeEvent,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CountrySelect } from '../country-select/country-select';\nimport { ProvinceSelect } from '../province-select/province-select';\nimport { PostalCodeInput } from '../postal-code-input/postal-code-input';\nimport { CityInput, type CityLoaderContext } from '../city-input/city-input';\nimport { TextInput } from '../text-input';\nimport { FormField } from '../form-field/form-field';\nimport {\n  AddressAutocomplete,\n  type GetSuggestions,\n  type StructuredAddress,\n} from '../address-autocomplete';\nimport type { OptionShape } from '../_shared/option';\nimport { useAgentRegistration } from '../../agent';\nimport {\n  addressFieldsAgent,\n  type AddressFieldsHandle,\n} from './address-fields.agent';\n\n/* ------------------------------------------------------------------ */\n/* Public API                                                           */\n/*                                                                      */\n/* A shippable composite that wires the address fields together and     */\n/* emits a single StructuredAddress. Country drives the rest: it re-keys */\n/* the province dataset, swaps the postcode rule, and re-orders the      */\n/* fields. An optional \"find address\" bar fans an AddressAutocomplete    */\n/* selection out into the individual fields.                            */\n/* ------------------------------------------------------------------ */\n\nexport type AddressFieldKey = 'street' | 'city' | 'postcode' | 'province';\n\nconst EMPTY_ADDRESS: StructuredAddress = {\n  street: '',\n  city: '',\n  postcode: '',\n  province: '',\n  country: '',\n  formatted: '',\n};\n\n// Minimal country-keyed field-order map — NOT a libaddressinput port.\n// Extend with another entry when a country needs a different order.\nconst FIELD_ORDER: Record<string, AddressFieldKey[]> = {\n  it: ['street', 'postcode', 'city', 'province'],\n};\nconst DEFAULT_ORDER: AddressFieldKey[] = [\n  'street',\n  'city',\n  'postcode',\n  'province',\n];\n\n// Fields that span the full width in the grid layout.\nconst WIDE_CELLS = new Set<string>(['findbar', 'country', 'street']);\n\nconst layoutVariants = cva('', {\n  variants: {\n    layout: {\n      stacked: 'ds:flex ds:flex-col ds:gap-[var(--spacing-md)]',\n      grid: 'ds:grid ds:grid-cols-2 ds:gap-[var(--spacing-md)]',\n    },\n  },\n  defaultVariants: { layout: 'stacked' },\n});\n\nexport interface AddressFieldsProps {\n  /** The controlled address value. */\n  value?: StructuredAddress;\n  /** Fires with the next full address on any field change. */\n  onChange?: (next: StructuredAddress) => void;\n  /**\n   * Which address-line fields to render, in order. The country picker\n   * always renders first. Default resolves from the selected country.\n   */\n  fields?: AddressFieldKey[];\n  /** Async city suggestion loader, forwarded to CityInput. */\n  loadCities?: (\n    query: string,\n    ctx: CityLoaderContext,\n  ) => Promise<OptionShape[]>;\n  /** Float these countries to the top of the country picker. */\n  popularCountries?: string[];\n  /** Enable the \"find address\" bar — provide a Places API key… */\n  apiKey?: string;\n  /** …or a mock/real suggestion injector (wins over apiKey, like AddressAutocomplete). */\n  getSuggestions?: GetSuggestions;\n  layout?: 'stacked' | 'grid';\n  /** Marks fields as required: `true` for every field shown, or a list\n   *  of the ones that are (a province is mandatory in some countries\n   *  only). The host still validates. */\n  required?: boolean | readonly (AddressFieldKey | 'country')[];\n  /** An error message per field, shown under it. The host validates and\n   *  decides when to show each one. */\n  errors?: Partial<Record<AddressFieldKey | 'country', string>>;\n  /** Whether a field's message raises `role=\"alert\"`, per field; each\n   *  does unless set to `false`. Turn it off for messages shown together,\n   *  such as by a refused submit, so they are not all announced at once. */\n  announceErrors?: Partial<Record<AddressFieldKey | 'country', boolean>>;\n  disabled?: boolean;\n  id?: string;\n  className?: string;\n}\n\nexport const AddressFields = forwardRef<HTMLDivElement, AddressFieldsProps>(\n  function AddressFields(\n    {\n      value,\n      onChange,\n      fields,\n      loadCities,\n      popularCountries,\n      apiKey,\n      getSuggestions,\n      layout = 'stacked',\n      required,\n      errors,\n      announceErrors,\n      disabled,\n      id,\n      className,\n    },\n    ref,\n  ) {\n    const { t } = useTranslation('ui');\n    const address = value ?? EMPTY_ADDRESS;\n    const country = address.country;\n\n    const valueRef = useRef(address);\n    useEffect(() => {\n      valueRef.current = address;\n    }, [address]);\n\n    const update = useCallback(\n      (patch: Partial<StructuredAddress>) => {\n        /* A browser fills every field in one go, faster than the host\n           re-renders: each change must build on the one before it. */\n        const next = { ...valueRef.current, ...patch };\n        valueRef.current = next;\n        onChange?.(next);\n      },\n      [onChange],\n    );\n\n    // Find-bar selection fans the looked-up address out into every field.\n    const handleFind = useCallback(\n      (found: StructuredAddress) =>\n        onChange?.({ ...valueRef.current, ...found }),\n      [onChange],\n    );\n\n    const agentHandle = useMemo<AddressFieldsHandle>(\n      () => ({\n        getValue: () => valueRef.current,\n        setValue: (next) => onChange?.(next),\n        setField: (field, fieldValue) => {\n          const patch: Partial<StructuredAddress> = { [field]: fieldValue };\n          // Mirror the UI path: changing country re-keys the stale province.\n          if (field === 'country') patch.province = '';\n          onChange?.({ ...valueRef.current, ...patch });\n        },\n      }),\n      [onChange],\n    );\n    useAgentRegistration(addressFieldsAgent, agentHandle, id);\n\n    const order =\n      fields ?? FIELD_ORDER[country?.toLowerCase() ?? ''] ?? DEFAULT_ORDER;\n\n    const isRequired = (key: AddressFieldKey | 'country'): boolean =>\n      required === true || (Array.isArray(required) && required.includes(key));\n\n    const showFindBar = Boolean(apiKey || getSuggestions);\n\n    // The composite's own adapter (`address-fields`) is the agent-addressable\n    // surface; the child inputs below are deliberately rendered without an\n    // `id`, so they register un-scoped rather than competing for handles.\n    const fieldNode = (key: AddressFieldKey | 'country'): ReactNode => {\n      switch (key) {\n        case 'country':\n          return (\n            <FormField\n              label={t('inputs.addressFields.country', 'Country')}\n              required={isRequired('country')}\n              error={errors?.country}\n              announceError={announceErrors?.country ?? true}\n            >\n              <CountrySelect\n                // cmdk names its input itself, so the label is passed too.\n                aria-label={t('inputs.addressFields.country', 'Country')}\n                value={country}\n                // Country drives the rest — re-key province on change.\n                onValueChange={(next) =>\n                  update({ country: next, province: '' })\n                }\n                popularCountries={popularCountries}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'street':\n          return (\n            <FormField\n              label={t('inputs.addressFields.street', 'Street')}\n              required={isRequired('street')}\n              error={errors?.street}\n              announceError={announceErrors?.street ?? true}\n            >\n              <TextInput\n                value={address.street}\n                onChange={(event: ChangeEvent<HTMLInputElement>) =>\n                  update({ street: event.target.value })\n                }\n                autoComplete=\"address-line1\"\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'city':\n          return (\n            <FormField\n              label={t('inputs.addressFields.city', 'City')}\n              required={isRequired('city')}\n              error={errors?.city}\n              announceError={announceErrors?.city ?? true}\n            >\n              <CityInput\n                value={address.city}\n                onValueChange={(next) => update({ city: next })}\n                loadCities={loadCities}\n                country={country}\n                province={address.province}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'postcode':\n          return (\n            <FormField\n              label={t('inputs.addressFields.postcode', 'Postcode')}\n              required={isRequired('postcode')}\n              error={errors?.postcode}\n              announceError={announceErrors?.postcode ?? true}\n            >\n              <PostalCodeInput\n                value={address.postcode}\n                onValueChange={(next) => update({ postcode: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n        case 'province':\n          return (\n            <FormField\n              label={t('inputs.addressFields.province', 'Province')}\n              required={isRequired('province')}\n              error={errors?.province}\n              announceError={announceErrors?.province ?? true}\n            >\n              <ProvinceSelect\n                aria-label={t('inputs.addressFields.province', 'Province')}\n                value={address.province}\n                onValueChange={(next) => update({ province: next })}\n                country={country}\n                disabled={disabled}\n              />\n            </FormField>\n          );\n      }\n    };\n\n    const cell = (key: string, node: ReactNode): ReactNode =>\n      layout === 'grid' ? (\n        <div\n          key={key}\n          data-address-field={key}\n          className={WIDE_CELLS.has(key) ? 'ds:col-span-2' : undefined}\n        >\n          {node}\n        </div>\n      ) : (\n        <div key={key} data-address-field={key}>\n          {node}\n        </div>\n      );\n\n    const children: ReactNode[] = [];\n    if (showFindBar) {\n      children.push(\n        cell(\n          'findbar',\n          <FormField label={t('inputs.addressFields.find', 'Find address')}>\n            <AddressAutocomplete\n              apiKey={apiKey}\n              getSuggestions={getSuggestions}\n              regionCodes={country ? [country] : undefined}\n              disabled={disabled}\n              onSelect={handleFind}\n            />\n          </FormField>,\n        ),\n      );\n    }\n    children.push(cell('country', fieldNode('country')));\n    for (const key of order) children.push(cell(key, fieldNode(key)));\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"address-fields\"\n        data-component-id={id}\n        className={[layoutVariants({ layout }), className]\n          .filter(Boolean)\n          .join(' ')}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nAddressFields.displayName = 'AddressFields';\n"],"names":["ADDRESS_PROPERTIES","addressFieldsAgent","handle","args","EMPTY_ADDRESS","FIELD_ORDER","DEFAULT_ORDER","WIDE_CELLS","layoutVariants","cva","AddressFields","forwardRef","value","onChange","fields","loadCities","popularCountries","apiKey","getSuggestions","layout","required","errors","announceErrors","disabled","id","className","ref","t","useTranslation","address","country","valueRef","useRef","useEffect","update","useCallback","patch","next","handleFind","found","agentHandle","useMemo","field","fieldValue","useAgentRegistration","order","isRequired","key","showFindBar","fieldNode","jsx","FormField","CountrySelect","TextInput","event","CityInput","PostalCodeInput","ProvinceSelect","cell","node","children","AddressAutocomplete"],"mappings":"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"}

package/dist/_chunks/{ai-credits-notice-BoNJtOuE.js → ai-credits-notice-ktklr8fy.js}

@@ -4,7 +4,7 @@ import { c as v } from "./index-D2ZczOXr.js";
 import { useTranslation as x } from "react-i18next";
 import { B as l } from "./button-Bn16lcFM.js";
 import { P as y } from "./progress-D_g_Sl2g.js";
-import { H as o } from "./hover-card-BnTueNS2.js";
+import { H as o } from "./hover-card-U_ZYoh1n.js";
 const w = v("ds:flex ds:flex-col ds:items-start", {
   variants: {
     mode: {
@@ -87,4 +87,4 @@ k.displayName = "AiCreditsNotice";
 export {
   k as A
 };
-//# sourceMappingURL=ai-credits-notice-BoNJtOuE.js.map
+//# sourceMappingURL=ai-credits-notice-ktklr8fy.js.map

package/dist/_chunks/{ai-credits-notice-BoNJtOuE.js.map → ai-credits-notice-ktklr8fy.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-credits-notice-BoNJtOuE.js","sources":["../../src/components/ai-credits-notice/ai-credits-notice.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { HoverCard } from '../hover-card';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsNotice                                                       */\n/*                                                                       */\n/* The body of the hover card every AI action trigger in the kit shows: */\n/* AI features cost nothing extra today ('included'), or — once paid    */\n/* credit bundles ship with a free tier underneath — a nudge toward     */\n/* them ('bundles'). The host decides which by passing `mode`; nothing  */\n/* here reaches a backend or owns the upsell page itself — `onViewBundles` */\n/* is a seam, not a router.                                             */\n/*                                                                       */\n/* Renders INSIDE a `HoverCard.Content` (it uses `HoverCard.Eyebrow` /   */\n/* `.Heading` / `.Body` / `.Footer`, the same composition `AppointmentPeek` */\n/* uses) — it never renders its own `HoverCard.Root`/`Trigger`. Callers  */\n/* wrap it: `<HoverCard><HoverCard.Trigger asChild>{button}</HoverCard.Trigger>` */\n/* `<HoverCard.Content side=\"bottom\" align=\"start\" size=\"sm\"><AiCreditsNotice … /></HoverCard.Content></HoverCard>`. */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:items-start', {\n  variants: {\n    mode: {\n      included: '',\n      bundles: '',\n    },\n  },\n  defaultVariants: {\n    mode: 'included',\n  },\n});\n\n/** The practice's current AI allowance, when the host tracks one. */\nexport interface AiCreditsNoticeAllowance {\n  /** AI actions left in the current period. */\n  remaining: number;\n  /** The monthly cap. */\n  limit: number;\n  /** When the allowance next resets. Omit if unknown. */\n  resetsOn?: Date;\n}\n\ninterface AiCreditsNoticeSharedProps {\n  /**\n   * The practice's current AI allowance. In `included` mode it renders as an\n   * optional usage line + meter; in `bundles` mode it drives the heading\n   * (\"{{remaining}} of {{limit}} credits\") and the free-tier line in the\n   * body. Omit either mode's allowance to fall back to a generic line.\n   */\n  allowance?: AiCreditsNoticeAllowance;\n  className?: string;\n}\n\nexport interface AiCreditsNoticeIncludedProps extends AiCreditsNoticeSharedProps {\n  mode: 'included';\n  /** Shows a quiet \"Learn more\" link — wire it once the credits upsell page ships. */\n  onLearnMore?: () => void;\n  /**\n   * Shows a quiet \"Don't show again\" link. The host decides what \"again\"\n   * means — typically stop rendering `aiCreditsNotice` on the editor for the\n   * rest of this mount, and persist the choice if it should survive a\n   * reload (see the component's docs for a `usePersistentState` example).\n   * Use a storage key scoped to the mode: switching from `included` to\n   * `bundles` is a different message and should show once more.\n   */\n  onDismiss?: () => void;\n}\n\nexport interface AiCreditsNoticeBundlesProps extends AiCreditsNoticeSharedProps {\n  mode: 'bundles';\n  /** Opens the host's AI-credits bundle picker. The kit never builds that page itself. */\n  onViewBundles: () => void;\n  /** Shows a quiet \"What each action costs\" link. */\n  onSeeCosts?: () => void;\n  /** Shows a quiet \"Don't show again\" link. See the `included` prop of the\n   *  same name — the same mode-scoped-key guidance applies here too. */\n  onDismiss?: () => void;\n}\n\nexport type AiCreditsNoticeProps =\n  | AiCreditsNoticeIncludedProps\n  | AiCreditsNoticeBundlesProps;\n\n/* Every callback either mode can carry, all optional at once. The footer\n   reads them from `props`; this shape exists only so the component can\n   destructure them OUT of the `rest` it spreads onto the root `<div>`.\n   React resolves any `on[A-Z]…` prop as a DOM event, so leaving them in\n   `rest` logged \"Unknown event handler property: onLearnMore\" (and one per\n   sibling) on every render — and the editor renders this card on every AI\n   trigger, so the warnings repeated on every hover (caught in review on\n   #180). A cast, not four narrowed reads: `props` is a discriminated union\n   and TypeScript refuses `onViewBundles` off the `included` arm. */\ntype AiCreditsNoticeCallbacks = Partial<\n  Pick<AiCreditsNoticeIncludedProps, 'onLearnMore' | 'onDismiss'> &\n    Pick<AiCreditsNoticeBundlesProps, 'onViewBundles' | 'onSeeCosts'>\n>;\n\nexport const AiCreditsNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsNoticeProps & Omit<HTMLAttributes<HTMLDivElement>, 'className'>\n>((props, ref) => {\n  const { t, i18n } = useTranslation('ui');\n  // Two steps, not one. The first reads straight off `props` so that\n  // `mode === 'included'` below still narrows `props` itself (TypeScript's\n  // aliased-discriminant narrowing) — destructuring off a cast breaks that\n  // link and the footer's `props.onLearnMore` stops compiling. The second\n  // strips the callbacks out of what is left, so `rest` reaches the DOM node\n  // carrying only real HTML attributes. See `AiCreditsNoticeCallbacks`.\n  const { allowance, className, mode, ...restWithCallbacks } = props;\n  const {\n    onLearnMore: _onLearnMore,\n    onDismiss: _onDismiss,\n    onViewBundles: _onViewBundles,\n    onSeeCosts: _onSeeCosts,\n    ...rest\n  } = restWithCallbacks as typeof restWithCallbacks & AiCreditsNoticeCallbacks;\n\n  // A `limit` of 0 (a host still loading, or a plan with no allowance at\n  // all) would divide by zero in the Progress meter — treat it the same as\n  // no allowance rather than rendering a broken 0/0 meter.\n  const hasUsableAllowance = Boolean(allowance && allowance.limit > 0);\n\n  const resetsOnText =\n    hasUsableAllowance && allowance?.resetsOn\n      ? new Intl.DateTimeFormat(i18n.language, {\n          day: 'numeric',\n          month: 'long',\n        }).format(allowance.resetsOn)\n      : undefined;\n\n  const allowanceLine = hasUsableAllowance\n    ? t('aiCreditsNotice.included.allowance', {\n        remaining: allowance!.remaining,\n        limit: allowance!.limit,\n      })\n    : undefined;\n\n  // `hasUsableAllowance`, not a bare `allowance` check: a host still loading\n  // sends `{ remaining: 0, limit: 0 }`, which read literally becomes \"0 of 0\n  // credits\" and \"the free tier includes 0 actions a month\" — two sentences\n  // that are wrong rather than merely vague. `included` already treated a\n  // zero limit as no allowance; `bundles` now agrees and falls back to the\n  // generic lines (caught in review on #180).\n  const heading =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.heading')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.headingWithAllowance', {\n            remaining: allowance!.remaining,\n            limit: allowance!.limit,\n          })\n        : t('aiCreditsNotice.bundles.eyebrow');\n\n  const body =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.body')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.body', { limit: allowance!.limit })\n        : t('aiCreditsNotice.bundles.bodyGeneric');\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      // AFTER `rest`, not before: these are the required agent-readiness DOM\n      // hooks (see 26-agent-readiness.mdx §A3) and must always win over\n      // anything a caller passes through the HTMLAttributes spread — a\n      // caller-supplied `data-component` must never be able to replace the\n      // component's own marker.\n      data-component=\"ai-credits-notice\"\n      data-mode={mode}\n      className={rootVariants({ mode, className })}\n    >\n      <HoverCard.Eyebrow>\n        {mode === 'included'\n          ? t('aiCreditsNotice.included.eyebrow')\n          : t('aiCreditsNotice.bundles.eyebrow')}\n      </HoverCard.Eyebrow>\n      <HoverCard.Heading>{heading}</HoverCard.Heading>\n      <HoverCard.Body>\n        <p className=\"ds:m-0\">{body}</p>\n        {mode === 'included' && hasUsableAllowance ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <span className=\"type-label\">{allowanceLine}</span>\n            </div>\n            <Progress\n              value={Math.max(0, allowance!.limit - allowance!.remaining)}\n              max={allowance!.limit}\n              size=\"sm\"\n              ariaLabel={t('aiCreditsNotice.included.eyebrow')}\n              ariaValueText={allowanceLine}\n            />\n            {resetsOnText ? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiCreditsNotice.included.resetsOn', { date: resetsOnText })}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </HoverCard.Body>\n      {mode === 'included' ? (\n        props.onLearnMore || props.onDismiss ? (\n          <HoverCard.Footer>\n            {props.onDismiss ? (\n              <Button\n                intent=\"link\"\n                size=\"sm\"\n                onClick={props.onDismiss}\n                className=\"ds:me-auto\"\n              >\n                {t('aiCreditsNotice.dismiss')}\n              </Button>\n            ) : null}\n            {props.onLearnMore ? (\n              <Button intent=\"link\" size=\"sm\" onClick={props.onLearnMore}>\n                {t('aiCreditsNotice.included.learnMore')}\n              </Button>\n            ) : null}\n          </HoverCard.Footer>\n        ) : null\n      ) : (\n        <HoverCard.Footer>\n          {props.onSeeCosts || props.onDismiss ? (\n            <div className=\"ds:me-auto ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {props.onSeeCosts ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onSeeCosts}>\n                  {t('aiCreditsNotice.bundles.seeCosts')}\n                </Button>\n              ) : null}\n              {props.onDismiss ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onDismiss}>\n                  {t('aiCreditsNotice.dismiss')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          <Button intent=\"tonal\" size=\"sm\" onClick={props.onViewBundles}>\n            {t('aiCreditsNotice.bundles.viewBundles')}\n          </Button>\n        </HoverCard.Footer>\n      )}\n    </div>\n  );\n});\nAiCreditsNotice.displayName = 'AiCreditsNotice';\n"],"names":["rootVariants","cva","AiCreditsNotice","forwardRef","props","ref","t","i18n","useTranslation","allowance","className","mode","restWithCallbacks","_onLearnMore","_onDismiss","_onViewBundles","_onSeeCosts","rest","hasUsableAllowance","resetsOnText","allowanceLine","heading","body","jsxs","jsx","HoverCard","Progress","Button"],"mappings":"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"}
+{"version":3,"file":"ai-credits-notice-ktklr8fy.js","sources":["../../src/components/ai-credits-notice/ai-credits-notice.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { HoverCard } from '../hover-card';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsNotice                                                       */\n/*                                                                       */\n/* The body of the hover card every AI action trigger in the kit shows: */\n/* AI features cost nothing extra today ('included'), or — once paid    */\n/* credit bundles ship with a free tier underneath — a nudge toward     */\n/* them ('bundles'). The host decides which by passing `mode`; nothing  */\n/* here reaches a backend or owns the upsell page itself — `onViewBundles` */\n/* is a seam, not a router.                                             */\n/*                                                                       */\n/* Renders INSIDE a `HoverCard.Content` (it uses `HoverCard.Eyebrow` /   */\n/* `.Heading` / `.Body` / `.Footer`, the same composition `AppointmentPeek` */\n/* uses) — it never renders its own `HoverCard.Root`/`Trigger`. Callers  */\n/* wrap it: `<HoverCard><HoverCard.Trigger asChild>{button}</HoverCard.Trigger>` */\n/* `<HoverCard.Content side=\"bottom\" align=\"start\" size=\"sm\"><AiCreditsNotice … /></HoverCard.Content></HoverCard>`. */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:flex ds:flex-col ds:items-start', {\n  variants: {\n    mode: {\n      included: '',\n      bundles: '',\n    },\n  },\n  defaultVariants: {\n    mode: 'included',\n  },\n});\n\n/** The practice's current AI allowance, when the host tracks one. */\nexport interface AiCreditsNoticeAllowance {\n  /** AI actions left in the current period. */\n  remaining: number;\n  /** The monthly cap. */\n  limit: number;\n  /** When the allowance next resets. Omit if unknown. */\n  resetsOn?: Date;\n}\n\ninterface AiCreditsNoticeSharedProps {\n  /**\n   * The practice's current AI allowance. In `included` mode it renders as an\n   * optional usage line + meter; in `bundles` mode it drives the heading\n   * (\"{{remaining}} of {{limit}} credits\") and the free-tier line in the\n   * body. Omit either mode's allowance to fall back to a generic line.\n   */\n  allowance?: AiCreditsNoticeAllowance;\n  className?: string;\n}\n\nexport interface AiCreditsNoticeIncludedProps extends AiCreditsNoticeSharedProps {\n  mode: 'included';\n  /** Shows a quiet \"Learn more\" link — wire it once the credits upsell page ships. */\n  onLearnMore?: () => void;\n  /**\n   * Shows a quiet \"Don't show again\" link. The host decides what \"again\"\n   * means — typically stop rendering `aiCreditsNotice` on the editor for the\n   * rest of this mount, and persist the choice if it should survive a\n   * reload (see the component's docs for a `usePersistentState` example).\n   * Use a storage key scoped to the mode: switching from `included` to\n   * `bundles` is a different message and should show once more.\n   */\n  onDismiss?: () => void;\n}\n\nexport interface AiCreditsNoticeBundlesProps extends AiCreditsNoticeSharedProps {\n  mode: 'bundles';\n  /** Opens the host's AI-credits bundle picker. The kit never builds that page itself. */\n  onViewBundles: () => void;\n  /** Shows a quiet \"What each action costs\" link. */\n  onSeeCosts?: () => void;\n  /** Shows a quiet \"Don't show again\" link. See the `included` prop of the\n   *  same name — the same mode-scoped-key guidance applies here too. */\n  onDismiss?: () => void;\n}\n\nexport type AiCreditsNoticeProps =\n  | AiCreditsNoticeIncludedProps\n  | AiCreditsNoticeBundlesProps;\n\n/* Every callback either mode can carry, all optional at once. The footer\n   reads them from `props`; this shape exists only so the component can\n   destructure them OUT of the `rest` it spreads onto the root `<div>`.\n   React resolves any `on[A-Z]…` prop as a DOM event, so leaving them in\n   `rest` logged \"Unknown event handler property: onLearnMore\" (and one per\n   sibling) on every render — and the editor renders this card on every AI\n   trigger, so the warnings repeated on every hover (caught in review on\n   #180). A cast, not four narrowed reads: `props` is a discriminated union\n   and TypeScript refuses `onViewBundles` off the `included` arm. */\ntype AiCreditsNoticeCallbacks = Partial<\n  Pick<AiCreditsNoticeIncludedProps, 'onLearnMore' | 'onDismiss'> &\n    Pick<AiCreditsNoticeBundlesProps, 'onViewBundles' | 'onSeeCosts'>\n>;\n\nexport const AiCreditsNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsNoticeProps & Omit<HTMLAttributes<HTMLDivElement>, 'className'>\n>((props, ref) => {\n  const { t, i18n } = useTranslation('ui');\n  // Two steps, not one. The first reads straight off `props` so that\n  // `mode === 'included'` below still narrows `props` itself (TypeScript's\n  // aliased-discriminant narrowing) — destructuring off a cast breaks that\n  // link and the footer's `props.onLearnMore` stops compiling. The second\n  // strips the callbacks out of what is left, so `rest` reaches the DOM node\n  // carrying only real HTML attributes. See `AiCreditsNoticeCallbacks`.\n  const { allowance, className, mode, ...restWithCallbacks } = props;\n  const {\n    onLearnMore: _onLearnMore,\n    onDismiss: _onDismiss,\n    onViewBundles: _onViewBundles,\n    onSeeCosts: _onSeeCosts,\n    ...rest\n  } = restWithCallbacks as typeof restWithCallbacks & AiCreditsNoticeCallbacks;\n\n  // A `limit` of 0 (a host still loading, or a plan with no allowance at\n  // all) would divide by zero in the Progress meter — treat it the same as\n  // no allowance rather than rendering a broken 0/0 meter.\n  const hasUsableAllowance = Boolean(allowance && allowance.limit > 0);\n\n  const resetsOnText =\n    hasUsableAllowance && allowance?.resetsOn\n      ? new Intl.DateTimeFormat(i18n.language, {\n          day: 'numeric',\n          month: 'long',\n        }).format(allowance.resetsOn)\n      : undefined;\n\n  const allowanceLine = hasUsableAllowance\n    ? t('aiCreditsNotice.included.allowance', {\n        remaining: allowance!.remaining,\n        limit: allowance!.limit,\n      })\n    : undefined;\n\n  // `hasUsableAllowance`, not a bare `allowance` check: a host still loading\n  // sends `{ remaining: 0, limit: 0 }`, which read literally becomes \"0 of 0\n  // credits\" and \"the free tier includes 0 actions a month\" — two sentences\n  // that are wrong rather than merely vague. `included` already treated a\n  // zero limit as no allowance; `bundles` now agrees and falls back to the\n  // generic lines (caught in review on #180).\n  const heading =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.heading')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.headingWithAllowance', {\n            remaining: allowance!.remaining,\n            limit: allowance!.limit,\n          })\n        : t('aiCreditsNotice.bundles.eyebrow');\n\n  const body =\n    mode === 'included'\n      ? t('aiCreditsNotice.included.body')\n      : hasUsableAllowance\n        ? t('aiCreditsNotice.bundles.body', { limit: allowance!.limit })\n        : t('aiCreditsNotice.bundles.bodyGeneric');\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      // AFTER `rest`, not before: these are the required agent-readiness DOM\n      // hooks (see 26-agent-readiness.mdx §A3) and must always win over\n      // anything a caller passes through the HTMLAttributes spread — a\n      // caller-supplied `data-component` must never be able to replace the\n      // component's own marker.\n      data-component=\"ai-credits-notice\"\n      data-mode={mode}\n      className={rootVariants({ mode, className })}\n    >\n      <HoverCard.Eyebrow>\n        {mode === 'included'\n          ? t('aiCreditsNotice.included.eyebrow')\n          : t('aiCreditsNotice.bundles.eyebrow')}\n      </HoverCard.Eyebrow>\n      <HoverCard.Heading>{heading}</HoverCard.Heading>\n      <HoverCard.Body>\n        <p className=\"ds:m-0\">{body}</p>\n        {mode === 'included' && hasUsableAllowance ? (\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:[margin-block-start:var(--spacing-sm)]\">\n            <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-xs)]\">\n              <span className=\"type-label\">{allowanceLine}</span>\n            </div>\n            <Progress\n              value={Math.max(0, allowance!.limit - allowance!.remaining)}\n              max={allowance!.limit}\n              size=\"sm\"\n              ariaLabel={t('aiCreditsNotice.included.eyebrow')}\n              ariaValueText={allowanceLine}\n            />\n            {resetsOnText ? (\n              <p className=\"ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiCreditsNotice.included.resetsOn', { date: resetsOnText })}\n              </p>\n            ) : null}\n          </div>\n        ) : null}\n      </HoverCard.Body>\n      {mode === 'included' ? (\n        props.onLearnMore || props.onDismiss ? (\n          <HoverCard.Footer>\n            {props.onDismiss ? (\n              <Button\n                intent=\"link\"\n                size=\"sm\"\n                onClick={props.onDismiss}\n                className=\"ds:me-auto\"\n              >\n                {t('aiCreditsNotice.dismiss')}\n              </Button>\n            ) : null}\n            {props.onLearnMore ? (\n              <Button intent=\"link\" size=\"sm\" onClick={props.onLearnMore}>\n                {t('aiCreditsNotice.included.learnMore')}\n              </Button>\n            ) : null}\n          </HoverCard.Footer>\n        ) : null\n      ) : (\n        <HoverCard.Footer>\n          {props.onSeeCosts || props.onDismiss ? (\n            <div className=\"ds:me-auto ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n              {props.onSeeCosts ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onSeeCosts}>\n                  {t('aiCreditsNotice.bundles.seeCosts')}\n                </Button>\n              ) : null}\n              {props.onDismiss ? (\n                <Button intent=\"link\" size=\"sm\" onClick={props.onDismiss}>\n                  {t('aiCreditsNotice.dismiss')}\n                </Button>\n              ) : null}\n            </div>\n          ) : null}\n          <Button intent=\"tonal\" size=\"sm\" onClick={props.onViewBundles}>\n            {t('aiCreditsNotice.bundles.viewBundles')}\n          </Button>\n        </HoverCard.Footer>\n      )}\n    </div>\n  );\n});\nAiCreditsNotice.displayName = 'AiCreditsNotice';\n"],"names":["rootVariants","cva","AiCreditsNotice","forwardRef","props","ref","t","i18n","useTranslation","allowance","className","mode","restWithCallbacks","_onLearnMore","_onDismiss","_onViewBundles","_onSeeCosts","rest","hasUsableAllowance","resetsOnText","allowanceLine","heading","body","jsxs","jsx","HoverCard","Progress","Button"],"mappings":"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"}

package/dist/_chunks/ai-permission-notice-DyuEGwAt.js

@@ -0,0 +1,206 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as C, useRef as E, useMemo as F } from "react";
+import { c as M } from "./index-D2ZczOXr.js";
+import { useTranslation as P } from "react-i18next";
+import { A as g } from "./alert-BhCstf2h.js";
+import { B as D } from "./badge-hnBt8o7n.js";
+import { B as H } from "./button-Bn16lcFM.js";
+import { C as J } from "./checkbox--ndmyokr.js";
+import { S as U } from "./spinner-CoflYlEx.js";
+import { T as W } from "./timestamp-DPLDWdxA.js";
+import { u as _ } from "./registry-DvAUVLHh.js";
+const $ = {
+  id: "ai-consent-banner",
+  capabilities: [],
+  state: {
+    consentState: {
+      type: "'granted' | 'required' | 'pending'",
+      descriptionKey: "ui.agent.aiConsentBanner.state.consentState",
+      description: "Current consent state. Structural only — never the grantee identity.",
+      read: (i) => i.getState()
+    },
+    armed: {
+      type: "boolean",
+      descriptionKey: "ui.agent.aiConsentBanner.state.armed",
+      description: "Whether the consent confirmation checkbox is ticked (required state only).",
+      read: (i) => i.isArmed()
+    }
+  },
+  actions: {},
+  domHooks: {
+    root: {
+      attr: "data-component",
+      value: "ai-consent-banner",
+      description: "Marks the AiConsentBanner root region."
+    },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop. Required to address a specific banner from the agent."
+    }
+  }
+}, O = M("ds:w-full ds:text-[color:var(--foreground)]", {
+  variants: {
+    state: {
+      granted: "",
+      required: "",
+      pending: ""
+    }
+  },
+  defaultVariants: {
+    state: "required"
+  }
+});
+function x(i, c) {
+  return c ? "pending" : i ? "granted" : "required";
+}
+const q = {
+  "patient-record": {
+    descriptionRequired: {
+      key: "aiConsentBanner.description.required",
+      fallback: "AI assistance requires recorded consent before it can run."
+    },
+    descriptionGranted: {
+      key: "aiConsentBanner.description.granted",
+      fallback: "AI assistance is enabled for this record."
+    },
+    confirmLabel: {
+      key: "aiConsentBanner.confirmLabel",
+      fallback: "I confirm consent has been obtained for AI assistance."
+    },
+    notAllowed: {
+      key: "aiConsentBanner.notAllowed",
+      fallback: "You do not have permission to grant AI assistance consent."
+    }
+  },
+  "practice-statistics": {
+    descriptionRequired: {
+      key: "aiConsentBanner.practiceStatistics.description.required",
+      fallback: "AI assistance needs consent before it can read this practice's statistics. It uses aggregate figures only, never patient data."
+    },
+    descriptionGranted: {
+      key: "aiConsentBanner.practiceStatistics.description.granted",
+      fallback: "AI assistance can read this practice's statistics. It uses aggregate figures only, never patient data."
+    },
+    confirmLabel: {
+      key: "aiConsentBanner.practiceStatistics.confirmLabel",
+      fallback: "I may decide for this practice, and I agree to AI assistance reading its statistics."
+    },
+    notAllowed: {
+      key: "aiConsentBanner.practiceStatistics.notAllowed",
+      fallback: "You do not have permission to grant AI assistance consent for this practice."
+    }
+  }
+}, Q = z(
+  ({
+    id: i,
+    granted: c,
+    grantedAt: p,
+    grantedBy: h,
+    canGrant: L = !0,
+    pending: b = !1,
+    onGrantConsent: S,
+    headingLevel: I = 5,
+    subject: k = "patient-record",
+    copy: e,
+    "aria-label": w,
+    className: R,
+    ...G
+  }, N) => {
+    const { t } = P("ui"), s = x(c, b), r = (l) => (l == null ? void 0 : l.trim()) || void 0, o = q[k] ?? q["patient-record"], a = {
+      title: r(e == null ? void 0 : e.title) || t("aiConsentBanner.title", "AI assistance consent"),
+      descriptionRequired: r(e == null ? void 0 : e.descriptionRequired) || t(o.descriptionRequired.key, o.descriptionRequired.fallback),
+      descriptionGranted: r(e == null ? void 0 : e.descriptionGranted) || t(o.descriptionGranted.key, o.descriptionGranted.fallback),
+      confirmLabel: r(e == null ? void 0 : e.confirmLabel) || t(o.confirmLabel.key, o.confirmLabel.fallback),
+      grantButton: r(e == null ? void 0 : e.grantButton) || t("aiConsentBanner.grantButton", "Grant consent"),
+      notAllowed: r(e == null ? void 0 : e.notAllowed) || t(o.notAllowed.key, o.notAllowed.fallback),
+      badgeGranted: r(e == null ? void 0 : e.badgeGranted) || t("aiConsentBanner.badge.granted", "Consent granted"),
+      pendingLabel: r(e == null ? void 0 : e.pendingLabel) || t("aiConsentBanner.pendingLabel", "Saving consent…")
+    }, m = [
+      k,
+      a.confirmLabel,
+      a.descriptionRequired
+    ].join("\0"), [T, A] = C(!1), [B, V] = C(m);
+    B !== m && (V(m), A(!1));
+    const f = T && B === m, v = E(f);
+    v.current = f;
+    const K = F(
+      () => ({
+        getState: () => x(c, b),
+        isArmed: () => v.current
+      }),
+      [c, b]
+    );
+    _($, K, i);
+    const Y = r(w) || r(e == null ? void 0 : e.title) || t("aiConsentBanner.regionLabel", "AI assistance consent"), j = s === "granted" ? "success" : "info";
+    let u;
+    return s === "granted" ? u = /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+      /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+        /* @__PURE__ */ n(D, { variant: "success", children: a.badgeGranted }),
+        p !== void 0 ? /* @__PURE__ */ d("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: [
+          t("aiConsentBanner.grantedAtPrefix", "Granted"),
+          " ",
+          /* @__PURE__ */ n(W, { value: p, format: "relative", shape: "inline" })
+        ] }) : null
+      ] }),
+      h ? /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: t("aiConsentBanner.grantedBy", {
+        name: h,
+        defaultValue: "By {{name}}"
+      }) }) : null
+    ] }) : s === "pending" ? u = /* @__PURE__ */ d("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(U, { variant: "pulse", size: "sm", label: a.pendingLabel }),
+      /* @__PURE__ */ n("span", { className: "type-body-sm ds:text-[color:var(--muted-foreground)]", children: a.pendingLabel })
+    ] }) : u = L ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]", children: [
+      /* @__PURE__ */ n(
+        J,
+        {
+          checked: f,
+          onCheckedChange: (l) => A(l === !0),
+          label: a.confirmLabel
+        }
+      ),
+      /* @__PURE__ */ n(g.Action, { children: /* @__PURE__ */ n(
+        H,
+        {
+          intent: "primary",
+          size: "sm",
+          disabled: !f,
+          onClick: S,
+          children: a.grantButton
+        }
+      ) })
+    ] }) : /* @__PURE__ */ n("p", { className: "type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]", children: a.notAllowed }), /* @__PURE__ */ n(
+      "div",
+      {
+        ref: N,
+        role: "region",
+        "aria-label": Y,
+        "aria-busy": s === "pending" ? !0 : void 0,
+        "data-component": "ai-consent-banner",
+        "data-component-id": i,
+        "data-state": s,
+        id: i,
+        className: O({ state: s, className: R }),
+        ...G,
+        children: /* @__PURE__ */ d(
+          g,
+          {
+            variant: j,
+            icon: s === "pending" ? null : void 0,
+            children: [
+              /* @__PURE__ */ n(g.Title, { as: `h${I}`, children: a.title }),
+              /* @__PURE__ */ n(g.Description, { children: s === "granted" ? a.descriptionGranted : a.descriptionRequired }),
+              u
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+Q.displayName = "AiConsentBanner";
+export {
+  Q as A,
+  $ as a
+};
+//# sourceMappingURL=ai-permission-notice-DyuEGwAt.js.map

package/dist/_chunks/ai-permission-notice-DyuEGwAt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ai-permission-notice-DyuEGwAt.js","sources":["../../src/components/ai-permission-notice/ai-permission-notice.agent.ts","../../src/components/ai-permission-notice/ai-permission-notice.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AiConsentBanner.                                       */\n/*                                                                        */\n/* Read-only structural surface: the current consent state and whether   */\n/* the grant affordance is armed. Identifiers / structural state ONLY —   */\n/* never the grantee's name or any PHI. The real consent gate lives       */\n/* server-side; this adapter does not expose a grant action so an agent   */\n/* cannot consent on a user's behalf.                                     */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AiConsentBannerHandle } from './ai-permission-notice';\n\nexport const aiConsentBannerAgent: AgentAdapter<AiConsentBannerHandle> = {\n  id: 'ai-consent-banner',\n  capabilities: [],\n  state: {\n    consentState: {\n      type: \"'granted' | 'required' | 'pending'\",\n      descriptionKey: 'ui.agent.aiConsentBanner.state.consentState',\n      description:\n        'Current consent state. Structural only — never the grantee identity.',\n      read: (handle) => handle.getState(),\n    },\n    armed: {\n      type: 'boolean',\n      descriptionKey: 'ui.agent.aiConsentBanner.state.armed',\n      description:\n        'Whether the consent confirmation checkbox is ticked (required state only).',\n      read: (handle) => handle.isArmed(),\n    },\n  },\n  actions: {},\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'ai-consent-banner',\n      description: 'Marks the AiConsentBanner root region.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific banner from the agent.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useMemo,\n  useRef,\n  useState,\n  type ComponentPropsWithoutRef,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { Alert } from '../alert/alert';\nimport { Badge } from '../badge/badge';\nimport { Button } from '../button/button';\nimport { Checkbox } from '../checkbox/checkbox';\nimport { Spinner } from '../spinner/spinner';\nimport { Timestamp } from '../timestamp/timestamp';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { aiConsentBannerAgent } from './ai-permission-notice.agent';\n\n/* -------------------------------------------------------------------- */\n/* AiConsentBanner                                                        */\n/*                                                                        */\n/* Presentational AI-consent gate surfaced above an AI-assisted surface  */\n/* (e.g. Alfascribe consultation transcription). The SERVER owns the     */\n/* real gate — this component only reflects the consent record and lets  */\n/* the operator initiate a grant; it never enforces access itself.       */\n/*                                                                        */\n/* Three states drive the Alert variant + body:                          */\n/*   - granted  → success Alert with a Badge + when/who it was granted.  */\n/*   - required → info Alert with a Checkbox-gated Grant Button.         */\n/*   - pending  → info Alert in a disabled, Spinner-busy state while the */\n/*                server persists the grant.                             */\n/*                                                                        */\n/* All kit text flows through useTranslation('ui') against the           */\n/* `aiConsentBanner.*` namespace. `subject` picks the kit-owned wording  */\n/* preset; `copy` lets a host replace single strings with its own text.  */\n/* -------------------------------------------------------------------- */\n\n/* -------------------------------------------------------------------- */\n/* CVA — root                                                            */\n/* -------------------------------------------------------------------- */\n\nconst rootVariants = cva('ds:w-full ds:text-[color:var(--foreground)]', {\n  variants: {\n    state: {\n      granted: '',\n      required: '',\n      pending: '',\n    },\n  },\n  defaultVariants: {\n    state: 'required',\n  },\n});\n\n/* -------------------------------------------------------------------- */\n/* State derivation                                                      */\n/* -------------------------------------------------------------------- */\n\nexport type AiConsentState = NonNullable<\n  VariantProps<typeof rootVariants>['state']\n>;\n\n/** Heading levels `AiConsentBanner.headingLevel` accepts. */\nexport type AiConsentBannerHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Pending wins over granted/required so the busy state is never masked. */\nfunction deriveState(granted: boolean, pending: boolean): AiConsentState {\n  if (pending) return 'pending';\n  return granted ? 'granted' : 'required';\n}\n\n/* -------------------------------------------------------------------- */\n/* Subject presets                                                       */\n/* -------------------------------------------------------------------- */\n\n/** What the consent covers; each subject has kit-owned, translated wording.\n *  `'patient-record'` (default) is one patient's record. `'practice-statistics'`\n *  is the practice's aggregate figures (totals, rates), never patient data. */\nexport type AiConsentSubject = 'patient-record' | 'practice-statistics';\n\ntype AiConsentSubjectField =\n  | 'descriptionRequired'\n  | 'descriptionGranted'\n  | 'confirmLabel'\n  | 'notAllowed';\n\n/* Only these four strings differ by subject; the rest share one key each. */\nconst SUBJECT_KEYS = {\n  'patient-record': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.description.required',\n      fallback: 'AI assistance requires recorded consent before it can run.',\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.description.granted',\n      fallback: 'AI assistance is enabled for this record.',\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.confirmLabel',\n      fallback: 'I confirm consent has been obtained for AI assistance.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.notAllowed',\n      fallback: 'You do not have permission to grant AI assistance consent.',\n    },\n  },\n  'practice-statistics': {\n    descriptionRequired: {\n      key: 'aiConsentBanner.practiceStatistics.description.required',\n      fallback:\n        \"AI assistance needs consent before it can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    descriptionGranted: {\n      key: 'aiConsentBanner.practiceStatistics.description.granted',\n      fallback:\n        \"AI assistance can read this practice's statistics. It uses aggregate figures only, never patient data.\",\n    },\n    confirmLabel: {\n      key: 'aiConsentBanner.practiceStatistics.confirmLabel',\n      fallback:\n        'I may decide for this practice, and I agree to AI assistance reading its statistics.',\n    },\n    notAllowed: {\n      key: 'aiConsentBanner.practiceStatistics.notAllowed',\n      fallback:\n        'You do not have permission to grant AI assistance consent for this practice.',\n    },\n  },\n} as const satisfies Record<\n  AiConsentSubject,\n  Record<AiConsentSubjectField, { key: string; fallback: string }>\n>;\n\n/* -------------------------------------------------------------------- */\n/* Public types                                                          */\n/* -------------------------------------------------------------------- */\n\n/**\n * Patient AI-consent gate for an AI surface that sends patient data to a\n * service: the RichTextEditor's Help-me-write action and dictation mics, and\n * the VoiceControlPanel's microphone. Omit entirely for today's ungated\n * behaviour — no existing host breaks.\n *\n * Present and `granted: false`: the affordances stay visible (this never\n * hides a control), but using one shows the kit's `AiConsentBanner` instead\n * of starting the AI action. When `granted` flips `true` after a Grant click\n * in that banner, the surface resumes exactly the action it gated; when it\n * flips for any other reason (another patient, another tab) it only closes\n * the banner.\n *\n * Present and `granted: true`: normal behaviour.\n */\nexport interface AiConsentGate {\n  /** Whether AI consent has already been recorded for the current patient. */\n  granted: boolean;\n  /** When consent was granted — passed straight to `AiConsentBanner`. */\n  grantedAt?: string | number | Date;\n  /** Who granted consent — passed straight to `AiConsentBanner`. */\n  grantedBy?: string;\n  /** Whether the signed-in reader may grant consent. Default `true`; treated\n   *  as `false` when `onGrant` is absent, so no dead Grant control shows. */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side (host-driven busy state). */\n  pending?: boolean;\n  /**\n   * Fired when the reader confirms the grant in the banner. A returned\n   * promise drives the banner's own pending/Spinner state until it settles,\n   * in addition to (or absent) a host-supplied `pending`.\n   */\n  onGrant?: () => void | Promise<void>;\n}\n\n/** Host-translated strings; the host owns their wording and translation.\n *  Each one replaces the `subject` preset for that string only. Plain text,\n *  not i18n keys: interpolate any values (a practice name) before passing. */\nexport interface AiConsentBannerCopy {\n  /** Banner heading. */\n  title?: string;\n  /** Description in the required and pending states. */\n  descriptionRequired?: string;\n  /** Description in the granted state. */\n  descriptionGranted?: string;\n  /** Label of the confirmation checkbox. */\n  confirmLabel?: string;\n  /** Label of the Grant button. */\n  grantButton?: string;\n  /** Note shown instead of the grant controls when `canGrant` is false. */\n  notAllowed?: string;\n  /** Badge text in the granted state. */\n  badgeGranted?: string;\n  /** Busy text (and Spinner label) in the pending state. */\n  pendingLabel?: string;\n}\n\n/** Agent-readiness curated handle. Exposes the structural consent state only. */\nexport interface AiConsentBannerHandle {\n  /** Current derived state: 'granted' | 'required' | 'pending'. */\n  getState: () => AiConsentState;\n  /** Whether the Grant affordance is currently armed (checkbox ticked). */\n  isArmed: () => boolean;\n}\n\nexport interface AiConsentBannerProps extends Omit<\n  ComponentPropsWithoutRef<'div'>,\n  'aria-label' | 'children' | 'role'\n> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so an\n   * agent / MCP UI bridge can address this specific banner. Mirrored to the\n   * real DOM `id`.\n   */\n  id?: string;\n  /** Whether consent has already been granted. Server-sourced. */\n  granted: boolean;\n  /**\n   * When consent was granted — ISO-8601 string, ms-epoch, or Date. Rendered\n   * via `Timestamp` in the granted state.\n   */\n  grantedAt?: string | number | Date;\n  /** Who granted consent (operator display name / role). Granted state only. */\n  grantedBy?: string;\n  /**\n   * Whether the current user is allowed to grant consent. When `false`, the\n   * required-state Grant affordance is hidden and a not-allowed note shows.\n   * Default `true`.\n   */\n  canGrant?: boolean;\n  /** The grant is being persisted server-side — shows the busy Spinner state. */\n  pending?: boolean;\n  /** Fired when the operator confirms the consent grant. */\n  onGrantConsent?: () => void;\n  /**\n   * Heading level for the banner's own title, so it can be nested under a\n   * host section's heading without skipping levels (axe `heading-order`).\n   * Additive: default `5` matches the banner's original, unconditional\n   * `<h5>` — every existing consumer is unaffected.\n   */\n  headingLevel?: AiConsentBannerHeadingLevel;\n  /** What the consent covers; picks the kit's translated wording. Default\n   *  `'patient-record'`, which renders exactly as before this prop existed. */\n  subject?: AiConsentSubject;\n  /** Host-translated strings; the host owns their wording and translation.\n   *  Each key overrides only its own string. `title` also names the region,\n   *  unless `aria-label` is passed. */\n  copy?: Partial<AiConsentBannerCopy>;\n  /** Override the region's accessible name. */\n  'aria-label'?: string;\n}\n\n/* -------------------------------------------------------------------- */\n/* Component                                                             */\n/* -------------------------------------------------------------------- */\n\nexport const AiConsentBanner = forwardRef<HTMLDivElement, AiConsentBannerProps>(\n  (\n    {\n      id,\n      granted,\n      grantedAt,\n      grantedBy,\n      canGrant = true,\n      pending = false,\n      onGrantConsent,\n      headingLevel = 5,\n      subject = 'patient-record',\n      copy,\n      'aria-label': ariaLabel,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const state = deriveState(granted, pending);\n\n    // A host string wins over the preset for that string only. A blank or\n    // whitespace-only one counts as missing, so no control loses its name.\n    const own = (value?: string) => value?.trim() || undefined;\n    // An unknown subject from an untyped host falls back to the default.\n    const keys = SUBJECT_KEYS[subject] ?? SUBJECT_KEYS['patient-record'];\n    const text = {\n      title:\n        own(copy?.title) || t('aiConsentBanner.title', 'AI assistance consent'),\n      descriptionRequired:\n        own(copy?.descriptionRequired) ||\n        t(keys.descriptionRequired.key, keys.descriptionRequired.fallback),\n      descriptionGranted:\n        own(copy?.descriptionGranted) ||\n        t(keys.descriptionGranted.key, keys.descriptionGranted.fallback),\n      confirmLabel:\n        own(copy?.confirmLabel) ||\n        t(keys.confirmLabel.key, keys.confirmLabel.fallback),\n      grantButton:\n        own(copy?.grantButton) ||\n        t('aiConsentBanner.grantButton', 'Grant consent'),\n      notAllowed:\n        own(copy?.notAllowed) ||\n        t(keys.notAllowed.key, keys.notAllowed.fallback),\n      badgeGranted:\n        own(copy?.badgeGranted) ||\n        t('aiConsentBanner.badge.granted', 'Consent granted'),\n      pendingLabel:\n        own(copy?.pendingLabel) ||\n        t('aiConsentBanner.pendingLabel', 'Saving consent…'),\n    };\n\n    // Grant stays disabled until the checkbox is ticked. Any change of subject\n    // or statement unticks it, even back to an earlier one, so a tick only\n    // confirms what was on screen when it was given.\n    const statement = [\n      subject,\n      text.confirmLabel,\n      text.descriptionRequired,\n    ].join('\\u0000');\n    const [ticked, setTicked] = useState(false);\n    const [tickedFor, setTickedFor] = useState(statement);\n    if (tickedFor !== statement) {\n      setTickedFor(statement);\n      setTicked(false);\n    }\n    const armed = ticked && tickedFor === statement;\n\n    const armedRef = useRef(armed);\n    armedRef.current = armed;\n\n    const handle = useMemo<AiConsentBannerHandle>(\n      () => ({\n        getState: () => deriveState(granted, pending),\n        isArmed: () => armedRef.current,\n      }),\n      [granted, pending],\n    );\n    useAgentRegistration(aiConsentBannerAgent, handle, id);\n\n    // A host title also names the region, so the name matches the heading.\n    const resolvedAriaLabel =\n      own(ariaLabel) ||\n      own(copy?.title) ||\n      t('aiConsentBanner.regionLabel', 'AI assistance consent');\n\n    // Alert variant per state: granted → success, required/pending → info.\n    const alertVariant = state === 'granted' ? 'success' : 'info';\n\n    let body: React.ReactNode;\n    if (state === 'granted') {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            <Badge variant=\"success\">{text.badgeGranted}</Badge>\n            {grantedAt !== undefined ? (\n              <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n                {t('aiConsentBanner.grantedAtPrefix', 'Granted')}{' '}\n                <Timestamp value={grantedAt} format=\"relative\" shape=\"inline\" />\n              </span>\n            ) : null}\n          </div>\n          {grantedBy ? (\n            <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n              {t('aiConsentBanner.grantedBy', {\n                name: grantedBy,\n                defaultValue: 'By {{name}}',\n              })}\n            </p>\n          ) : null}\n        </div>\n      );\n    } else if (state === 'pending') {\n      body = (\n        <div className=\"ds:flex ds:items-center ds:gap-[var(--spacing-sm)]\">\n          <Spinner variant=\"pulse\" size=\"sm\" label={text.pendingLabel} />\n          <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)]\">\n            {text.pendingLabel}\n          </span>\n        </div>\n      );\n    } else {\n      // required\n      body = canGrant ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]\">\n          <Checkbox\n            checked={armed}\n            onCheckedChange={(next) => setTicked(next === true)}\n            label={text.confirmLabel}\n          />\n          <Alert.Action>\n            <Button\n              intent=\"primary\"\n              size=\"sm\"\n              disabled={!armed}\n              onClick={onGrantConsent}\n            >\n              {text.grantButton}\n            </Button>\n          </Alert.Action>\n        </div>\n      ) : (\n        <p className=\"type-body-sm ds:m-0 ds:text-[color:var(--muted-foreground)]\">\n          {text.notAllowed}\n        </p>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"region\"\n        aria-label={resolvedAriaLabel}\n        aria-busy={state === 'pending' ? true : undefined}\n        data-component=\"ai-consent-banner\"\n        data-component-id={id}\n        data-state={state}\n        id={id}\n        className={rootVariants({ state, className })}\n        {...rest}\n      >\n        <Alert\n          variant={alertVariant}\n          icon={state === 'pending' ? null : undefined}\n        >\n          <Alert.Title as={`h${headingLevel}` as const}>\n            {text.title}\n          </Alert.Title>\n          <Alert.Description>\n            {state === 'granted'\n              ? text.descriptionGranted\n              : text.descriptionRequired}\n          </Alert.Description>\n          {body}\n        </Alert>\n      </div>\n    );\n  },\n);\n\nAiConsentBanner.displayName = 'AiConsentBanner';\n"],"names":["aiConsentBannerAgent","handle","rootVariants","cva","deriveState","granted","pending","SUBJECT_KEYS","AiConsentBanner","forwardRef","id","grantedAt","grantedBy","canGrant","onGrantConsent","headingLevel","subject","copy","ariaLabel","className","rest","ref","useTranslation","state","own","value","keys","text","statement","ticked","setTicked","useState","tickedFor","setTickedFor","armed","armedRef","useRef","useMemo","useAgentRegistration","resolvedAriaLabel","alertVariant","body","jsxs","jsx","Badge","Timestamp","Spinner","Checkbox","next","Alert","Button"],"mappings":";;;;;;;;;;;AAaO,MAAMA,IAA4D;AAAA,EACvE,IAAI;AAAA,EACJ,cAAc,CAAA;AAAA,EACd,OAAO;AAAA,IACL,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACC,MAAWA,EAAO,SAAA;AAAA,IAAS;AAAA,IAEpC,OAAO;AAAA,MACL,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,aACE;AAAA,MACF,MAAM,CAACA,MAAWA,EAAO,QAAA;AAAA,IAAQ;AAAA,EACnC;AAAA,EAEF,SAAS,CAAA;AAAA,EACT,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,YAAY;AAAA,MACV,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,aACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GCLMC,IAAeC,EAAI,+CAA+C;AAAA,EACtE,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,MACT,UAAU;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,iBAAiB;AAAA,IACf,OAAO;AAAA,EAAA;AAEX,CAAC;AAcD,SAASC,EAAYC,GAAkBC,GAAkC;AACvE,SAAIA,IAAgB,YACbD,IAAU,YAAY;AAC/B;AAkBA,MAAME,IAAe;AAAA,EACnB,kBAAkB;AAAA,IAChB,qBAAqB;AAAA,MACnB,KAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,oBAAoB;AAAA,MAClB,KAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,cAAc;AAAA,MACZ,KAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,IAEZ,YAAY;AAAA,MACV,KAAK;AAAA,MACL,UAAU;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,uBAAuB;AAAA,IACrB,qBAAqB;AAAA,MACnB,KAAK;AAAA,MACL,UACE;AAAA,IAAA;AAAA,IAEJ,oBAAoB;AAAA,MAClB,KAAK;AAAA,MACL,UACE;AAAA,IAAA;AAAA,IAEJ,cAAc;AAAA,MACZ,KAAK;AAAA,MACL,UACE;AAAA,IAAA;AAAA,IAEJ,YAAY;AAAA,MACV,KAAK;AAAA,MACL,UACE;AAAA,IAAA;AAAA,EACJ;AAEJ,GA6HaC,IAAkBC;AAAA,EAC7B,CACE;AAAA,IACE,IAAAC;AAAA,IACA,SAAAL;AAAA,IACA,WAAAM;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,SAAAP,IAAU;AAAA,IACV,gBAAAQ;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,cAAcC;AAAA,IACd,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAQnB,EAAYC,GAASC,CAAO,GAIpCkB,IAAM,CAACC,OAAmBA,KAAA,gBAAAA,EAAO,WAAU,QAE3CC,IAAOnB,EAAaS,CAAO,KAAKT,EAAa,gBAAgB,GAC7DoB,IAAO;AAAA,MACX,OACEH,EAAIP,KAAA,gBAAAA,EAAM,KAAK,KAAK,EAAE,yBAAyB,uBAAuB;AAAA,MACxE,qBACEO,EAAIP,KAAA,gBAAAA,EAAM,mBAAmB,KAC7B,EAAES,EAAK,oBAAoB,KAAKA,EAAK,oBAAoB,QAAQ;AAAA,MACnE,oBACEF,EAAIP,KAAA,gBAAAA,EAAM,kBAAkB,KAC5B,EAAES,EAAK,mBAAmB,KAAKA,EAAK,mBAAmB,QAAQ;AAAA,MACjE,cACEF,EAAIP,KAAA,gBAAAA,EAAM,YAAY,KACtB,EAAES,EAAK,aAAa,KAAKA,EAAK,aAAa,QAAQ;AAAA,MACrD,aACEF,EAAIP,KAAA,gBAAAA,EAAM,WAAW,KACrB,EAAE,+BAA+B,eAAe;AAAA,MAClD,YACEO,EAAIP,KAAA,gBAAAA,EAAM,UAAU,KACpB,EAAES,EAAK,WAAW,KAAKA,EAAK,WAAW,QAAQ;AAAA,MACjD,cACEF,EAAIP,KAAA,gBAAAA,EAAM,YAAY,KACtB,EAAE,iCAAiC,iBAAiB;AAAA,MACtD,cACEO,EAAIP,KAAA,gBAAAA,EAAM,YAAY,KACtB,EAAE,gCAAgC,iBAAiB;AAAA,IAAA,GAMjDW,IAAY;AAAA,MAChBZ;AAAA,MACAW,EAAK;AAAA,MACLA,EAAK;AAAA,IAAA,EACL,KAAK,IAAQ,GACT,CAACE,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpC,CAACC,GAAWC,CAAY,IAAIF,EAASH,CAAS;AACpD,IAAII,MAAcJ,MAChBK,EAAaL,CAAS,GACtBE,EAAU,EAAK;AAEjB,UAAMI,IAAQL,KAAUG,MAAcJ,GAEhCO,IAAWC,EAAOF,CAAK;AAC7B,IAAAC,EAAS,UAAUD;AAEnB,UAAMjC,IAASoC;AAAA,MACb,OAAO;AAAA,QACL,UAAU,MAAMjC,EAAYC,GAASC,CAAO;AAAA,QAC5C,SAAS,MAAM6B,EAAS;AAAA,MAAA;AAAA,MAE1B,CAAC9B,GAASC,CAAO;AAAA,IAAA;AAEnB,IAAAgC,EAAqBtC,GAAsBC,GAAQS,CAAE;AAGrD,UAAM6B,IACJf,EAAIN,CAAS,KACbM,EAAIP,KAAA,gBAAAA,EAAM,KAAK,KACf,EAAE,+BAA+B,uBAAuB,GAGpDuB,IAAejB,MAAU,YAAY,YAAY;AAEvD,QAAIkB;AACJ,WAAIlB,MAAU,YACZkB,IACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,mEACb,UAAA;AAAA,QAAA,gBAAAC,EAACC,GAAA,EAAM,SAAQ,WAAW,UAAAjB,EAAK,cAAa;AAAA,QAC3ChB,MAAc,SACb,gBAAA+B,EAAC,QAAA,EAAK,WAAU,wDACb,UAAA;AAAA,UAAA,EAAE,mCAAmC,SAAS;AAAA,UAAG;AAAA,4BACjDG,GAAA,EAAU,OAAOlC,GAAW,QAAO,YAAW,OAAM,SAAA,CAAS;AAAA,QAAA,EAAA,CAChE,IACE;AAAA,MAAA,GACN;AAAA,MACCC,IACC,gBAAA+B,EAAC,KAAA,EAAE,WAAU,+DACV,YAAE,6BAA6B;AAAA,QAC9B,MAAM/B;AAAA,QACN,cAAc;AAAA,MAAA,CACf,GACH,IACE;AAAA,IAAA,GACN,IAEOW,MAAU,YACnBkB,IACE,gBAAAC,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,MAAA,gBAAAC,EAACG,KAAQ,SAAQ,SAAQ,MAAK,MAAK,OAAOnB,EAAK,cAAc;AAAA,MAC7D,gBAAAgB,EAAC,QAAA,EAAK,WAAU,wDACb,YAAK,aAAA,CACR;AAAA,IAAA,GACF,IAIFF,IAAO5B,IACL,gBAAA6B,EAAC,OAAA,EAAI,WAAU,kDACb,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,SAASb;AAAA,UACT,iBAAiB,CAACc,MAASlB,EAAUkB,MAAS,EAAI;AAAA,UAClD,OAAOrB,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAEd,gBAAAgB,EAACM,EAAM,QAAN,EACC,UAAA,gBAAAN;AAAA,QAACO;AAAA,QAAA;AAAA,UACC,QAAO;AAAA,UACP,MAAK;AAAA,UACL,UAAU,CAAChB;AAAA,UACX,SAASpB;AAAA,UAER,UAAAa,EAAK;AAAA,QAAA;AAAA,MAAA,EACR,CACF;AAAA,IAAA,GACF,IAEA,gBAAAgB,EAAC,KAAA,EAAE,WAAU,+DACV,YAAK,YACR,GAKF,gBAAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAtB;AAAA,QACA,MAAK;AAAA,QACL,cAAYkB;AAAA,QACZ,aAAWhB,MAAU,YAAY,KAAO;AAAA,QACxC,kBAAe;AAAA,QACf,qBAAmBb;AAAA,QACnB,cAAYa;AAAA,QACZ,IAAAb;AAAA,QACA,WAAWR,EAAa,EAAE,OAAAqB,GAAO,WAAAJ,GAAW;AAAA,QAC3C,GAAGC;AAAA,QAEJ,UAAA,gBAAAsB;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAST;AAAA,YACT,MAAMjB,MAAU,YAAY,OAAO;AAAA,YAEnC,UAAA;AAAA,cAAA,gBAAAoB,EAACM,EAAM,OAAN,EAAY,IAAI,IAAIlC,CAAY,IAC9B,YAAK,MAAA,CACR;AAAA,cACA,gBAAA4B,EAACM,EAAM,aAAN,EACE,gBAAU,YACPtB,EAAK,qBACLA,EAAK,oBAAA,CACX;AAAA,cACCc;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EAGN;AACF;AAEAjC,EAAgB,cAAc;"}