@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

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

@@ -2,8 +2,8 @@ import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as k, useRef as N, useEffect as O, useCallback as D, useMemo as B } from "react";
 import { c as H } from "./index-D2ZczOXr.js";
 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 { C as M } from "./country-select-CSE2Zm_s.js";
+import { P as U } from "./province-select-CDjs5obD.js";
 import { P as W } from "./postal-code-input-CfZOnIkW.js";
 import { C as Y } from "./city-input-3J3bz9EO.js";
 import { T as z } from "./text-input-CaG9ApoE.js";
@@ -295,4 +295,4 @@ export {
   te as A,
   X as a
 };
-//# sourceMappingURL=address-fields-CJtu7LQU.js.map
+//# sourceMappingURL=address-fields-BUPRs3n-.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"address-fields-BUPRs3n-.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/{agenda-card-DR9gDdKp.js → agenda-card-BDuvreCe.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as y } from "react-i18next";
-import { A as N } from "./avatar-WZY3eGE7.js";
+import { A as N } from "./avatar-BPiPL7ND.js";
 import { B as C } from "./badge-BUk4RjTS.js";
 import { i as w } from "./is-safe-url-DkETxeHz.js";
 import { C as k } from "./chevron-right-I9AeSxH2.js";
@@ -144,4 +144,4 @@ z.displayName = "AgendaCard";
 export {
   z as A
 };
-//# sourceMappingURL=agenda-card-DR9gDdKp.js.map
+//# sourceMappingURL=agenda-card-BDuvreCe.js.map

package/dist/_chunks/{agenda-card-DR9gDdKp.js.map → agenda-card-BDuvreCe.js.map}

@@ -1 +1 @@
-{"version":3,"file":"agenda-card-DR9gDdKp.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\n\n// Back-compat alias — the URL guard now lives in the shared entity-card\n// helper. Existing consumers (and this dir's tests) import isSafeAgendaUrl.\nexport { isSafeEntityUrl as isSafeAgendaUrl } from '../_shared/is-safe-url';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus =\n  | 'confirmed'\n  | 'pending'\n  | 'cancelled'\n  | 'absent';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /**\n   * Localised date eyebrow (e.g. \"Thu 12 Jun\") rendered under the time —\n   * for agendas spanning more than today (upcoming-appointments queues).\n   */\n  dateLabel?: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /**\n   * Context line under the treatment (e.g. \"Dr. Bianchi · Chair 2\").\n   * Localised and pre-joined by the consumer.\n   */\n  meta?: string;\n  /** Free-text booking note — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n  /**\n   * Trailing per-row action toolbar. Rendered above the stretched-link\n   * overlay so the controls stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> =\n  {\n    confirmed: 'success',\n    pending: 'warning',\n    cancelled: 'error',\n    absent: 'error',\n  };\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const baseLabel = t('agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n    // dateLabel renders inside the aria-hidden time column, so it must be\n    // prepended here or multi-day rows get identical accessible names.\n    const ariaLabel = item.dateLabel\n      ? `${item.dateLabel} · ${baseLabel}`\n      : baseLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.patient.name}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"agenda-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n        >\n          {item.time}\n          {item.dateLabel ? (\n            <span className=\"type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n              {item.dateLabel}\n            </span>\n          ) : null}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n          {item.meta ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.meta}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge\n            variant={STATUS_TONE[item.status]}\n            size=\"sm\"\n            withDot\n            className=\"ds:shrink-0\"\n          >\n            {t(`agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","baseLabel","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":";;;;;;;;AAsEA,MAAMA,IAAqBC;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEMC,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IACJ;AAAA,EACE,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAMWC,IAAaC;AAAA,EACxB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,YAAAC,GAAY,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACvE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAc,CAAC,CAACP,GAChBQ,IAAa,CAAC,CAACV,EAAK,OAAOW,EAAgBX,EAAK,GAAG,GACnDY,IAAYL,EAAE,wBAAwB;AAAA,MAC1C,MAAMP,EAAK;AAAA,MACX,SAASA,EAAK,QAAQ;AAAA,MACtB,WAAWA,EAAK,aAAa;AAAA,MAC7B,cAAc;AAAA,IAAA,CACf,GAGKa,IAAYb,EAAK,YACnB,GAAGA,EAAK,SAAS,MAAMY,CAAS,KAChCA,GAEEE,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,mFACb,UAAAf,EAAK,QAAQ,MAChB;AAGF,QAAIgB;AACJ,WAAIP,KAAeC,IACjBM,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMf,EAAK;AAAA,QACX,cAAYa;AAAA,QACZ,WAAWjB,IAAqB;AAAA,QAChC,SAAS,CAACqB,MAAM;AACd,UAAIA,EAAE,oBAAoBA,EAAE,WAAWA,EAAE,WAAWA,EAAE,YAEtDf,KAAA,QAAAA,EAAaF;AAAA,QACf;AAAA,QAEC,UAAAc;AAAA,MAAA;AAAA,IAAA,IAGIL,IACTO,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYF;AAAA,QACZ,WACEjB,IACA;AAAA,QAEF,SAAS,MAAMM,KAAA,gBAAAA,EAAaF;AAAA,QAE3B,UAAAc;AAAA,MAAA;AAAA,IAAA,IAILE,IAAYF,GAIZ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBN,EAAK;AAAA,QACxB,eAAaA,EAAK,UAAU;AAAA,QAC5B,WAAWN,EAAmB,EAAE,MAAAO,GAAM,aAAAQ,GAAa,WAAAL,GAAW;AAAA,QAC7D,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAA;AAAA,gBAAAlB,EAAK;AAAA,gBACLA,EAAK,YACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,uEACb,UAAAf,EAAK,WACR,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGN,gBAAAe;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAMnB,EAAK,QAAQ;AAAA,cACnB,KAAKA,EAAK,QAAQ;AAAA,cAClB,MAAMC,MAAS,OAAO,OAAO;AAAA,cAC7B,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,MAAK;AAAA,cACL,cAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,gBAAAiB,EAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,YAAAF;AAAA,YACAhB,EAAK,YACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAf,EAAK,WACR,IACE;AAAA,YACHA,EAAK,OACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAf,EAAK,MACR,IACE;AAAA,YACHA,EAAK,OACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,wEACb,UAAAf,EAAK,MACR,IACE;AAAA,UAAA,GACN;AAAA,UAECG;AAAA;AAAA,YAEC,gBAAAY,EAAC,QAAA,EAAK,WAAU,wFACb,UAAAZ,EAAA,CACH;AAAA,cACE;AAAA,UAEHH,EAAK,UAAUA,EAAK,WAAW,cAC9B,gBAAAe;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,SAASvB,EAAYG,EAAK,MAAM;AAAA,cAChC,MAAK;AAAA,cACL,SAAO;AAAA,cACP,WAAU;AAAA,cAET,YAAE,qBAAqBA,EAAK,MAAM,IAAIA,EAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAElD;AAAA,UAEHS,IACC,gBAAAM;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA,IAEV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAvB,EAAW,cAAc;"}
+{"version":3,"file":"agenda-card-BDuvreCe.js","sources":["../../src/components/agenda-card/agenda-card.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { ChevronRight } from 'lucide-react';\nimport { Avatar } from '../avatar/avatar';\nimport { Badge } from '../badge/badge';\nimport { isSafeEntityUrl } from '../_shared/is-safe-url';\n\n// Back-compat alias — the URL guard now lives in the shared entity-card\n// helper. Existing consumers (and this dir's tests) import isSafeAgendaUrl.\nexport { isSafeEntityUrl as isSafeAgendaUrl } from '../_shared/is-safe-url';\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\nexport type AppointmentStatus =\n  | 'confirmed'\n  | 'pending'\n  | 'cancelled'\n  | 'absent';\n\nexport interface AgendaItem {\n  /** Unique identifier for the appointment. */\n  id: string;\n  /** Display time string (e.g. \"09:00\"). Localised by the consumer. */\n  time: string;\n  /**\n   * Localised date eyebrow (e.g. \"Thu 12 Jun\") rendered under the time —\n   * for agendas spanning more than today (upcoming-appointments queues).\n   */\n  dateLabel?: string;\n  /** Patient identity — drives the avatar's initials + accessible name. */\n  patient: { name: string; avatarUrl?: string };\n  /** Treatment / appointment type — short localised label. */\n  treatment?: string;\n  /**\n   * Context line under the treatment (e.g. \"Dr. Bianchi · Chair 2\").\n   * Localised and pre-joined by the consumer.\n   */\n  meta?: string;\n  /** Free-text booking note — muted body line, clamped. */\n  note?: string;\n  /** Lifecycle state — drives a trailing status chip. */\n  status?: AppointmentStatus;\n  /** Optional deep link — when present the row is an anchor. */\n  url?: string;\n}\n\nexport interface AgendaCardProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'role' | 'title'>,\n    VariantProps<typeof agendaCardVariants> {\n  /** The appointment to render. */\n  item: AgendaItem;\n  /** Visual density. */\n  size?: 'sm' | 'md';\n  /** Fires when the row is activated. */\n  onActivate?: (item: AgendaItem) => void;\n  /**\n   * Trailing per-row action toolbar. Rendered above the stretched-link\n   * overlay so the controls stay clickable inside an interactive row.\n   */\n  actions?: ReactNode;\n}\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaCardVariants = cva(\n  [\n    'ds:relative ds:flex ds:items-center ds:gap-[var(--spacing-sm)]',\n    'ds:rounded-[var(--radius-sm)]',\n    'ds:transition-colors',\n    'ds:motion-reduce:transition-none',\n    'ds:text-start ds:group',\n    'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:p-[var(--spacing-sm)]',\n        md: 'ds:p-[var(--spacing-md)]',\n      },\n      interactive: {\n        true: 'ds:hover:bg-[color:var(--muted)]/40 ds:cursor-pointer',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n      interactive: false,\n    },\n  },\n);\n\nconst stretchedLinkClass = [\n  'ds:focus-visible:outline-none',\n  \"ds:after:content-[''] ds:after:absolute ds:after:inset-0 ds:after:rounded-[var(--radius-sm)]\",\n  'ds:after:pointer-events-auto',\n  'ds:focus-visible:after:outline-[length:var(--focus-ring-width)]',\n  'ds:focus-visible:after:outline-solid',\n  'ds:focus-visible:after:outline-[color:var(--ring)]',\n  'ds:focus-visible:after:outline-offset-[length:var(--focus-ring-offset)]',\n  'ds:forced-colors:focus-visible:after:outline-[CanvasText]',\n].join(' ');\n\nconst STATUS_TONE: Record<AppointmentStatus, 'success' | 'warning' | 'error'> =\n  {\n    confirmed: 'success',\n    pending: 'warning',\n    cancelled: 'error',\n    absent: 'error',\n  };\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaCard = forwardRef<HTMLDivElement, AgendaCardProps>(\n  ({ item, size = 'sm', onActivate, actions, className, ...rest }, ref) => {\n    const { t } = useTranslation('ui');\n    const interactive = !!onActivate;\n    const hasSafeUrl = !!item.url && isSafeEntityUrl(item.url);\n    const baseLabel = t('agendaCard.itemLabel', {\n      time: item.time,\n      patient: item.patient.name,\n      treatment: item.treatment ?? '',\n      defaultValue: '{{time}} · {{patient}}{{treatment, prepend, \" · \"}}',\n    });\n    // dateLabel renders inside the aria-hidden time column, so it must be\n    // prepended here or multi-day rows get identical accessible names.\n    const ariaLabel = item.dateLabel\n      ? `${item.dateLabel} · ${baseLabel}`\n      : baseLabel;\n\n    const titleNode = (\n      <span className=\"ds:flex-1 ds:min-w-0 ds:truncate type-body-sm ds:text-[color:var(--foreground)]\">\n        {item.patient.name}\n      </span>\n    );\n\n    let activator: ReactNode;\n    if (interactive && hasSafeUrl) {\n      activator = (\n        <a\n          href={item.url}\n          aria-label={ariaLabel}\n          className={stretchedLinkClass + ' ds:contents'}\n          onClick={(e) => {\n            if (e.defaultPrevented || e.metaKey || e.ctrlKey || e.shiftKey)\n              return;\n            onActivate?.(item);\n          }}\n        >\n          {titleNode}\n        </a>\n      );\n    } else if (interactive) {\n      activator = (\n        <button\n          type=\"button\"\n          aria-label={ariaLabel}\n          className={\n            stretchedLinkClass +\n            ' ds:contents ds:bg-transparent ds:border-0 ds:p-0 ds:text-start'\n          }\n          onClick={() => onActivate?.(item)}\n        >\n          {titleNode}\n        </button>\n      );\n    } else {\n      activator = titleNode;\n    }\n\n    return (\n      <div\n        ref={ref}\n        role=\"listitem\"\n        data-component=\"agenda-card\"\n        data-component-id={item.id}\n        data-status={item.status ?? 'confirmed'}\n        className={agendaCardVariants({ size, interactive, className })}\n        {...rest}\n      >\n        <span\n          aria-hidden=\"true\"\n          className=\"ds:inline-flex ds:flex-col ds:w-12 ds:shrink-0 type-body-sm ds:font-medium ds:text-[color:var(--foreground)] ds:tabular-nums\"\n        >\n          {item.time}\n          {item.dateLabel ? (\n            <span className=\"type-eyebrow ds:font-normal ds:text-[color:var(--muted-foreground)]\">\n              {item.dateLabel}\n            </span>\n          ) : null}\n        </span>\n\n        <Avatar\n          name={item.patient.name}\n          src={item.patient.avatarUrl}\n          size={size === 'md' ? 'md' : 'sm'}\n          className=\"ds:shrink-0\"\n          aria-hidden=\"true\"\n          role=\"presentation\"\n          aria-label={undefined}\n        />\n\n        <div className=\"ds:flex-1 ds:min-w-0 ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]\">\n          {activator}\n          {item.treatment ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.treatment}\n            </span>\n          ) : null}\n          {item.meta ? (\n            <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)] ds:truncate\">\n              {item.meta}\n            </span>\n          ) : null}\n          {item.note ? (\n            <span className=\"type-body-sm ds:text-[color:var(--muted-foreground)] ds:line-clamp-2\">\n              {item.note}\n            </span>\n          ) : null}\n        </div>\n\n        {actions ? (\n          // Above the stretched-link overlay so the buttons stay clickable.\n          <span className=\"ds:relative ds:z-[1] ds:flex ds:items-center ds:gap-[var(--spacing-2xs)] ds:shrink-0\">\n            {actions}\n          </span>\n        ) : null}\n\n        {item.status && item.status !== 'confirmed' ? (\n          <Badge\n            variant={STATUS_TONE[item.status]}\n            size=\"sm\"\n            withDot\n            className=\"ds:shrink-0\"\n          >\n            {t(`agendaCard.status.${item.status}`, item.status)}\n          </Badge>\n        ) : null}\n\n        {interactive ? (\n          <ChevronRight\n            aria-hidden=\"true\"\n            className=\"ds:size-4 ds:shrink-0 ds:text-[color:var(--muted-foreground)] ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:group-focus-within:opacity-100 ds:rtl:rotate-180\"\n          />\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAgendaCard.displayName = 'AgendaCard';\n"],"names":["agendaCardVariants","cva","stretchedLinkClass","STATUS_TONE","AgendaCard","forwardRef","item","size","onActivate","actions","className","rest","ref","t","useTranslation","interactive","hasSafeUrl","isSafeEntityUrl","baseLabel","ariaLabel","titleNode","jsx","activator","e","jsxs","Avatar","Badge","ChevronRight"],"mappings":";;;;;;;;AAsEA,MAAMA,IAAqBC;AAAA,EACzB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,aAAa;AAAA,QACX,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEMC,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAEJC,IACJ;AAAA,EACE,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAMWC,IAAaC;AAAA,EACxB,CAAC,EAAE,MAAAC,GAAM,MAAAC,IAAO,MAAM,YAAAC,GAAY,SAAAC,GAAS,WAAAC,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AACvE,UAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,IAAI,GAC3BC,IAAc,CAAC,CAACP,GAChBQ,IAAa,CAAC,CAACV,EAAK,OAAOW,EAAgBX,EAAK,GAAG,GACnDY,IAAYL,EAAE,wBAAwB;AAAA,MAC1C,MAAMP,EAAK;AAAA,MACX,SAASA,EAAK,QAAQ;AAAA,MACtB,WAAWA,EAAK,aAAa;AAAA,MAC7B,cAAc;AAAA,IAAA,CACf,GAGKa,IAAYb,EAAK,YACnB,GAAGA,EAAK,SAAS,MAAMY,CAAS,KAChCA,GAEEE,IACJ,gBAAAC,EAAC,QAAA,EAAK,WAAU,mFACb,UAAAf,EAAK,QAAQ,MAChB;AAGF,QAAIgB;AACJ,WAAIP,KAAeC,IACjBM,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMf,EAAK;AAAA,QACX,cAAYa;AAAA,QACZ,WAAWjB,IAAqB;AAAA,QAChC,SAAS,CAACqB,MAAM;AACd,UAAIA,EAAE,oBAAoBA,EAAE,WAAWA,EAAE,WAAWA,EAAE,YAEtDf,KAAA,QAAAA,EAAaF;AAAA,QACf;AAAA,QAEC,UAAAc;AAAA,MAAA;AAAA,IAAA,IAGIL,IACTO,IACE,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAYF;AAAA,QACZ,WACEjB,IACA;AAAA,QAEF,SAAS,MAAMM,KAAA,gBAAAA,EAAaF;AAAA,QAE3B,UAAAc;AAAA,MAAA;AAAA,IAAA,IAILE,IAAYF,GAIZ,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAZ;AAAA,QACA,MAAK;AAAA,QACL,kBAAe;AAAA,QACf,qBAAmBN,EAAK;AAAA,QACxB,eAAaA,EAAK,UAAU;AAAA,QAC5B,WAAWN,EAAmB,EAAE,MAAAO,GAAM,aAAAQ,GAAa,WAAAL,GAAW;AAAA,QAC7D,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAa;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,cAET,UAAA;AAAA,gBAAAlB,EAAK;AAAA,gBACLA,EAAK,YACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,uEACb,UAAAf,EAAK,WACR,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAGN,gBAAAe;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,MAAMnB,EAAK,QAAQ;AAAA,cACnB,KAAKA,EAAK,QAAQ;AAAA,cAClB,MAAMC,MAAS,OAAO,OAAO;AAAA,cAC7B,WAAU;AAAA,cACV,eAAY;AAAA,cACZ,MAAK;AAAA,cACL,cAAY;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,gBAAAiB,EAAC,OAAA,EAAI,WAAU,wEACZ,UAAA;AAAA,YAAAF;AAAA,YACAhB,EAAK,YACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAf,EAAK,WACR,IACE;AAAA,YACHA,EAAK,OACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,oEACb,UAAAf,EAAK,MACR,IACE;AAAA,YACHA,EAAK,OACJ,gBAAAe,EAAC,QAAA,EAAK,WAAU,wEACb,UAAAf,EAAK,MACR,IACE;AAAA,UAAA,GACN;AAAA,UAECG;AAAA;AAAA,YAEC,gBAAAY,EAAC,QAAA,EAAK,WAAU,wFACb,UAAAZ,EAAA,CACH;AAAA,cACE;AAAA,UAEHH,EAAK,UAAUA,EAAK,WAAW,cAC9B,gBAAAe;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,SAASvB,EAAYG,EAAK,MAAM;AAAA,cAChC,MAAK;AAAA,cACL,SAAO;AAAA,cACP,WAAU;AAAA,cAET,YAAE,qBAAqBA,EAAK,MAAM,IAAIA,EAAK,MAAM;AAAA,YAAA;AAAA,UAAA,IAElD;AAAA,UAEHS,IACC,gBAAAM;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,eAAY;AAAA,cACZ,WAAU;AAAA,YAAA;AAAA,UAAA,IAEV;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEAvB,EAAW,cAAc;"}

package/dist/_chunks/{agenda-tray-DGB1Zup-.js → agenda-tray-CfwylhWf.js}

@@ -3,9 +3,9 @@ import { forwardRef as _, useRef as w, useImperativeHandle as q, useMemo as B }
 import { c as H } from "./index-D2ZczOXr.js";
 import { useTranslation as K } from "react-i18next";
 import { I as M } from "./icon-button-C_1TgRiK.js";
-import { S as A } from "./skeleton-B1KTdJ4N.js";
+import { S as A } from "./skeleton-tTWJpvAq.js";
 import { E as D } from "./empty-state-pL1qum99.js";
-import { A as V } from "./agenda-card-DR9gDdKp.js";
+import { A as V } from "./agenda-card-BDuvreCe.js";
 import { u as F } from "./registry-DvAUVLHh.js";
 import { C as G } from "./calendar-days-BGWklvE-.js";
 import { P as J } from "./plus-DzMQ_c6b.js";
@@ -212,4 +212,4 @@ export {
   U as A,
   L as a
 };
-//# sourceMappingURL=agenda-tray-DGB1Zup-.js.map
+//# sourceMappingURL=agenda-tray-CfwylhWf.js.map

package/dist/_chunks/{agenda-tray-DGB1Zup-.js.map → agenda-tray-CfwylhWf.js.map}

@@ -1 +1 @@
-{"version":3,"file":"agenda-tray-DGB1Zup-.js","sources":["../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  // `pick` (NON-persisting): select_item activates / opens an appointment by\n  // firing onOpenAppointment — it does not store a \"selected\" value on the tray\n  // (there is no selection state slot), so this is a pick, not select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      // Activates (opens) an appointment — pure navigation, no data mutation.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.agendaTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      examples: [\n        { args: { id: 'appt-204' }, note: 'Open appointment appt-204.' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'agenda-tray',\n      description: 'Marks the AgendaTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AgendaCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  /** Optional CTA wired into the empty state (EmptyState primaryAction). */\n  emptyAction?: { label: string; onClick: () => void };\n  /**\n   * Pinned footer link (e.g. \"All upcoming appointments\"). Localised by\n   * the consumer; rendered after the list, before the section closes.\n   */\n  viewAllLabel?: string;\n  /** Fires when the footer link is activated. Required to render it. */\n  onViewAll?: () => void;\n  /**\n   * Per-row trailing action toolbar, forwarded to each AgendaCard's\n   * `actions` slot.\n   */\n  renderItemActions?: (item: AgendaItem) => ReactNode;\n  /**\n   * Constrain the list to the tray's own height and scroll inside it —\n   * pair with a height/max-height on `className`. The scroll region is\n   * keyboard-focusable so it stays operable without a pointer.\n   */\n  scrollable?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaTray = forwardRef<HTMLElement, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      emptyAction,\n      viewAllLabel,\n      onViewAll,\n      renderItemActions,\n      scrollable = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('agendaTray.add', 'Add appointment');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n            primaryAction={emptyAction}\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul\n          className={[\n            // flex-1 unconditionally so a footer pins to the tray's\n            // bottom edge in equal-height grid rows.\n            'ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0',\n            // Keyboard-focusable when it scrolls (axe\n            // scrollable-region-focusable) — pair with a height on the\n            // tray's className.\n            scrollable ? 'ds:overflow-y-auto' : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable list must be keyboard focusable (axe scrollable-region-focusable)\n          tabIndex={scrollable ? 0 : undefined}\n          aria-label={scrollable ? heading : undefined}\n        >\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenAppointment}\n              actions={renderItemActions?.(item)}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n        {viewAllLabel && onViewAll && !isEmpty && !loading ? (\n          <footer className=\"ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]\">\n            <button\n              type=\"button\"\n              onClick={onViewAll}\n              className={[\n                'type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline',\n                'ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {viewAllLabel}\n            </button>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","emptyAction","viewAllLabel","onViewAll","renderItemActions","scrollable","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}
+{"version":3,"file":"agenda-tray-CfwylhWf.js","sources":["../../src/components/agenda-tray/agenda-tray.agent.ts","../../src/components/agenda-tray/agenda-tray.tsx"],"sourcesContent":["/* -------------------------------------------------------------------- */\n/* Agent adapter — AgendaTray.                                            */\n/*                                                                        */\n/* Tray-level surface: read appointment ids + lifecycle status (never    */\n/* patient names / treatments), and route an activation through the      */\n/* curated handle. AgendaTray is in-page (no open/close).                */\n/* -------------------------------------------------------------------- */\n\nimport type { AgentAdapter } from '../../agent/types';\nimport type { AgendaTrayHandle } from './agenda-tray';\n\nexport const agendaTrayAgent: AgentAdapter<AgendaTrayHandle> = {\n  id: 'agenda-tray',\n  // `pick` (NON-persisting): select_item activates / opens an appointment by\n  // firing onOpenAppointment — it does not store a \"selected\" value on the tray\n  // (there is no selection state slot), so this is a pick, not select_single.\n  capabilities: ['pick'],\n  state: {\n    items: {\n      type: 'Array<{ id: string; status: string }>',\n      descriptionKey: 'ui.agent.agendaTray.state.items',\n      description:\n        'Currently-displayed appointments. Ids + status only — never patient identity.',\n      read: (handle) => handle.getItems(),\n    },\n  },\n  actions: {\n    select_item: {\n      // Activates (opens) an appointment — pure navigation, no data mutation.\n      safety: 'read',\n      argsType: '{ id: string }',\n      argsSchema: {\n        type: 'object',\n        properties: { id: { type: 'string' } },\n        required: ['id'],\n      },\n      descriptionKey: 'ui.agent.agendaTray.actions.selectItem',\n      description: 'Activate the appointment with the given id.',\n      examples: [\n        { args: { id: 'appt-204' }, note: 'Open appointment appt-204.' },\n      ],\n      invoke: (handle, args: { id: string }) => {\n        handle.selectItem(args.id);\n      },\n    },\n  },\n  domHooks: {\n    root: {\n      attr: 'data-component',\n      value: 'agenda-tray',\n      description: 'Marks the AgendaTray wrapper.',\n    },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description:\n        'Sourced from the id prop. Required to address a specific tray from the agent.',\n    },\n    item: {\n      attr: 'data-appointment-id',\n      description:\n        'Stable appointment id emitted on each rendered AgendaCard inside the tray.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { CalendarDays, Plus } from 'lucide-react';\nimport { IconButton } from '../button/icon-button';\nimport { Skeleton } from '../skeleton/skeleton';\nimport { EmptyState } from '../empty-state/empty-state';\nimport { AgendaCard, type AgendaItem } from '../agenda-card';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { agendaTrayAgent } from './agenda-tray.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                 */\n/* ------------------------------------------------------------------ */\n\nconst agendaTrayVariants = cva(\n  [\n    'ds:flex ds:flex-col',\n    'ds:rounded-[var(--radius-md)] ds:shadow-[var(--shadow-card)]',\n    'ds:[:where(&)]:border-[length:var(--surface-border-width,var(--border-width-sm))] ds:border-[color:var(--card-border)]',\n    'ds:bg-[color:var(--card)] ds:text-[color:var(--card-foreground)]',\n    'ds:overflow-hidden',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: '',\n        md: '',\n      },\n    },\n    defaultVariants: {\n      size: 'sm',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* Types                                                               */\n/* ------------------------------------------------------------------ */\n\n/**\n * Curated imperative handle for AgendaTray. Exposed as the forwardRef\n * target so a future agent / MCP UI bridge can drive the tray without\n * touching the DOM. See `agenda-tray.agent.ts`.\n */\nexport interface AgendaTrayHandle {\n  getItems: () => Array<{ id: string; status: string }>;\n  selectItem: (id: string) => void;\n}\n\nexport interface AgendaTrayProps\n  extends\n    Omit<HTMLAttributes<HTMLElement>, 'onClick' | 'id'>,\n    VariantProps<typeof agendaTrayVariants> {\n  /**\n   * Stable instance id. Surfaced on the root as `data-component-id` so\n   * an agent / MCP UI bridge can address this specific tray.\n   */\n  id?: string;\n  items: AgendaItem[];\n  /** Section title — rendered in the header. Localised by the consumer. */\n  title?: string;\n  /** Optional small caption (e.g. localised date) shown next to the title. */\n  caption?: string;\n  size?: 'sm' | 'md';\n  onOpenAppointment?: (item: AgendaItem) => void;\n  onAddAppointment?: () => void;\n  /** Localised label for the \"Add\" affordance. */\n  addLabel?: string;\n  loading?: boolean;\n  emptyTitle?: string;\n  emptyDescription?: string;\n  /** Optional CTA wired into the empty state (EmptyState primaryAction). */\n  emptyAction?: { label: string; onClick: () => void };\n  /**\n   * Pinned footer link (e.g. \"All upcoming appointments\"). Localised by\n   * the consumer; rendered after the list, before the section closes.\n   */\n  viewAllLabel?: string;\n  /** Fires when the footer link is activated. Required to render it. */\n  onViewAll?: () => void;\n  /**\n   * Per-row trailing action toolbar, forwarded to each AgendaCard's\n   * `actions` slot.\n   */\n  renderItemActions?: (item: AgendaItem) => ReactNode;\n  /**\n   * Constrain the list to the tray's own height and scroll inside it —\n   * pair with a height/max-height on `className`. The scroll region is\n   * keyboard-focusable so it stays operable without a pointer.\n   */\n  scrollable?: boolean;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                           */\n/* ------------------------------------------------------------------ */\n\nexport const AgendaTray = forwardRef<HTMLElement, AgendaTrayProps>(\n  (\n    {\n      id,\n      items,\n      title,\n      caption,\n      size = 'sm',\n      onOpenAppointment,\n      onAddAppointment,\n      addLabel,\n      loading = false,\n      emptyTitle,\n      emptyDescription,\n      emptyAction,\n      viewAllLabel,\n      onViewAll,\n      renderItemActions,\n      scrollable = false,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const heading = title ?? t('agendaTray.title', \"Today's appointments\");\n    const resolvedAddLabel = addLabel ?? t('agendaTray.add', 'Add appointment');\n    const isEmpty = !loading && items.length === 0;\n\n    let body: ReactNode;\n    if (loading) {\n      body = (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          {[0, 1, 2].map((i) => (\n            <Skeleton key={i} variant=\"rectangular\" height=\"2.5rem\" />\n          ))}\n        </div>\n      );\n    } else if (isEmpty) {\n      body = (\n        <div className=\"ds:p-[var(--spacing-md)]\">\n          <EmptyState\n            variant=\"first-use\"\n            size=\"sm\"\n            title={emptyTitle ?? t('agendaTray.empty.title', 'No appointments')}\n            description={\n              emptyDescription ??\n              t(\n                'agendaTray.empty.description',\n                'New appointments will appear here.',\n              )\n            }\n            primaryAction={emptyAction}\n          />\n        </div>\n      );\n    } else {\n      body = (\n        <ul\n          className={[\n            // flex-1 unconditionally so a footer pins to the tray's\n            // bottom edge in equal-height grid rows.\n            'ds:flex ds:list-none ds:flex-col ds:flex-1 ds:min-h-0',\n            // Keyboard-focusable when it scrolls (axe\n            // scrollable-region-focusable) — pair with a height on the\n            // tray's className.\n            scrollable ? 'ds:overflow-y-auto' : '',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- scrollable list must be keyboard focusable (axe scrollable-region-focusable)\n          tabIndex={scrollable ? 0 : undefined}\n          aria-label={scrollable ? heading : undefined}\n        >\n          {items.map((item) => (\n            <AgendaCard\n              key={item.id}\n              item={item}\n              size={size}\n              onActivate={onOpenAppointment}\n              actions={renderItemActions?.(item)}\n              data-appointment-id={item.id}\n            />\n          ))}\n        </ul>\n      );\n    }\n\n    /* Curated imperative handle for agent integration. See\n     * agenda-tray.agent.ts. */\n    const itemsRef = useRef<AgendaItem[]>(items);\n    itemsRef.current = items;\n\n    const innerRef = useRef<HTMLElement>(null);\n    useImperativeHandle(ref, () => innerRef.current as HTMLElement, []);\n\n    const handle = useMemo<AgendaTrayHandle>(\n      () => ({\n        getItems: () =>\n          itemsRef.current.map((i) => ({\n            id: i.id,\n            status: i.status ?? 'confirmed',\n          })),\n        selectItem: (targetId: string) => {\n          const found = itemsRef.current.find((i) => i.id === targetId);\n          if (found) onOpenAppointment?.(found);\n        },\n      }),\n      [onOpenAppointment],\n    );\n\n    useAgentRegistration(agendaTrayAgent, handle, id);\n\n    return (\n      <section\n        ref={innerRef}\n        aria-label={heading}\n        data-component=\"agenda-tray\"\n        data-component-id={id}\n        className={agendaTrayVariants({ size, className })}\n        {...rest}\n      >\n        <header className=\"ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-sm)] ds:p-[var(--spacing-sm)]\">\n          <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)] ds:min-w-0\">\n            <h3 className=\"ds:m-0 ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-title-card\">\n              <CalendarDays aria-hidden=\"true\" className=\"ds:size-4\" />\n              {heading}\n            </h3>\n            {caption ? (\n              <span className=\"type-eyebrow ds:text-[color:var(--muted-foreground)]\">\n                {caption}\n              </span>\n            ) : null}\n          </div>\n          {onAddAppointment ? (\n            <IconButton\n              icon={<Plus />}\n              intent=\"outline\"\n              size=\"sm\"\n              aria-label={resolvedAddLabel}\n              onClick={onAddAppointment}\n            />\n          ) : null}\n        </header>\n        {body}\n        {viewAllLabel && onViewAll && !isEmpty && !loading ? (\n          <footer className=\"ds:[border-block-start:var(--border-width-sm)_solid_var(--card-border)] ds:p-[var(--spacing-sm)]\">\n            <button\n              type=\"button\"\n              onClick={onViewAll}\n              className={[\n                'type-label ds:text-[color:var(--link)] ds:underline ds:underline-offset-2 ds:hover:no-underline',\n                'ds:rounded-[var(--radius-sm)] ds:min-h-[var(--min-target-size)] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)]',\n                'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid',\n                'ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n                'ds:forced-colors:focus-visible:outline-[CanvasText]',\n              ].join(' ')}\n            >\n              {viewAllLabel}\n            </button>\n          </footer>\n        ) : null}\n      </section>\n    );\n  },\n);\n\nAgendaTray.displayName = 'AgendaTray';\n"],"names":["agendaTrayAgent","handle","args","agendaTrayVariants","cva","AgendaTray","forwardRef","id","items","title","caption","size","onOpenAppointment","onAddAppointment","addLabel","loading","emptyTitle","emptyDescription","emptyAction","viewAllLabel","onViewAll","renderItemActions","scrollable","className","rest","ref","t","useTranslation","heading","resolvedAddLabel","isEmpty","body","jsx","i","Skeleton","EmptyState","item","AgendaCard","itemsRef","useRef","innerRef","useImperativeHandle","useMemo","targetId","found","useAgentRegistration","jsxs","CalendarDays","IconButton","Plus"],"mappings":"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"}

package/dist/_chunks/{ai-credits-exhausted-notice-DfAgfZDF.js → ai-credits-exhausted-notice-Bg8NpW2K.js}

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import { forwardRef as S, useId as E } from "react";
 import { c as x } from "./index-D2ZczOXr.js";
 import { useTranslation as A } from "react-i18next";
-import { C as P, A as b } from "./alert-DjsJMGRE.js";
+import { C as P, A as b } from "./alert-9kEwDza3.js";
 import { B as U } from "./button-D-MQxsA_.js";
 import { P as _ } from "./progress-D_g_Sl2g.js";
 import { f as j, n as F } from "./intl-locale-FWh-Y5_3.js";
@@ -284,4 +284,4 @@ export {
   an as a,
   $ as i
 };
-//# sourceMappingURL=ai-credits-exhausted-notice-DfAgfZDF.js.map
+//# sourceMappingURL=ai-credits-exhausted-notice-Bg8NpW2K.js.map

package/dist/_chunks/{ai-credits-exhausted-notice-DfAgfZDF.js.map → ai-credits-exhausted-notice-Bg8NpW2K.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ai-credits-exhausted-notice-DfAgfZDF.js","sources":["../../node_modules/lucide-react/dist/esm/icons/headset.mjs","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z\",\n      key: \"12oyoe\"\n    }\n  ],\n  [\"path\", { d: \"M21 16v2a4 4 0 0 1-4 4h-5\", key: \"1x7m43\" }]\n];\nconst Headset = createLucideIcon(\"headset\", __iconNode);\n\nexport { __iconNode, Headset as default };\n//# sourceMappingURL=headset.mjs.map\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowLeft,\n  Astroid,\n  CircleArrowUp,\n  Headset,\n  Hourglass,\n  TrendingUp,\n} from 'lucide-react';\nimport { Alert, type AlertAnnounce } from '../alert';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatLocale, numberLocale } from '../_shared/intl-locale';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice and AiCreditsWarning                         */\n/*                                                                       */\n/* The practice's AI credits, as the platform keeps them: a yearly      */\n/* allowance that comes with the AI credits module and expires at the    */\n/* end of the subscription term, then welcome and bought credits that    */\n/* never expire. The kit never talks to a backend: the host passes what  */\n/* it knows (`AiCreditsInfo`) and the next steps it can offer.           */\n/*                                                                       */\n/*  - `AiCreditsExhaustedNotice`: the out-of-credits state. A promo      */\n/*    Alert with the allowance meter and one clear next step. Promoted   */\n/*    from the help-me-write-templates pattern, which re-exports it.     */\n/*  - `AiCreditsWarning`: the quiet, non-blocking lines: running low     */\n/*    (80% used), credits expiring, or out of credits at rest.           */\n/*                                                                       */\n/* The hover card every AI trigger can carry is `AiCreditsNotice`, in    */\n/* the sibling file.                                                     */\n/* -------------------------------------------------------------------- */\n\n/** Credits that expire soon: the platform's yearly allowance at the end of\n *  the subscription term. Welcome and bought credits never expire. */\nexport interface AiCreditsExpiring {\n  /** How many credits expire. */\n  amount: number;\n  /** When they expire. */\n  date: Date;\n}\n\n/** The practice's AI credits and the next steps the host can offer. All\n *  optional: the kit shows only what it is given. */\nexport interface AiCreditsInfo {\n  /** Credits left. */\n  remaining?: number;\n  /** The allowance `remaining` counts down from, for the meter. */\n  limit?: number;\n  /**\n   * When a new allowance starts: \"renews on\". On the platform, the yearly\n   * allowance at the subscription's renewal. Omit when it will not renew.\n   */\n  renewsOn?: Date;\n  /** @deprecated Use `renewsOn`. Read the same way, as a renewal date. */\n  resetsOn?: Date;\n  /**\n   * Credits that expire soon: \"expire on\". `AiCreditsWarning` shows it as\n   * a quiet line; the out-of-credits notice never does (nothing is left to\n   * expire).\n   */\n  expiring?: AiCreditsExpiring;\n  /**\n   * Shows the running-low line in `AiCreditsWarning`. Default: true when\n   * 80% or more of `limit` is used and some credit is left. A host whose\n   * balance mixes the yearly allowance with welcome or bought credits\n   * passes it itself: 80% of one `limit` does not describe that balance.\n   */\n  runningLow?: boolean;\n  /**\n   * Shows a \"Buy AI credits\" button. Omit while the practice cannot buy\n   * credits (on the platform, without the module and the pack page).\n   */\n  onBuyCredits?: () => void;\n  /**\n   * Shows an \"Enable the AI credits module\" button: the upgrade path for a\n   * practice without the module.\n   */\n  onUpgrade?: () => void;\n  /** Shows a \"Contact support\" button. */\n  onContactSupport?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\n/** Heading levels the notice title accepts. */\nexport type AiCreditsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Share of `limit` used at which credits count as running low. */\nconst RUNNING_LOW_USED = 0.8;\n\n/** Whether `credits` are running low: the host's `runningLow`, else 80% or\n *  more of `limit` used with some credit left. */\nexport function isAiCreditsRunningLow(credits?: AiCreditsInfo): boolean {\n  if (!credits) return false;\n  if (credits.runningLow !== undefined) return credits.runningLow;\n  const { remaining, limit } = credits;\n  if (remaining === undefined || limit === undefined || limit <= 0) {\n    return false;\n  }\n  return remaining > 0 && limit - remaining >= limit * RUNNING_LOW_USED;\n}\n\n/** The renewal date, from `renewsOn` or the older `resetsOn`. */\nfunction renewalDate(credits?: AiCreditsInfo): Date | undefined {\n  return credits?.renewsOn ?? credits?.resetsOn;\n}\n\n/** The kit's number and date formatting for the active UI language.\n *  Credits can be fractional on the platform (0.1 is the minimum cost). */\nfunction useCreditsFormat() {\n  const { i18n } = useTranslation('ui');\n  const locale = formatLocale(i18n.language);\n  const numbers = new Intl.NumberFormat(numberLocale(locale), {\n    maximumFractionDigits: 1,\n  });\n  const dates = new Intl.DateTimeFormat(locale, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  });\n  return {\n    number: (value: number) => numbers.format(value),\n    date: (value: Date) => dates.format(value),\n  };\n}\n\n// The kit's target size (44px, 48px in the accessible themes) on every\n// control, at every width. On a size `md` Button: size `sm` drops its\n// minimum height from 640px up.\nconst TARGET = 'ds:min-h-[var(--min-target-size)]';\n\n// The lead step's label wraps instead of truncating: a long translation\n// (\"Das KI-Guthaben-Modul aktivieren\") never loses words in a narrow\n// panel. The Button's own height and nowrap give way; the target stays.\nconst WRAPPING_LABEL = [\n  TARGET,\n  'ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]',\n  'ds:py-[var(--spacing-xs)]',\n].join(' ');\n\n// The text links: the notice's secondary steps and the quiet line's step.\n// Native buttons at the target size with the kit focus ring. `inherit`\n// takes the promo Alert's own text colour, which holds AA on its gradient\n// (the Button `link` intent's `--primary` does not); `link` is the `--link`\n// token, which holds AA on the card and popover surfaces in every theme,\n// as in AgendaTray's footer link.\nconst textLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]',\n    'type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:text-[color:LinkText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        inherit: 'ds:text-[color:inherit]',\n        link: 'ds:text-[color:var(--link)]',\n      },\n    },\n    defaultVariants: { tone: 'link' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice                                              */\n/* -------------------------------------------------------------------- */\n\nconst noticeRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\n\nexport interface AiCreditsExhaustedNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance and the next steps the host can offer. */\n  credits?: AiCreditsInfo;\n  /** Shows a Back button under the notice. */\n  onBack?: () => void;\n  /** A quiet line under the notice, beside Back: what the user keeps. */\n  footnote?: ReactNode;\n  /** Heading level of the title. Default 2. */\n  headingLevel?: AiCreditsHeadingLevel;\n  /**\n   * How the notice is announced when it appears. Default: the promo\n   * Alert's polite status. Pass `'off'` when the host announces it.\n   */\n  announce?: AlertAnnounce;\n}\n\n/**\n * The out-of-credits state: what happened, the allowance, and the next\n * step. The first of buy, enable the module and contact support the host\n * passes is the main button; any others follow as links. With none, it\n * says when AI comes back, or plainly that it is unavailable and how to\n * get help: never a dead end.\n */\nexport const AiCreditsExhaustedNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsExhaustedNoticeProps\n>(\n  (\n    {\n      credits,\n      onBack,\n      footnote,\n      headingLevel = 2,\n      announce,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const format = useCreditsFormat();\n    const titleId = useId();\n    const limit = credits?.limit;\n    const remaining = credits?.remaining ?? 0;\n    // A limit of 0 (a host still loading) would divide by zero in the meter.\n    const remainingText =\n      limit !== undefined && limit > 0\n        ? t('aiCredits.remaining', {\n            remaining: format.number(remaining),\n            limit: format.number(limit),\n          })\n        : undefined;\n    const renews = renewalDate(credits);\n    const renewsText = renews ? format.date(renews) : undefined;\n\n    // The first next step the host offers leads; the rest follow as links.\n    const steps = [\n      credits?.onBuyCredits\n        ? {\n            key: 'buy',\n            label: t('aiCredits.buy'),\n            icon: <TrendingUp aria-hidden=\"true\" />,\n            onClick: credits.onBuyCredits,\n          }\n        : null,\n      credits?.onUpgrade\n        ? {\n            key: 'upgrade',\n            label: t('aiCredits.upgrade'),\n            icon: <CircleArrowUp aria-hidden=\"true\" />,\n            onClick: credits.onUpgrade,\n          }\n        : null,\n      credits?.onContactSupport\n        ? {\n            key: 'support',\n            label: t('aiCredits.contactSupport'),\n            icon: <Headset aria-hidden=\"true\" />,\n            onClick: credits.onContactSupport,\n          }\n        : null,\n    ].filter((step) => step !== null);\n    const lead = steps[0]?.key;\n\n    // The body names the lead step. Without one, it says when AI comes\n    // back, or that it is unavailable and how to get help.\n    const body =\n      lead === 'buy'\n        ? t('aiCredits.bodyBuy')\n        : lead === 'upgrade'\n          ? t('aiCredits.bodyUpgrade')\n          : lead === 'support'\n            ? t('aiCredits.bodySupport')\n            : renewsText\n              ? t('aiCredits.bodyRenews', { date: renewsText })\n              : t('aiCredits.bodyNone');\n    // With a next step, the renewal date is a line of its own.\n    const renewsLine = lead && renewsText ? renewsText : undefined;\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        // After `rest`: the marker always wins over a caller's attribute.\n        data-component=\"ai-credits-exhausted-notice\"\n        // Named by its title, so a host that moves focus here (the\n        // VoiceControlPanel does) has it read from the title.\n        role=\"group\"\n        aria-labelledby={titleId}\n        className={noticeRootVariants({ className })}\n      >\n        <Alert\n          variant=\"promo\"\n          announce={announce}\n          icon={<Astroid aria-hidden=\"true\" />}\n          // The focus ring takes the promo text colour, which holds 3:1 on\n          // the promo tint in every theme (`--ring` does not on dark).\n          className=\"ds:[--ring:var(--promo-foreground)]\"\n        >\n          <Alert.Title as={`h${headingLevel}` as const} id={titleId}>\n            {t('aiCredits.title')}\n          </Alert.Title>\n          <Alert.Description>{body}</Alert.Description>\n          {renewsLine ? (\n            <p\n              className=\"ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm\"\n              data-credits-renews=\"\"\n            >\n              {t('aiCredits.renewsOn', { date: renewsLine })}\n            </p>\n          ) : null}\n          {remainingText && limit !== undefined ? (\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\">{t('aiCredits.meterLabel')}</span>\n                <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                  {remainingText}\n                </span>\n              </div>\n              <Progress\n                value={Math.max(0, limit - remaining)}\n                max={limit}\n                size=\"sm\"\n                ariaLabel={t('aiCredits.meterLabel')}\n                ariaValueText={remainingText}\n              />\n            </div>\n          ) : null}\n          {steps.length > 0 || credits?.onSeeCosts ? (\n            <Alert.Action>\n              {steps.map((step, index) =>\n                index === 0 ? (\n                  <Button\n                    key={step.key}\n                    intent=\"tonal\"\n                    size=\"md\"\n                    startIcon={step.icon}\n                    onClick={step.onClick}\n                    className={WRAPPING_LABEL}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </Button>\n                ) : (\n                  <button\n                    key={step.key}\n                    type=\"button\"\n                    onClick={step.onClick}\n                    className={textLinkVariants({ tone: 'inherit' })}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </button>\n                ),\n              )}\n              {credits?.onSeeCosts ? (\n                <button\n                  type=\"button\"\n                  onClick={credits.onSeeCosts}\n                  className={textLinkVariants({ tone: 'inherit' })}\n                  data-credits-action=\"costs\"\n                >\n                  {t('aiCredits.seeCosts')}\n                </button>\n              ) : null}\n            </Alert.Action>\n          ) : null}\n        </Alert>\n        {onBack || footnote ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {onBack ? (\n              <Button\n                intent=\"ghost\"\n                startIcon={<ArrowLeft />}\n                flipIconInRtl\n                onClick={onBack}\n                className={TARGET}\n              >\n                {t('aiCredits.back')}\n              </Button>\n            ) : null}\n            {footnote ? <p className={metaClass}>{footnote}</p> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAiCreditsExhaustedNotice.displayName = 'AiCreditsExhaustedNotice';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsWarning                                                      */\n/* -------------------------------------------------------------------- */\n\nconst warningLineVariants = cva(\n  'ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm',\n  {\n    variants: {\n      // Quiet: muted text and no tint, so it never competes with the\n      // promo notice. Out of credits reads in the body colour.\n      emphasis: {\n        quiet: 'ds:text-[color:var(--muted-foreground)]',\n        plain: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { emphasis: 'quiet' },\n  },\n);\n\nconst warningRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n);\n\nconst warningIconClass = 'ds:size-4 ds:shrink-0';\n\nexport interface AiCreditsWarningProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance, the expiring credits and the next steps. */\n  credits?: AiCreditsInfo;\n  /**\n   * Out of credits: one quiet line saying so, instead of the running-low\n   * and expiring lines. The full notice is `AiCreditsExhaustedNotice`.\n   */\n  exhausted?: boolean;\n}\n\n/**\n * The quiet, non-blocking credit lines: running low (with the buy or\n * upgrade step as a link) and credits expiring, or out of credits at rest.\n * Renders nothing when none applies.\n */\nexport const AiCreditsWarning = forwardRef<\n  HTMLDivElement,\n  AiCreditsWarningProps\n>(({ credits, exhausted = false, className, ...rest }, ref) => {\n  const { t } = useTranslation('ui');\n  const format = useCreditsFormat();\n  const low = !exhausted && isAiCreditsRunningLow(credits);\n  // Rounded as it is shown, so the plural matches the figure (\"1 AI\n  // credit\", never \"1 AI credits\" for 0.96).\n  const expiringAmount = credits?.expiring\n    ? Math.round(credits.expiring.amount * 10) / 10\n    : 0;\n  const expiring =\n    !exhausted && credits?.expiring && expiringAmount > 0\n      ? credits.expiring\n      : undefined;\n  if (!exhausted && !low && !expiring) return null;\n\n  const { remaining, limit } = credits ?? {};\n  const lowText =\n    remaining !== undefined && limit !== undefined && limit > 0\n      ? t('aiCredits.runningLow', {\n          remaining: format.number(remaining),\n          limit: format.number(limit),\n        })\n      : remaining !== undefined\n        ? t('aiCredits.runningLowCount', {\n            remaining: format.number(remaining),\n          })\n        : t('aiCredits.runningLowPlain');\n  // Before the wall, the way to more credits: buy, else enable the module.\n  const step = credits?.onBuyCredits\n    ? { label: t('aiCredits.buy'), onClick: credits.onBuyCredits }\n    : credits?.onUpgrade\n      ? { label: t('aiCredits.upgrade'), onClick: credits.onUpgrade }\n      : undefined;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-component=\"ai-credits-warning\"\n      className={warningRootVariants({ className })}\n    >\n      {exhausted ? (\n        <p\n          className={warningLineVariants({ emphasis: 'plain' })}\n          data-credits-line=\"exhausted\"\n        >\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{t('aiCredits.title')}</span>\n        </p>\n      ) : null}\n      {low ? (\n        <p className={warningLineVariants()} data-credits-line=\"low\">\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{lowText}</span>\n          {step ? (\n            <button\n              type=\"button\"\n              onClick={step.onClick}\n              className={textLinkVariants({ tone: 'link' })}\n            >\n              {step.label}\n            </button>\n          ) : null}\n        </p>\n      ) : null}\n      {expiring ? (\n        <p className={warningLineVariants()} data-credits-line=\"expiring\">\n          <Hourglass aria-hidden=\"true\" className={warningIconClass} />\n          <span>\n            {t('aiCredits.expiring', {\n              count: expiringAmount,\n              amount: format.number(expiringAmount),\n              date: format.date(expiring.date),\n            })}\n          </span>\n        </p>\n      ) : null}\n    </div>\n  );\n});\nAiCreditsWarning.displayName = 'AiCreditsWarning';\n"],"names":["__iconNode","Headset","createLucideIcon","RUNNING_LOW_USED","isAiCreditsRunningLow","credits","remaining","limit","renewalDate","useCreditsFormat","i18n","useTranslation","locale","formatLocale","numbers","numberLocale","dates","value","TARGET","WRAPPING_LABEL","textLinkVariants","cva","noticeRootVariants","metaClass","AiCreditsExhaustedNotice","forwardRef","onBack","footnote","headingLevel","announce","className","rest","ref","t","format","titleId","useId","remainingText","renews","renewsText","steps","jsx","TrendingUp","CircleArrowUp","step","lead","_a","body","renewsLine","jsxs","Alert","Astroid","Progress","index","Button","ArrowLeft","warningLineVariants","warningRootVariants","warningIconClass","AiCreditsWarning","exhausted","low","expiringAmount","expiring","lowText","Hourglass"],"mappings":";;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa;AAAA,EACjB;AAAA,IACE;AAAA,IACA;AAAA,MACE,GAAG;AAAA,MACH,KAAK;AAAA,IACX;AAAA,EACA;AAAA,EACE,CAAC,QAAQ,EAAE,GAAG,6BAA6B,KAAK,SAAQ,CAAE;AAC5D,GACMC,IAAUC,EAAiB,WAAWF,CAAU,GCwEhDG,IAAmB;AAIlB,SAASC,EAAsBC,GAAkC;AACtE,MAAI,CAACA,EAAS,QAAO;AACrB,MAAIA,EAAQ,eAAe,OAAW,QAAOA,EAAQ;AACrD,QAAM,EAAE,WAAAC,GAAW,OAAAC,EAAA,IAAUF;AAC7B,SAAIC,MAAc,UAAaC,MAAU,UAAaA,KAAS,IACtD,KAEFD,IAAY,KAAKC,IAAQD,KAAaC,IAAQJ;AACvD;AAGA,SAASK,EAAYH,GAA2C;AAC9D,UAAOA,KAAA,gBAAAA,EAAS,cAAYA,KAAA,gBAAAA,EAAS;AACvC;AAIA,SAASI,IAAmB;AAC1B,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAe,IAAI,GAC9BC,IAASC,EAAaH,EAAK,QAAQ,GACnCI,IAAU,IAAI,KAAK,aAAaC,EAAaH,CAAM,GAAG;AAAA,IAC1D,uBAAuB;AAAA,EAAA,CACxB,GACKI,IAAQ,IAAI,KAAK,eAAeJ,GAAQ;AAAA,IAC5C,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,CACP;AACD,SAAO;AAAA,IACL,QAAQ,CAACK,MAAkBH,EAAQ,OAAOG,CAAK;AAAA,IAC/C,MAAM,CAACA,MAAgBD,EAAM,OAAOC,CAAK;AAAA,EAAA;AAE7C;AAKA,MAAMC,IAAS,qCAKTC,IAAiB;AAAA,EACrBD;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG,GAQJE,IAAmBC;AAAA,EACvB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB,EAAE,MAAM,OAAA;AAAA,EAAO;AAEpC,GAMMC,IAAqBD;AAAA,EACzB;AACF,GAEME,IACJ,uFA4BWC,IAA2BC;AAAA,EAItC,CACE;AAAA,IACE,SAAApB;AAAA,IACA,QAAAqB;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;;AACH,UAAM,EAAE,GAAAC,EAAA,IAAMtB,EAAe,IAAI,GAC3BuB,IAASzB,EAAA,GACT0B,IAAUC,EAAA,GACV7B,IAAQF,KAAA,gBAAAA,EAAS,OACjBC,KAAYD,KAAA,gBAAAA,EAAS,cAAa,GAElCgC,IACJ9B,MAAU,UAAaA,IAAQ,IAC3B0B,EAAE,uBAAuB;AAAA,MACvB,WAAWC,EAAO,OAAO5B,CAAS;AAAA,MAClC,OAAO4B,EAAO,OAAO3B,CAAK;AAAA,IAAA,CAC3B,IACD,QACA+B,IAAS9B,EAAYH,CAAO,GAC5BkC,IAAaD,IAASJ,EAAO,KAAKI,CAAM,IAAI,QAG5CE,IAAQ;AAAA,MACZnC,KAAA,QAAAA,EAAS,eACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,eAAe;AAAA,QACxB,MAAM,gBAAAQ,EAACC,GAAA,EAAW,eAAY,OAAA,CAAO;AAAA,QACrC,SAASrC,EAAQ;AAAA,MAAA,IAEnB;AAAA,MACJA,KAAA,QAAAA,EAAS,YACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,mBAAmB;AAAA,QAC5B,MAAM,gBAAAQ,EAACE,GAAA,EAAc,eAAY,OAAA,CAAO;AAAA,QACxC,SAAStC,EAAQ;AAAA,MAAA,IAEnB;AAAA,MACJA,KAAA,QAAAA,EAAS,mBACL;AAAA,QACE,KAAK;AAAA,QACL,OAAO4B,EAAE,0BAA0B;AAAA,QACnC,MAAM,gBAAAQ,EAACxC,GAAA,EAAQ,eAAY,OAAA,CAAO;AAAA,QAClC,SAASI,EAAQ;AAAA,MAAA,IAEnB;AAAA,IAAA,EACJ,OAAO,CAACuC,MAASA,MAAS,IAAI,GAC1BC,KAAOC,IAAAN,EAAM,CAAC,MAAP,gBAAAM,EAAU,KAIjBC,IACJF,MAAS,QACLZ,EAAE,mBAAmB,IACrBY,MAAS,YACPZ,EAAE,uBAAuB,IACzBY,MAAS,YACPZ,EAAE,uBAAuB,IACzBM,IACEN,EAAE,wBAAwB,EAAE,MAAMM,EAAA,CAAY,IAC9CN,EAAE,oBAAoB,GAE5Be,IAAaH,KAAQN,IAAaA,IAAa;AAErD,WACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAGlB;AAAA,QACJ,KAAAC;AAAA,QAEA,kBAAe;AAAA,QAGf,MAAK;AAAA,QACL,mBAAiBG;AAAA,QACjB,WAAWb,EAAmB,EAAE,WAAAQ,GAAW;AAAA,QAE3C,UAAA;AAAA,UAAA,gBAAAmB;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,UAAArB;AAAA,cACA,MAAM,gBAAAY,EAACU,GAAA,EAAQ,eAAY,OAAA,CAAO;AAAA,cAGlC,WAAU;AAAA,cAEV,UAAA;AAAA,gBAAA,gBAAAV,EAACS,EAAM,OAAN,EAAY,IAAI,IAAItB,CAAY,IAAa,IAAIO,GAC/C,UAAAF,EAAE,iBAAiB,EAAA,CACtB;AAAA,gBACA,gBAAAQ,EAACS,EAAM,aAAN,EAAmB,UAAAH,EAAA,CAAK;AAAA,gBACxBC,IACC,gBAAAP;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,WAAU;AAAA,oBACV,uBAAoB;AAAA,oBAEnB,UAAAR,EAAE,sBAAsB,EAAE,MAAMe,GAAY;AAAA,kBAAA;AAAA,gBAAA,IAE7C;AAAA,gBACHX,KAAiB9B,MAAU,SAC1B,gBAAA0C,EAAC,OAAA,EAAI,WAAU,6FACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sDACb,UAAA;AAAA,oBAAA,gBAAAR,EAAC,QAAA,EAAK,WAAU,cAAc,UAAAR,EAAE,sBAAsB,GAAE;AAAA,oBACxD,gBAAAQ,EAAC,QAAA,EAAK,WAAU,yCACb,UAAAJ,EAAA,CACH;AAAA,kBAAA,GACF;AAAA,kBACA,gBAAAI;AAAA,oBAACW;AAAA,oBAAA;AAAA,sBACC,OAAO,KAAK,IAAI,GAAG7C,IAAQD,CAAS;AAAA,sBACpC,KAAKC;AAAA,sBACL,MAAK;AAAA,sBACL,WAAW0B,EAAE,sBAAsB;AAAA,sBACnC,eAAeI;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACjB,EAAA,CACF,IACE;AAAA,gBACHG,EAAM,SAAS,KAAKnC,KAAA,QAAAA,EAAS,aAC5B,gBAAA4C,EAACC,EAAM,QAAN,EACE,UAAA;AAAA,kBAAAV,EAAM;AAAA,oBAAI,CAACI,GAAMS,MAChBA,MAAU,IACR,gBAAAZ;AAAA,sBAACa;AAAA,sBAAA;AAAA,wBAEC,QAAO;AAAA,wBACP,MAAK;AAAA,wBACL,WAAWV,EAAK;AAAA,wBAChB,SAASA,EAAK;AAAA,wBACd,WAAWzB;AAAA,wBACX,uBAAqByB,EAAK;AAAA,wBAEzB,UAAAA,EAAK;AAAA,sBAAA;AAAA,sBARDA,EAAK;AAAA,oBAAA,IAWZ,gBAAAH;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBAEC,MAAK;AAAA,wBACL,SAASG,EAAK;AAAA,wBACd,WAAWxB,EAAiB,EAAE,MAAM,WAAW;AAAA,wBAC/C,uBAAqBwB,EAAK;AAAA,wBAEzB,UAAAA,EAAK;AAAA,sBAAA;AAAA,sBANDA,EAAK;AAAA,oBAAA;AAAA,kBAOZ;AAAA,kBAGHvC,KAAA,QAAAA,EAAS,aACR,gBAAAoC;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,MAAK;AAAA,sBACL,SAASpC,EAAQ;AAAA,sBACjB,WAAWe,EAAiB,EAAE,MAAM,WAAW;AAAA,sBAC/C,uBAAoB;AAAA,sBAEnB,YAAE,oBAAoB;AAAA,oBAAA;AAAA,kBAAA,IAEvB;AAAA,gBAAA,EAAA,CACN,IACE;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,UAELM,KAAUC,IACT,gBAAAsB,EAAC,OAAA,EAAI,WAAU,mEACZ,UAAA;AAAA,YAAAvB,IACC,gBAAAe;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,QAAO;AAAA,gBACP,6BAAYC,GAAA,EAAU;AAAA,gBACtB,eAAa;AAAA,gBACb,SAAS7B;AAAA,gBACT,WAAWR;AAAA,gBAEV,YAAE,gBAAgB;AAAA,cAAA;AAAA,YAAA,IAEnB;AAAA,YACHS,IAAW,gBAAAc,EAAC,KAAA,EAAE,WAAWlB,GAAY,aAAS,IAAO;AAAA,UAAA,EAAA,CACxD,IACE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAC,EAAyB,cAAc;AAMvC,MAAMgC,IAAsBnC;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA;AAAA;AAAA,MAGR,UAAU;AAAA,QACR,OAAO;AAAA,QACP,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,EAAE,UAAU,QAAA;AAAA,EAAQ;AAEzC,GAEMoC,KAAsBpC;AAAA,EAC1B;AACF,GAEMqC,IAAmB,yBAoBZC,KAAmBlC,EAG9B,CAAC,EAAE,SAAApB,GAAS,WAAAuD,IAAY,IAAO,WAAA9B,GAAW,GAAGC,EAAA,GAAQC,MAAQ;AAC7D,QAAM,EAAE,GAAAC,EAAA,IAAMtB,EAAe,IAAI,GAC3BuB,IAASzB,EAAA,GACToD,IAAM,CAACD,KAAaxD,EAAsBC,CAAO,GAGjDyD,IAAiBzD,KAAA,QAAAA,EAAS,WAC5B,KAAK,MAAMA,EAAQ,SAAS,SAAS,EAAE,IAAI,KAC3C,GACE0D,IACJ,CAACH,MAAavD,KAAA,QAAAA,EAAS,aAAYyD,IAAiB,IAChDzD,EAAQ,WACR;AACN,MAAI,CAACuD,KAAa,CAACC,KAAO,CAACE,EAAU,QAAO;AAE5C,QAAM,EAAE,WAAAzD,GAAW,OAAAC,EAAA,IAAUF,KAAW,CAAA,GAClC2D,IACJ1D,MAAc,UAAaC,MAAU,UAAaA,IAAQ,IACtD0B,EAAE,wBAAwB;AAAA,IACxB,WAAWC,EAAO,OAAO5B,CAAS;AAAA,IAClC,OAAO4B,EAAO,OAAO3B,CAAK;AAAA,EAAA,CAC3B,IACDD,MAAc,SACZ2B,EAAE,6BAA6B;AAAA,IAC7B,WAAWC,EAAO,OAAO5B,CAAS;AAAA,EAAA,CACnC,IACD2B,EAAE,2BAA2B,GAE/BW,IAAOvC,KAAA,QAAAA,EAAS,eAClB,EAAE,OAAO4B,EAAE,eAAe,GAAG,SAAS5B,EAAQ,aAAA,IAC9CA,KAAA,QAAAA,EAAS,YACP,EAAE,OAAO4B,EAAE,mBAAmB,GAAG,SAAS5B,EAAQ,UAAA,IAClD;AAEN,SACE,gBAAA4C;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACJ,KAAAC;AAAA,MACA,kBAAe;AAAA,MACf,WAAWyB,GAAoB,EAAE,WAAA3B,GAAW;AAAA,MAE3C,UAAA;AAAA,QAAA8B,IACC,gBAAAX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWO,EAAoB,EAAE,UAAU,SAAS;AAAA,YACpD,qBAAkB;AAAA,YAElB,UAAA;AAAA,cAAA,gBAAAf,EAACU,GAAA,EAAQ,eAAY,QAAO,WAAWO,GAAkB;AAAA,cACzD,gBAAAjB,EAAC,QAAA,EAAM,UAAAR,EAAE,iBAAiB,EAAA,CAAE;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,IAE5B;AAAA,QACH4B,IACC,gBAAAZ,EAAC,KAAA,EAAE,WAAWO,KAAuB,qBAAkB,OACrD,UAAA;AAAA,UAAA,gBAAAf,EAACU,GAAA,EAAQ,eAAY,QAAO,WAAWO,GAAkB;AAAA,UACzD,gBAAAjB,EAAC,UAAM,UAAAuB,EAAA,CAAQ;AAAA,UACdpB,IACC,gBAAAH;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,SAASG,EAAK;AAAA,cACd,WAAWxB,EAAiB,EAAE,MAAM,QAAQ;AAAA,cAE3C,UAAAwB,EAAK;AAAA,YAAA;AAAA,UAAA,IAEN;AAAA,QAAA,EAAA,CACN,IACE;AAAA,QACHmB,IACC,gBAAAd,EAAC,KAAA,EAAE,WAAWO,KAAuB,qBAAkB,YACrD,UAAA;AAAA,UAAA,gBAAAf,EAACwB,GAAA,EAAU,eAAY,QAAO,WAAWP,GAAkB;AAAA,UAC3D,gBAAAjB,EAAC,QAAA,EACE,UAAAR,EAAE,sBAAsB;AAAA,YACvB,OAAO6B;AAAA,YACP,QAAQ5B,EAAO,OAAO4B,CAAc;AAAA,YACpC,MAAM5B,EAAO,KAAK6B,EAAS,IAAI;AAAA,UAAA,CAChC,EAAA,CACH;AAAA,QAAA,EAAA,CACF,IACE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACDJ,GAAiB,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"ai-credits-exhausted-notice-Bg8NpW2K.js","sources":["../../node_modules/lucide-react/dist/esm/icons/headset.mjs","../../src/components/ai-credits-notice/ai-credits-exhausted-notice.tsx"],"sourcesContent":["/**\n * @license lucide-react v1.22.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z\",\n      key: \"12oyoe\"\n    }\n  ],\n  [\"path\", { d: \"M21 16v2a4 4 0 0 1-4 4h-5\", key: \"1x7m43\" }]\n];\nconst Headset = createLucideIcon(\"headset\", __iconNode);\n\nexport { __iconNode, Headset as default };\n//# sourceMappingURL=headset.mjs.map\n","import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport {\n  ArrowLeft,\n  Astroid,\n  CircleArrowUp,\n  Headset,\n  Hourglass,\n  TrendingUp,\n} from 'lucide-react';\nimport { Alert, type AlertAnnounce } from '../alert';\nimport { Button } from '../button';\nimport { Progress } from '../progress';\nimport { formatLocale, numberLocale } from '../_shared/intl-locale';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice and AiCreditsWarning                         */\n/*                                                                       */\n/* The practice's AI credits, as the platform keeps them: a yearly      */\n/* allowance that comes with the AI credits module and expires at the    */\n/* end of the subscription term, then welcome and bought credits that    */\n/* never expire. The kit never talks to a backend: the host passes what  */\n/* it knows (`AiCreditsInfo`) and the next steps it can offer.           */\n/*                                                                       */\n/*  - `AiCreditsExhaustedNotice`: the out-of-credits state. A promo      */\n/*    Alert with the allowance meter and one clear next step. Promoted   */\n/*    from the help-me-write-templates pattern, which re-exports it.     */\n/*  - `AiCreditsWarning`: the quiet, non-blocking lines: running low     */\n/*    (80% used), credits expiring, or out of credits at rest.           */\n/*                                                                       */\n/* The hover card every AI trigger can carry is `AiCreditsNotice`, in    */\n/* the sibling file.                                                     */\n/* -------------------------------------------------------------------- */\n\n/** Credits that expire soon: the platform's yearly allowance at the end of\n *  the subscription term. Welcome and bought credits never expire. */\nexport interface AiCreditsExpiring {\n  /** How many credits expire. */\n  amount: number;\n  /** When they expire. */\n  date: Date;\n}\n\n/** The practice's AI credits and the next steps the host can offer. All\n *  optional: the kit shows only what it is given. */\nexport interface AiCreditsInfo {\n  /** Credits left. */\n  remaining?: number;\n  /** The allowance `remaining` counts down from, for the meter. */\n  limit?: number;\n  /**\n   * When a new allowance starts: \"renews on\". On the platform, the yearly\n   * allowance at the subscription's renewal. Omit when it will not renew.\n   */\n  renewsOn?: Date;\n  /** @deprecated Use `renewsOn`. Read the same way, as a renewal date. */\n  resetsOn?: Date;\n  /**\n   * Credits that expire soon: \"expire on\". `AiCreditsWarning` shows it as\n   * a quiet line; the out-of-credits notice never does (nothing is left to\n   * expire).\n   */\n  expiring?: AiCreditsExpiring;\n  /**\n   * Shows the running-low line in `AiCreditsWarning`. Default: true when\n   * 80% or more of `limit` is used and some credit is left. A host whose\n   * balance mixes the yearly allowance with welcome or bought credits\n   * passes it itself: 80% of one `limit` does not describe that balance.\n   */\n  runningLow?: boolean;\n  /**\n   * Shows a \"Buy AI credits\" button. Omit while the practice cannot buy\n   * credits (on the platform, without the module and the pack page).\n   */\n  onBuyCredits?: () => void;\n  /**\n   * Shows an \"Enable the AI credits module\" button: the upgrade path for a\n   * practice without the module.\n   */\n  onUpgrade?: () => void;\n  /** Shows a \"Contact support\" button. */\n  onContactSupport?: () => void;\n  /** Shows a \"See what each action costs\" link. */\n  onSeeCosts?: () => void;\n}\n\n/** Heading levels the notice title accepts. */\nexport type AiCreditsHeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/** Share of `limit` used at which credits count as running low. */\nconst RUNNING_LOW_USED = 0.8;\n\n/** Whether `credits` are running low: the host's `runningLow`, else 80% or\n *  more of `limit` used with some credit left. */\nexport function isAiCreditsRunningLow(credits?: AiCreditsInfo): boolean {\n  if (!credits) return false;\n  if (credits.runningLow !== undefined) return credits.runningLow;\n  const { remaining, limit } = credits;\n  if (remaining === undefined || limit === undefined || limit <= 0) {\n    return false;\n  }\n  return remaining > 0 && limit - remaining >= limit * RUNNING_LOW_USED;\n}\n\n/** The renewal date, from `renewsOn` or the older `resetsOn`. */\nfunction renewalDate(credits?: AiCreditsInfo): Date | undefined {\n  return credits?.renewsOn ?? credits?.resetsOn;\n}\n\n/** The kit's number and date formatting for the active UI language.\n *  Credits can be fractional on the platform (0.1 is the minimum cost). */\nfunction useCreditsFormat() {\n  const { i18n } = useTranslation('ui');\n  const locale = formatLocale(i18n.language);\n  const numbers = new Intl.NumberFormat(numberLocale(locale), {\n    maximumFractionDigits: 1,\n  });\n  const dates = new Intl.DateTimeFormat(locale, {\n    day: 'numeric',\n    month: 'long',\n    year: 'numeric',\n  });\n  return {\n    number: (value: number) => numbers.format(value),\n    date: (value: Date) => dates.format(value),\n  };\n}\n\n// The kit's target size (44px, 48px in the accessible themes) on every\n// control, at every width. On a size `md` Button: size `sm` drops its\n// minimum height from 640px up.\nconst TARGET = 'ds:min-h-[var(--min-target-size)]';\n\n// The lead step's label wraps instead of truncating: a long translation\n// (\"Das KI-Guthaben-Modul aktivieren\") never loses words in a narrow\n// panel. The Button's own height and nowrap give way; the target stays.\nconst WRAPPING_LABEL = [\n  TARGET,\n  'ds:!h-auto ds:!whitespace-normal ds:text-start ds:[overflow-wrap:anywhere]',\n  'ds:py-[var(--spacing-xs)]',\n].join(' ');\n\n// The text links: the notice's secondary steps and the quiet line's step.\n// Native buttons at the target size with the kit focus ring. `inherit`\n// takes the promo Alert's own text colour, which holds AA on its gradient\n// (the Button `link` intent's `--primary` does not); `link` is the `--link`\n// token, which holds AA on the card and popover surfaces in every theme,\n// as in AgendaTray's footer link.\nconst textLinkVariants = cva(\n  [\n    'ds:inline-flex ds:items-center ds:min-h-[var(--min-target-size)]',\n    'ds:rounded-[var(--radius-sm)] ds:ps-[var(--spacing-2xs)] ds:pe-[var(--spacing-2xs)]',\n    'type-body-sm ds:font-medium ds:underline ds:underline-offset-2 ds:hover:no-underline ds:cursor-pointer',\n    'ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]',\n    'ds:forced-colors:text-[color:LinkText]',\n  ].join(' '),\n  {\n    variants: {\n      tone: {\n        inherit: 'ds:text-[color:inherit]',\n        link: 'ds:text-[color:var(--link)]',\n      },\n    },\n    defaultVariants: { tone: 'link' },\n  },\n);\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsExhaustedNotice                                              */\n/* -------------------------------------------------------------------- */\n\nconst noticeRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-sm)]',\n);\n\nconst metaClass =\n  'ds:m-0 ds:text-[length:var(--font-size-sm)] ds:text-[color:var(--muted-foreground)]';\n\nexport interface AiCreditsExhaustedNoticeProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance and the next steps the host can offer. */\n  credits?: AiCreditsInfo;\n  /** Shows a Back button under the notice. */\n  onBack?: () => void;\n  /** A quiet line under the notice, beside Back: what the user keeps. */\n  footnote?: ReactNode;\n  /** Heading level of the title. Default 2. */\n  headingLevel?: AiCreditsHeadingLevel;\n  /**\n   * How the notice is announced when it appears. Default: the promo\n   * Alert's polite status. Pass `'off'` when the host announces it.\n   */\n  announce?: AlertAnnounce;\n}\n\n/**\n * The out-of-credits state: what happened, the allowance, and the next\n * step. The first of buy, enable the module and contact support the host\n * passes is the main button; any others follow as links. With none, it\n * says when AI comes back, or plainly that it is unavailable and how to\n * get help: never a dead end.\n */\nexport const AiCreditsExhaustedNotice = forwardRef<\n  HTMLDivElement,\n  AiCreditsExhaustedNoticeProps\n>(\n  (\n    {\n      credits,\n      onBack,\n      footnote,\n      headingLevel = 2,\n      announce,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const format = useCreditsFormat();\n    const titleId = useId();\n    const limit = credits?.limit;\n    const remaining = credits?.remaining ?? 0;\n    // A limit of 0 (a host still loading) would divide by zero in the meter.\n    const remainingText =\n      limit !== undefined && limit > 0\n        ? t('aiCredits.remaining', {\n            remaining: format.number(remaining),\n            limit: format.number(limit),\n          })\n        : undefined;\n    const renews = renewalDate(credits);\n    const renewsText = renews ? format.date(renews) : undefined;\n\n    // The first next step the host offers leads; the rest follow as links.\n    const steps = [\n      credits?.onBuyCredits\n        ? {\n            key: 'buy',\n            label: t('aiCredits.buy'),\n            icon: <TrendingUp aria-hidden=\"true\" />,\n            onClick: credits.onBuyCredits,\n          }\n        : null,\n      credits?.onUpgrade\n        ? {\n            key: 'upgrade',\n            label: t('aiCredits.upgrade'),\n            icon: <CircleArrowUp aria-hidden=\"true\" />,\n            onClick: credits.onUpgrade,\n          }\n        : null,\n      credits?.onContactSupport\n        ? {\n            key: 'support',\n            label: t('aiCredits.contactSupport'),\n            icon: <Headset aria-hidden=\"true\" />,\n            onClick: credits.onContactSupport,\n          }\n        : null,\n    ].filter((step) => step !== null);\n    const lead = steps[0]?.key;\n\n    // The body names the lead step. Without one, it says when AI comes\n    // back, or that it is unavailable and how to get help.\n    const body =\n      lead === 'buy'\n        ? t('aiCredits.bodyBuy')\n        : lead === 'upgrade'\n          ? t('aiCredits.bodyUpgrade')\n          : lead === 'support'\n            ? t('aiCredits.bodySupport')\n            : renewsText\n              ? t('aiCredits.bodyRenews', { date: renewsText })\n              : t('aiCredits.bodyNone');\n    // With a next step, the renewal date is a line of its own.\n    const renewsLine = lead && renewsText ? renewsText : undefined;\n\n    return (\n      <div\n        {...rest}\n        ref={ref}\n        // After `rest`: the marker always wins over a caller's attribute.\n        data-component=\"ai-credits-exhausted-notice\"\n        // Named by its title, so a host that moves focus here (the\n        // VoiceControlPanel does) has it read from the title.\n        role=\"group\"\n        aria-labelledby={titleId}\n        className={noticeRootVariants({ className })}\n      >\n        <Alert\n          variant=\"promo\"\n          announce={announce}\n          icon={<Astroid aria-hidden=\"true\" />}\n          // The focus ring takes the promo text colour, which holds 3:1 on\n          // the promo tint in every theme (`--ring` does not on dark).\n          className=\"ds:[--ring:var(--promo-foreground)]\"\n        >\n          <Alert.Title as={`h${headingLevel}` as const} id={titleId}>\n            {t('aiCredits.title')}\n          </Alert.Title>\n          <Alert.Description>{body}</Alert.Description>\n          {renewsLine ? (\n            <p\n              className=\"ds:m-0 ds:[margin-block-start:var(--spacing-2xs)] type-body-sm\"\n              data-credits-renews=\"\"\n            >\n              {t('aiCredits.renewsOn', { date: renewsLine })}\n            </p>\n          ) : null}\n          {remainingText && limit !== undefined ? (\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\">{t('aiCredits.meterLabel')}</span>\n                <span className=\"type-label ds:ms-auto ds:tabular-nums\">\n                  {remainingText}\n                </span>\n              </div>\n              <Progress\n                value={Math.max(0, limit - remaining)}\n                max={limit}\n                size=\"sm\"\n                ariaLabel={t('aiCredits.meterLabel')}\n                ariaValueText={remainingText}\n              />\n            </div>\n          ) : null}\n          {steps.length > 0 || credits?.onSeeCosts ? (\n            <Alert.Action>\n              {steps.map((step, index) =>\n                index === 0 ? (\n                  <Button\n                    key={step.key}\n                    intent=\"tonal\"\n                    size=\"md\"\n                    startIcon={step.icon}\n                    onClick={step.onClick}\n                    className={WRAPPING_LABEL}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </Button>\n                ) : (\n                  <button\n                    key={step.key}\n                    type=\"button\"\n                    onClick={step.onClick}\n                    className={textLinkVariants({ tone: 'inherit' })}\n                    data-credits-action={step.key}\n                  >\n                    {step.label}\n                  </button>\n                ),\n              )}\n              {credits?.onSeeCosts ? (\n                <button\n                  type=\"button\"\n                  onClick={credits.onSeeCosts}\n                  className={textLinkVariants({ tone: 'inherit' })}\n                  data-credits-action=\"costs\"\n                >\n                  {t('aiCredits.seeCosts')}\n                </button>\n              ) : null}\n            </Alert.Action>\n          ) : null}\n        </Alert>\n        {onBack || footnote ? (\n          <div className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-sm)]\">\n            {onBack ? (\n              <Button\n                intent=\"ghost\"\n                startIcon={<ArrowLeft />}\n                flipIconInRtl\n                onClick={onBack}\n                className={TARGET}\n              >\n                {t('aiCredits.back')}\n              </Button>\n            ) : null}\n            {footnote ? <p className={metaClass}>{footnote}</p> : null}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\nAiCreditsExhaustedNotice.displayName = 'AiCreditsExhaustedNotice';\n\n/* -------------------------------------------------------------------- */\n/* AiCreditsWarning                                                      */\n/* -------------------------------------------------------------------- */\n\nconst warningLineVariants = cva(\n  'ds:m-0 ds:flex ds:flex-wrap ds:items-center ds:gap-x-[var(--spacing-xs)] type-body-sm',\n  {\n    variants: {\n      // Quiet: muted text and no tint, so it never competes with the\n      // promo notice. Out of credits reads in the body colour.\n      emphasis: {\n        quiet: 'ds:text-[color:var(--muted-foreground)]',\n        plain: 'ds:text-[color:var(--foreground)]',\n      },\n    },\n    defaultVariants: { emphasis: 'quiet' },\n  },\n);\n\nconst warningRootVariants = cva(\n  'ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]',\n);\n\nconst warningIconClass = 'ds:size-4 ds:shrink-0';\n\nexport interface AiCreditsWarningProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The allowance, the expiring credits and the next steps. */\n  credits?: AiCreditsInfo;\n  /**\n   * Out of credits: one quiet line saying so, instead of the running-low\n   * and expiring lines. The full notice is `AiCreditsExhaustedNotice`.\n   */\n  exhausted?: boolean;\n}\n\n/**\n * The quiet, non-blocking credit lines: running low (with the buy or\n * upgrade step as a link) and credits expiring, or out of credits at rest.\n * Renders nothing when none applies.\n */\nexport const AiCreditsWarning = forwardRef<\n  HTMLDivElement,\n  AiCreditsWarningProps\n>(({ credits, exhausted = false, className, ...rest }, ref) => {\n  const { t } = useTranslation('ui');\n  const format = useCreditsFormat();\n  const low = !exhausted && isAiCreditsRunningLow(credits);\n  // Rounded as it is shown, so the plural matches the figure (\"1 AI\n  // credit\", never \"1 AI credits\" for 0.96).\n  const expiringAmount = credits?.expiring\n    ? Math.round(credits.expiring.amount * 10) / 10\n    : 0;\n  const expiring =\n    !exhausted && credits?.expiring && expiringAmount > 0\n      ? credits.expiring\n      : undefined;\n  if (!exhausted && !low && !expiring) return null;\n\n  const { remaining, limit } = credits ?? {};\n  const lowText =\n    remaining !== undefined && limit !== undefined && limit > 0\n      ? t('aiCredits.runningLow', {\n          remaining: format.number(remaining),\n          limit: format.number(limit),\n        })\n      : remaining !== undefined\n        ? t('aiCredits.runningLowCount', {\n            remaining: format.number(remaining),\n          })\n        : t('aiCredits.runningLowPlain');\n  // Before the wall, the way to more credits: buy, else enable the module.\n  const step = credits?.onBuyCredits\n    ? { label: t('aiCredits.buy'), onClick: credits.onBuyCredits }\n    : credits?.onUpgrade\n      ? { label: t('aiCredits.upgrade'), onClick: credits.onUpgrade }\n      : undefined;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-component=\"ai-credits-warning\"\n      className={warningRootVariants({ className })}\n    >\n      {exhausted ? (\n        <p\n          className={warningLineVariants({ emphasis: 'plain' })}\n          data-credits-line=\"exhausted\"\n        >\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{t('aiCredits.title')}</span>\n        </p>\n      ) : null}\n      {low ? (\n        <p className={warningLineVariants()} data-credits-line=\"low\">\n          <Astroid aria-hidden=\"true\" className={warningIconClass} />\n          <span>{lowText}</span>\n          {step ? (\n            <button\n              type=\"button\"\n              onClick={step.onClick}\n              className={textLinkVariants({ tone: 'link' })}\n            >\n              {step.label}\n            </button>\n          ) : null}\n        </p>\n      ) : null}\n      {expiring ? (\n        <p className={warningLineVariants()} data-credits-line=\"expiring\">\n          <Hourglass aria-hidden=\"true\" className={warningIconClass} />\n          <span>\n            {t('aiCredits.expiring', {\n              count: expiringAmount,\n              amount: format.number(expiringAmount),\n              date: format.date(expiring.date),\n            })}\n          </span>\n        </p>\n      ) : null}\n    </div>\n  );\n});\nAiCreditsWarning.displayName = 'AiCreditsWarning';\n"],"names":["__iconNode","Headset","createLucideIcon","RUNNING_LOW_USED","isAiCreditsRunningLow","credits","remaining","limit","renewalDate","useCreditsFormat","i18n","useTranslation","locale","formatLocale","numbers","numberLocale","dates","value","TARGET","WRAPPING_LABEL","textLinkVariants","cva","noticeRootVariants","metaClass","AiCreditsExhaustedNotice","forwardRef","onBack","footnote","headingLevel","announce","className","rest","ref","t","format","titleId","useId","remainingText","renews","renewsText","steps","jsx","TrendingUp","CircleArrowUp","step","lead","_a","body","renewsLine","jsxs","Alert","Astroid","Progress","index","Button","ArrowLeft","warningLineVariants","warningRootVariants","warningIconClass","AiCreditsWarning","exhausted","low","expiringAmount","expiring","lowText","Hourglass"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/_chunks/{ai-permission-notice-qsdm4Sx4.js → ai-permission-notice-C00i6VhY.js}

@@ -2,7 +2,7 @@ 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-DjsJMGRE.js";
+import { A as g } from "./alert-9kEwDza3.js";
 import { B as D } from "./badge-BUk4RjTS.js";
 import { B as H } from "./button-D-MQxsA_.js";
 import { C as J } from "./checkbox-BjDv-r3o.js";
@@ -203,4 +203,4 @@ export {
   Q as A,
   $ as a
 };
-//# sourceMappingURL=ai-permission-notice-qsdm4Sx4.js.map
+//# sourceMappingURL=ai-permission-notice-C00i6VhY.js.map