@api-client/ui 0.5.6 → 0.5.7

package/build/src/elements/currency/internals/Picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, type TemplateResult, type PropertyValues, nothing } from 'lit'\nimport { property, state, query } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\n\nimport '@material/web/select/outlined-select.js'\nimport '@material/web/select/select-option.js'\nimport '../../../md/chip/ui-chip-set.js'\nimport '../../../md/chip/ui-chip.js'\n\n/**\n * Represents a currency with all its display information.\n */\nexport interface Currency {\n  /** ISO 4217 currency code (e.g., 'USD', 'EUR') */\n  code: string\n  /** Full name of the currency (e.g., 'US Dollar', 'Euro') */\n  name: string\n  /** Currency symbol (e.g., '$', '€') */\n  symbol: string\n  /** Country or region name (e.g., 'United States', 'European Union') */\n  country: string\n  /** Flag emoji representing the currency's origin */\n  flag: string\n}\n\n/**\n * Represents an error that can occur in the CurrencyPicker component.\n */\nexport interface CurrencyPickerError {\n  /** Type of error: validation, selection constraint, or internal error */\n  type: 'validation' | 'selection' | 'internal'\n  /** Human-readable error message */\n  message: string\n  /** Optional additional details about the error for debugging */\n  details?: Record<string, unknown>\n}\n\n/**\n * Event detail interface for currency picker error events.\n */\nexport interface CurrencyPickerErrorEvent {\n  /** The error information */\n  error: CurrencyPickerError\n}\n\n/**\n * A web component for selecting currencies with chips display.\n * Provides a searchable interface with country flags and currency information.\n *\n * This component uses ElementInternals for native form integration and\n * follows web standards for error handling and validation.\n *\n * ## Features\n * - Single or multi-select currency selection\n * - Visual chips display for selected currencies\n * - Native form integration with ElementInternals\n * - Comprehensive validation and error handling\n * - Accessibility support with ARIA attributes\n * - Keyboard navigation support\n * - Currency filtering based on allowed currencies\n *\n * ## Usage\n * ```html\n * <!-- Basic usage -->\n * <currency-picker></currency-picker>\n *\n * <!-- Multi-select with allowed currencies -->\n * <currency-picker multi .allowedCurrencies=\"${['USD', 'EUR', 'GBP']}\"></currency-picker>\n *\n * <!-- Form integration -->\n * <form>\n *   <currency-picker name=\"currencies\" required></currency-picker>\n * </form>\n * ```\n *\n * @fires change - Dispatched when selected currencies change due to user interaction.\n *                 Contains {currencies: Currency[], codes: string[]} in event.detail\n * @fires error - Dispatched when validation or other errors occur.\n *                Contains {error: CurrencyPickerError} in event.detail\n *\n * @example\n * ```typescript\n * const picker = document.querySelector('currency-picker');\n * picker.addEventListener('change', (e) => {\n *   console.log('Selected currencies:', e.detail.currencies);\n * });\n * picker.addEventListener('error', (e) => {\n *   console.error('Picker error:', e.detail.error.message);\n * });\n * ```\n */\nexport default class CurrencyPicker extends LitElement {\n  /**\n   * Indicates that this custom element is form-associated and can participate in form submission.\n   * This enables the component to work with native HTML forms and use ElementInternals.\n   */\n  static formAssociated = true\n\n  /**\n   * Private ElementInternals instance for form integration and validation.\n   * Provides access to form APIs like setFormValue, setValidity, etc.\n   */\n  private internals: ElementInternals\n\n  /**\n   * Shadow root configuration for the component.\n   * Uses 'open' mode for accessibility and delegates focus to enable proper focus management.\n   */\n  static override shadowRootOptions: ShadowRootInit = {\n    mode: 'open',\n    delegatesFocus: true,\n  }\n\n  /**\n   * The currently selected currency codes.\n   * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n   */\n  @property({ type: Array }) accessor selected: string[] = []\n\n  /**\n   * The currencies that should be available for selection.\n   * If not specified, all supported currencies will be available.\n   * This is an array of ISO 4217 currency codes (e.g., 'USD', 'EUR').\n   */\n  @property({ type: Array }) accessor allowedCurrencies: string[] = []\n\n  /**\n   * The label for the currency selection dropdown.\n   * This is displayed as the label for the select input.\n   * @attribute\n   */\n  @property({ type: String }) accessor label = 'Add Currency'\n\n  /**\n   * The name attribute for the currency selection dropdown.\n   * This is used when submitting forms that include this component.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  /**\n   * Supporting text for the currency selection dropdown.\n   * This is displayed below the select input.\n   * @attribute\n   */\n  @property({ type: String }) accessor supportingText: string | undefined\n\n  /**\n   * Whether the currency selection is required.\n   * If true, the component will enforce at least one currency to be selected.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor required = false\n\n  /**\n   * Whether the currency selection is disabled.\n   * If true, the component will not allow any changes to the selected currencies.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor disabled = false\n  /**\n   * Whether multiple currencies can be selected.\n   * If true, the component allows selecting multiple currencies.\n   * If false, only one currency can be selected at a time.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor multi = false\n\n  /**\n   * Whether to show errors inline within the component.\n   * If true, errors will be displayed below the component.\n   * If false, errors will only be dispatched as events.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor showErrors = true\n\n  /**\n   * The currently selectable currencies (filtered based on selection and allowed currencies).\n   * This is automatically updated based on the selected currencies and allowedCurrencies property.\n   */\n  @state() private accessor selectableCurrencies: Currency[] = []\n\n  /**\n   * Reference to the Material Design outlined select element.\n   * Used to manage the select's internal state and keep it synchronized with the component's selected property.\n   */\n  @query('md-outlined-select')\n  private accessor selectElement!: HTMLElement & { value: string }\n\n  /**\n   * Returns the form element that contains this component, if any.\n   * Part of the ElementInternals API for form-associated custom elements.\n   */\n  get form() {\n    return this.internals.form\n  }\n\n  /**\n   * Returns the validity state of the component.\n   * Part of the ElementInternals API for form-associated custom elements.\n   */\n  get validity() {\n    return this.internals.validity\n  }\n\n  /**\n   * Returns the validation message for the component.\n   * Part of the ElementInternals API for form-associated custom elements.\n   */\n  get validationMessage() {\n    return this.internals.validationMessage\n  }\n\n  /**\n   * Returns whether the component will be validated when the form is submitted.\n   * Part of the ElementInternals API for form-associated custom elements.\n   */\n  get willValidate() {\n    return this.internals.willValidate\n  }\n\n  /**\n   * Checks the validity of the component without displaying validation UI.\n   * Part of the ElementInternals API for form-associated custom elements.\n   * @returns True if the component is valid, false otherwise\n   */\n  checkValidity() {\n    return this.internals.checkValidity()\n  }\n\n  /**\n   * Checks the validity of the component and displays validation UI if invalid.\n   * Part of the ElementInternals API for form-associated custom elements.\n   * @returns True if the component is valid, false otherwise\n   */\n  reportValidity() {\n    return this.internals.reportValidity()\n  }\n\n  /**\n   * Master list of supported currencies with their display information.\n   * This includes popular currencies with their ISO codes, names, symbols, countries, and flag emojis.\n   * Private and readonly to ensure data integrity.\n   */\n  private readonly currencies: Currency[] = [\n    { code: 'USD', name: 'US Dollar', symbol: '$', country: 'United States', flag: '🇺🇸' },\n    { code: 'EUR', name: 'Euro', symbol: '€', country: 'European Union', flag: '🇪🇺' },\n    { code: 'GBP', name: 'British Pound', symbol: '£', country: 'United Kingdom', flag: '🇬🇧' },\n    { code: 'JPY', name: 'Japanese Yen', symbol: '¥', country: 'Japan', flag: '🇯🇵' },\n    { code: 'CAD', name: 'Canadian Dollar', symbol: 'C$', country: 'Canada', flag: '🇨🇦' },\n    { code: 'AUD', name: 'Australian Dollar', symbol: 'A$', country: 'Australia', flag: '🇦🇺' },\n    { code: 'CHF', name: 'Swiss Franc', symbol: 'Fr', country: 'Switzerland', flag: '🇨🇭' },\n    { code: 'CNY', name: 'Chinese Yuan', symbol: '¥', country: 'China', flag: '🇨🇳' },\n    { code: 'INR', name: 'Indian Rupee', symbol: '₹', country: 'India', flag: '🇮🇳' },\n    { code: 'KRW', name: 'South Korean Won', symbol: '₩', country: 'South Korea', flag: '🇰🇷' },\n    { code: 'BRL', name: 'Brazilian Real', symbol: 'R$', country: 'Brazil', flag: '🇧🇷' },\n    { code: 'MXN', name: 'Mexican Peso', symbol: '$', country: 'Mexico', flag: '🇲🇽' },\n    { code: 'SGD', name: 'Singapore Dollar', symbol: 'S$', country: 'Singapore', flag: '🇸🇬' },\n    { code: 'HKD', name: 'Hong Kong Dollar', symbol: 'HK$', country: 'Hong Kong', flag: '🇭🇰' },\n    { code: 'NOK', name: 'Norwegian Krone', symbol: 'kr', country: 'Norway', flag: '🇳🇴' },\n    { code: 'SEK', name: 'Swedish Krona', symbol: 'kr', country: 'Sweden', flag: '🇸🇪' },\n    { code: 'DKK', name: 'Danish Krone', symbol: 'kr', country: 'Denmark', flag: '🇩🇰' },\n    { code: 'PLN', name: 'Polish Zloty', symbol: 'zł', country: 'Poland', flag: '🇵🇱' },\n    { code: 'RUB', name: 'Russian Ruble', symbol: '₽', country: 'Russia', flag: '🇷🇺' },\n    { code: 'ZAR', name: 'South African Rand', symbol: 'R', country: 'South Africa', flag: '🇿🇦' },\n    { code: 'TRY', name: 'Turkish Lira', symbol: '₺', country: 'Turkey', flag: '🇹🇷' },\n    { code: 'NZD', name: 'New Zealand Dollar', symbol: 'NZ$', country: 'New Zealand', flag: '🇳🇿' },\n    { code: 'THB', name: 'Thai Baht', symbol: '฿', country: 'Thailand', flag: '🇹🇭' },\n    { code: 'ILS', name: 'Israeli Shekel', symbol: '₪', country: 'Israel', flag: '🇮🇱' },\n    { code: 'AED', name: 'UAE Dirham', symbol: 'د.إ', country: 'United Arab Emirates', flag: '🇦🇪' },\n  ]\n\n  constructor() {\n    super()\n    this.internals = this.attachInternals()\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.updateSelectableCurrencies()\n    this.updateFormValue()\n  }\n\n  /**\n   * Updates the form value using ElementInternals.\n   */\n  private updateFormValue(): void {\n    const value = this.selected.length > 0 ? this.selected.join(',') : null\n    this.internals.setFormValue(value)\n  }\n\n  protected override willUpdate(changed: PropertyValues<this>): void {\n    super.willUpdate(changed)\n\n    // Validate selected currencies with error handling\n    if (changed.has('selected')) {\n      this.selected = this.safeCurrencyValidation(this.selected, 'selected')\n\n      // Also validate against allowedCurrencies if specified\n      if (this.allowedCurrencies.length > 0) {\n        const allowedSet = new Set(this.allowedCurrencies)\n        const invalidSelectedCodes = this.selected.filter((code) => !allowedSet.has(code))\n\n        if (invalidSelectedCodes.length > 0) {\n          this.setError({\n            type: 'validation',\n            message: `Selected currencies not in allowed list: ${invalidSelectedCodes.join(', ')}`,\n            details: {\n              property: 'selected',\n              invalidCodes: invalidSelectedCodes,\n              allowedCurrencies: this.allowedCurrencies,\n            },\n          })\n\n          // Filter out invalid codes\n          this.selected = this.selected.filter((code) => allowedSet.has(code))\n        }\n      }\n\n      // Also validate selection constraints when property changes\n      if (!this.multi && this.selected.length > 1) {\n        // In single-select mode, keep only the first valid selection\n        this.selected = this.selected.slice(0, 1)\n        this.setError({\n          type: 'selection',\n          message: 'Multiple currency selection is not allowed when multi=false. Only first selection kept.',\n          details: { multi: this.multi, originalSelection: changed.get('selected') },\n        })\n      }\n\n      // Validate required constraint\n      if (this.required && this.selected.length === 0) {\n        this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n        this.setAttribute('aria-invalid', 'true')\n        this.dispatchErrorEvent({\n          type: 'selection',\n          message: 'At least one currency must be selected when required=true',\n          details: { required: this.required, currentSelection: this.selected },\n        })\n      } else if (!this.required || this.selected.length > 0) {\n        // Clear validation if not required or has selection\n        this.internals.setValidity({})\n        this.setAttribute('aria-invalid', 'false')\n      }\n    }\n    // Validate allowed currencies with error handling\n    if (changed.has('allowedCurrencies')) {\n      this.allowedCurrencies = this.safeCurrencyValidation(this.allowedCurrencies, 'allowedCurrencies')\n\n      // Filter selected currencies to only include allowed ones\n      if (this.allowedCurrencies.length > 0) {\n        const allowedSet = new Set(this.allowedCurrencies)\n        const filteredSelected = this.selected.filter((code) => allowedSet.has(code))\n        if (filteredSelected.length !== this.selected.length) {\n          this.selected = filteredSelected\n        }\n      }\n    }\n\n    if (changed.has('selected') || changed.has('allowedCurrencies') || changed.has('multi')) {\n      this.updateSelectableCurrencies()\n    }\n\n    // Update form value when selected changes\n    if (changed.has('selected')) {\n      this.updateFormValue()\n    }\n\n    // Synchronize the select element's value with the component's selected state\n    if (changed.has('selected') && this.selectElement) {\n      // In single-select mode, set the select value to the first selected currency or empty\n      // In multi-select mode, always clear the select after selection to allow adding more\n      if (!this.multi) {\n        this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n      } else {\n        // For multi-select, always keep the select cleared to allow adding more currencies\n        this.selectElement.value = ''\n      }\n    }\n  }\n\n  /**\n   * Called after the component has been updated and rendered.\n   * Ensures the select element's value stays synchronized with the component's selected state.\n   */\n  protected override updated(changed: PropertyValues<this>): void {\n    super.updated(changed)\n\n    // Ensure select element is synchronized after rendering\n    if (this.selectElement && (changed.has('selected') || changed.has('multi'))) {\n      if (!this.multi) {\n        // In single-select mode, show the selected currency or clear the select\n        this.selectElement.value = this.selected.length > 0 ? this.selected[0] : ''\n      } else {\n        // In multi-select mode, always keep the select cleared to allow adding more currencies\n        this.selectElement.value = ''\n      }\n    }\n  }\n\n  /**\n   * Sets an error state using ElementInternals and optionally dispatches an error event.\n   * @param error The error to set\n   * @param dispatch Whether to dispatch an error event (default: true)\n   */\n  private setError(error: CurrencyPickerError, dispatch = true): void {\n    // Use ElementInternals for native form validation\n    this.internals.setValidity({ customError: true }, error.message)\n    this.setAttribute('aria-invalid', 'true')\n    if (dispatch) {\n      this.dispatchErrorEvent(error)\n    }\n  }\n\n  /**\n   * Dispatches an error event.\n   * @param error The error to dispatch\n   */\n  private dispatchErrorEvent(error: CurrencyPickerError): void {\n    this.dispatchEvent(\n      new CustomEvent('error', {\n        detail: { error },\n        bubbles: false,\n      })\n    )\n  }\n\n  /**\n   * Clears the current error state using ElementInternals.\n   */\n  private clearError(): void {\n    this.internals.setValidity({})\n    this.setAttribute('aria-invalid', 'false')\n  }\n\n  /**\n   * Validates currency codes against the supported currencies.\n   * @param codes Array of currency codes to validate\n   * @returns Array of invalid currency codes\n   */\n  private validateCurrencyCodes(codes: string[]): string[] {\n    return codes.filter((code) => !this.currencies.some((c) => c.code === code))\n  }\n\n  /**\n   * Safely validates and filters currency codes, setting errors for invalid codes.\n   * @param codes Array of currency codes to validate\n   * @param property Name of the property being validated\n   * @returns Array of valid currency codes\n   */\n  private safeCurrencyValidation(codes: string[], property: string): string[] {\n    if (!Array.isArray(codes)) {\n      this.setError({\n        type: 'validation',\n        message: `Invalid ${property}: expected array of currency codes`,\n        details: { property, value: codes },\n      })\n      return []\n    }\n\n    const invalidCodes = this.validateCurrencyCodes(codes)\n    if (invalidCodes.length > 0) {\n      this.setError({\n        type: 'validation',\n        message: `Invalid currency codes in ${property}: ${invalidCodes.join(', ')}`,\n        details: { property, invalidCodes, validCodes: this.currencies.map((c) => c.code) },\n      }) // Dispatch error event for validation errors\n\n      // Return only valid codes\n      return codes.filter((code) => !invalidCodes.includes(code))\n    }\n\n    // Clear any previous validation errors for this property\n    if (!this.internals.validity.valid) {\n      this.clearError()\n    }\n\n    return codes\n  }\n\n  /**\n   * Validates selection constraints using ElementInternals.\n   * @param newSelection The new selection to validate\n   * @returns Whether the selection is valid\n   */\n  private validateSelectionConstraints(newSelection: string[]): boolean {\n    if (!this.multi && newSelection.length > 1) {\n      this.setError({\n        type: 'selection',\n        message: 'Multiple currency selection is not allowed when multi=false',\n        details: { multi: this.multi, attemptedSelection: newSelection },\n      })\n      return false\n    }\n\n    if (this.required && newSelection.length === 0) {\n      this.internals.setValidity({ valueMissing: true }, 'At least one currency must be selected')\n      this.setAttribute('aria-invalid', 'true')\n      this.dispatchErrorEvent({\n        type: 'selection',\n        message: 'At least one currency must be selected when required=true',\n        details: { required: this.required, currentSelection: newSelection },\n      })\n      return false\n    }\n\n    return true\n  }\n\n  private updateSelectableCurrencies() {\n    const selectedCodes = new Set(this.selected)\n\n    // If allowedCurrencies is specified, filter the master list by it\n    let availableCurrencies = this.currencies\n    if (this.allowedCurrencies.length > 0) {\n      const allowedSet = new Set(this.allowedCurrencies)\n      availableCurrencies = this.currencies.filter((c) => allowedSet.has(c.code))\n    }\n    if (this.multi) {\n      // Then filter out already selected currencies\n      this.selectableCurrencies = availableCurrencies.filter((c) => !selectedCodes.has(c.code))\n    } else {\n      // If single-select, just use the available currencies\n      this.selectableCurrencies = availableCurrencies\n    }\n  }\n\n  private handleCurrencySelect(event: Event) {\n    try {\n      const select = event.target as HTMLSelectElement\n      const selectedCode = select.value\n\n      if (!selectedCode) return\n\n      const currency = this.currencies.find((c) => c.code === selectedCode)\n      if (!currency) {\n        this.setError({\n          type: 'selection',\n          message: `Currency not found: ${selectedCode}`,\n          details: { attemptedCode: selectedCode },\n        })\n        return\n      }\n\n      let newSelection: string[]\n\n      if (this.multi) {\n        // If multi-select, add the currency to the selection\n        if (!this.selected.includes(currency.code)) {\n          newSelection = [...this.selected, currency.code]\n        } else {\n          // Currency already selected, clear any selection errors but don't add duplicate\n          if (!this.internals.validity.valid) {\n            this.clearError()\n          }\n          return\n        }\n      } else {\n        // If single-select, replace the current selection\n        newSelection = [currency.code]\n      }\n\n      // Validate the new selection\n      if (!this.validateSelectionConstraints(newSelection)) {\n        return // Error was set in validateSelectionConstraints\n      }\n\n      this.selected = newSelection\n      this.updateSelectableCurrencies()\n\n      // Reset the select for multi-select mode\n      if (this.multi) {\n        select.value = ''\n      }\n\n      // Clear any previous errors on successful selection\n      this.clearError()\n      this.dispatchChangeEvent()\n    } catch (error) {\n      this.setError({\n        type: 'internal',\n        message: `Internal error during currency selection: ${error instanceof Error ? error.message : String(error)}`,\n        details: { originalError: error },\n      })\n    }\n  }\n\n  private handleRemoveCurrency(event: Event) {\n    try {\n      const chip = event.target as HTMLElement\n      const currencyCode = chip.dataset.code\n\n      if (!currencyCode) {\n        this.setError({\n          type: 'internal',\n          message: 'Unable to determine currency code from chip element',\n          details: { chipElement: chip },\n        })\n        return\n      }\n\n      const newSelection = this.selected.filter((code) => code !== currencyCode)\n\n      // Validate the new selection (e.g., required constraint)\n      if (!this.validateSelectionConstraints(newSelection)) {\n        return // Error was set in validateSelectionConstraints\n      }\n\n      this.selected = newSelection\n      this.updateSelectableCurrencies()\n\n      // Clear any previous errors on successful removal\n      this.clearError()\n      this.dispatchChangeEvent()\n    } catch (error) {\n      this.setError({\n        type: 'internal',\n        message: `Internal error during currency removal: ${error instanceof Error ? error.message : String(error)}`,\n        details: { originalError: error },\n      })\n    }\n  }\n\n  private dispatchChangeEvent() {\n    const selectedCurrencies = this.getSelectedCurrencies()\n\n    // Update form value using ElementInternals\n    this.updateFormValue()\n\n    this.dispatchEvent(\n      new CustomEvent('change', {\n        detail: {\n          currencies: selectedCurrencies,\n          codes: this.selected,\n        },\n        bubbles: false,\n      })\n    )\n  }\n\n  /**\n   * Get the currently selected currency codes as a copy of the array.\n   * This is a read-only getter that returns a shallow copy to prevent external modification.\n   * @returns Array of selected ISO 4217 currency codes\n   */\n  get selectedCurrencyCodes(): string[] {\n    return [...this.selected]\n  }\n\n  /**\n   * Get the full currency objects for currently selected currencies.\n   * This method looks up each selected currency code in the master currencies list\n   * and returns the complete currency information including name, symbol, country, and flag.\n   * @returns Array of complete Currency objects for selected currencies\n   */\n  getSelectedCurrencies(): Currency[] {\n    const result: Currency[] = []\n    for (const code of this.selected) {\n      const currency = this.currencies.find((c) => c.code === code)\n      if (currency) {\n        result.push(currency)\n      }\n    }\n    return result\n  }\n\n  /**\n   * Clear all selected currencies.\n   * This method removes all selections, validates constraints (such as required),\n   * updates the UI, and dispatches a change event. If validation fails (e.g.,\n   * component is required), the operation will be cancelled and an error will be set.\n   * @throws Will dispatch an error event if validation fails or an internal error occurs\n   */\n  clearSelection() {\n    try {\n      const newSelection: string[] = []\n\n      // Validate clearing selection (e.g., required constraint)\n      if (!this.validateSelectionConstraints(newSelection)) {\n        return // Error was set in validateSelectionConstraints\n      }\n\n      this.selected = newSelection\n      this.updateSelectableCurrencies()\n\n      // Clear any previous errors on successful clear\n      this.clearError()\n      this.dispatchChangeEvent()\n\n      // Synchronize the select element to show no selection\n      if (this.selectElement) {\n        this.selectElement.value = ''\n      }\n    } catch (error) {\n      this.setError({\n        type: 'internal',\n        message: `Internal error during selection clear: ${error instanceof Error ? error.message : String(error)}`,\n        details: { originalError: error },\n      })\n    } finally {\n      this.requestUpdate()\n    }\n  }\n\n  /**\n   * Form state restore callback for ElementInternals.\n   * This method is called by the browser when form state is being restored\n   * (e.g., browser back/forward navigation, form autofill).\n   * It parses a comma-separated string of currency codes and restores the selection.\n   * @param state The state to restore - typically a comma-separated string of currency codes\n   * @param _mode The restore mode (unused in this implementation)\n   */\n  formStateRestoreCallback(state: string | FormData | null): void {\n    if (typeof state === 'string' && state) {\n      this.selected = state.split(',').filter(Boolean)\n      this.updateSelectableCurrencies()\n\n      // Synchronize the select element with restored state\n      if (this.selectElement) {\n        if (!this.multi && this.selected.length > 0) {\n          this.selectElement.value = this.selected[0]\n        } else {\n          this.selectElement.value = ''\n        }\n      }\n    }\n  }\n\n  /**\n   * Form reset callback for ElementInternals.\n   * This method is called by the browser when the containing form is reset.\n   * It clears all selections, updates the UI, clears any errors, and updates the form value.\n   */\n  formResetCallback(): void {\n    this.selected = []\n    this.updateSelectableCurrencies()\n    this.clearError()\n    this.updateFormValue()\n\n    // Synchronize the select element to show no selection\n    if (this.selectElement) {\n      this.selectElement.value = ''\n    }\n\n    this.requestUpdate()\n  }\n\n  /**\n   * Main render method for the component.\n   * Renders the currency selector with dropdown, selected chips (if multi-select), and error display.\n   * Updates ARIA attributes and error states based on current component state.\n   * @returns TemplateResult containing the complete component HTML\n   */\n  override render(): TemplateResult {\n    const ariaLabel = this.multi\n      ? `Currency selector. ${this.selected.length} currencies selected.`\n      : `Currency selector. ${this.selected.length > 0 ? this.selected[0] + ' selected' : 'No currency selected'}.`\n\n    const hasError = !this.internals.validity.valid\n\n    return html`\n      <div class=\"currency-picker\" role=\"group\" aria-label=\"${ariaLabel}\">\n        <md-outlined-select\n          label=\"${this.label}\"\n          @change=\"${this.handleCurrencySelect}\"\n          menuPositioning=\"popover\"\n          ?disabled=\"${this.disabled}\"\n          ?required=\"${this.required}\"\n          .supportingText=\"${this.supportingText || ''}\"\n          .name=\"${this.name || ''}\"\n          aria-describedby=\"${this.supportingText ? 'supporting-text' : ''}\"\n          aria-invalid=\"${hasError ? 'true' : 'false'}\"\n        >\n          <md-select-option value=\"\">\n            <div slot=\"headline\">Select a currency...</div>\n          </md-select-option>\n          ${repeat(\n            this.selectableCurrencies,\n            (currency) => currency.code,\n            (currency) => html`\n              <md-select-option value=\"${currency.code}\">\n                <div slot=\"overline\">${currency.country}</div>\n                <div slot=\"supporting-text\">${currency.name}</div>\n                <div slot=\"trailing-supporting-text\" class=\"currency-symbol\">${currency.symbol}</div>\n                <div slot=\"start\" class=\"flag\">${currency.flag}</div>\n                <div slot=\"headline\">${currency.code}</div>\n              </md-select-option>\n            `\n          )}\n        </md-outlined-select>\n        ${this.renderSelected()}${this.renderError()}\n      </div>\n    `\n  }\n\n  /**\n   * Renders error messages when showErrors is true and the component is invalid.\n   * The error display uses ARIA live regions for accessibility.\n   * @returns TemplateResult with error display or nothing if no errors should be shown\n   */\n  protected renderError(): TemplateResult | typeof nothing {\n    if (!this.showErrors || this.internals.validity.valid) {\n      return nothing\n    }\n\n    return html`\n      <div class=\"error\" role=\"alert\" aria-live=\"polite\">\n        <span class=\"error-message\">${this.internals.validationMessage}</span>\n      </div>\n    `\n  }\n\n  /**\n   * Renders the selected currencies as removable chips in multi-select mode.\n   * Only renders when multi=true and there are selected currencies.\n   * Each chip displays the currency flag and code, and can be removed by the user.\n   * @returns TemplateResult with chip display or nothing if not applicable\n   */\n  protected renderSelected(): TemplateResult | typeof nothing {\n    if (!this.multi) {\n      return nothing\n    }\n    const selected = this.getSelectedCurrencies()\n    if (selected.length === 0) return nothing\n\n    return html`\n      <ui-chip-set>\n        ${repeat(\n          selected,\n          (currency) => currency.code,\n          (currency) => html`\n            <ui-chip\n              data-code=\"${currency.code}\"\n              type=\"input\"\n              @remove=\"${this.handleRemoveCurrency}\"\n              ?removable=\"${true}\"\n            >\n              <span slot=\"icon\" class=\"chip-flag\">${currency.flag}</span>\n              <span class=\"chip-code\">${currency.code}</span>\n            </ui-chip>\n          `\n        )}\n      </ui-chip-set>\n    `\n  }\n}\n"]}

package/build/src/elements/currency/internals/Picker.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=Picker.styles.d.ts.map

package/build/src/elements/currency/internals/Picker.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.styles.ts"],"names":[],"mappings":";AAEA,wBAuDC"}

package/build/src/elements/currency/internals/Picker.styles.js

@@ -0,0 +1,58 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+    max-width: 600px;
+  }
+
+  .currency-picker {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
+
+  md-outlined-select {
+    flex: 1;
+    min-width: 200px;
+  }
+
+  .flag {
+    font-size: 20px;
+    width: 24px;
+    text-align: center;
+  }
+
+  .currency-symbol {
+    color: var(--md-sys-color-primary);
+    font-size: 1rem;
+  }
+
+  /* Error states using ElementInternals */
+  .error {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 12px;
+    margin-top: 4px;
+    border-radius: 4px;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
+    background: var(--md-sys-color-error-container);
+    color: var(--md-sys-color-on-error-container);
+    border: 1px solid var(--md-sys-color-error);
+  }
+
+  .error-message {
+    font-weight: 500;
+  }
+
+  /* Host error state using ElementInternals validity */
+  :host([data-error]) {
+    --md-outlined-select-outline-color: var(--md-sys-color-error);
+  }
+
+  :host([data-error]) md-outlined-select {
+    --md-outlined-select-focus-outline-color: var(--md-sys-color-error);
+  }
+`;
+//# sourceMappingURL=Picker.styles.js.map

package/build/src/elements/currency/internals/Picker.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Picker.styles.js","sourceRoot":"","sources":["../../../../../src/elements/currency/internals/Picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuDjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n    max-width: 600px;\n  }\n\n  .currency-picker {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  md-outlined-select {\n    flex: 1;\n    min-width: 200px;\n  }\n\n  .flag {\n    font-size: 20px;\n    width: 24px;\n    text-align: center;\n  }\n\n  .currency-symbol {\n    color: var(--md-sys-color-primary);\n    font-size: 1rem;\n  }\n\n  /* Error states using ElementInternals */\n  .error {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 12px;\n    margin-top: 4px;\n    border-radius: 4px;\n    font-size: 0.875rem;\n    line-height: 1.25rem;\n    background: var(--md-sys-color-error-container);\n    color: var(--md-sys-color-on-error-container);\n    border: 1px solid var(--md-sys-color-error);\n  }\n\n  .error-message {\n    font-weight: 500;\n  }\n\n  /* Host error state using ElementInternals validity */\n  :host([data-error]) {\n    --md-outlined-select-outline-color: var(--md-sys-color-error);\n  }\n\n  :host([data-error]) md-outlined-select {\n    --md-outlined-select-focus-outline-color: var(--md-sys-color-error);\n  }\n`\n"]}

package/build/src/md/button/internals/base.d.ts

@@ -115,6 +115,7 @@ export default class BaseButton extends UiElement {
      */
     protected handlePopoverAction(): void;
     protected handleSubmit(): void;
+    protected handleReset(): void;
     handlePointerEnter(e: PointerEvent): void;
     handlePointerLeave(e: PointerEvent): void;
     protected render(): TemplateResult;

package/build/src/md/button/internals/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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"}

package/build/src/md/button/internals/base.js

@@ -295,6 +295,9 @@ let BaseButton = (() => {
             if (this.type === 'submit' && (!reason || allowedReasons)) {
                 this.handleSubmit();
             }
+            else if (this.type === 'reset' && (!reason || allowedReasons)) {
+                this.handleReset();
+            }
             else if (allowedReasons) {
                 this.click();
             }
@@ -395,6 +398,10 @@ let BaseButton = (() => {
                 typedForm.removeChild(button);
             }
         }
+        handleReset() {
+            const form = this.form;
+            form?.reset();
+        }
         handlePointerEnter(e) {
             super.handlePointerEnter(e);
             this.ripple?.beginHover(e);

package/build/src/md/button/internals/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { nanoid } from 'nanoid'\nimport { UiElement } from '../../UiElement.js'\nimport type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiRipple from '../../ripple/internals/ripple.js'\nimport { findElementInShadowRoots } from '../../../lib/Dom.js'\n\nimport '../../ripple/ui-ripple.js'\nimport '@material/web/focus/md-focus-ring.js'\n\nexport type ButtonType = 'submit' | 'reset' | 'button'\nexport type MdButtonShape = 'round' | 'square'\nexport type MdButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl'\n\n/**\n * A material design button with M3 Expressive features - CSS-native implementation.\n *\n * @slot icon - A slot for the icon element\n * @slot - The default slot for the label\n * @attribute {string} form - The form associated with this element when the element is outside the form.\n * @fires {ToggleEvent} toggle - Fired when the `toggle` property is true and the button is clicked,\n *                               changing its selection state.\n *                               The event's `newState` and `oldState` properties (string values: 'selected' or\n *                               'unselected') detail this selection change.\n */\nexport default class BaseButton extends UiElement {\n  static readonly formAssociated = true\n\n  #internals = this.attachInternals()\n\n  /**\n   * The form associated with this element\n   * @attribute\n   */\n  get form(): HTMLFormElement | null | string {\n    return this.#internals.form\n  }\n\n  get validity() {\n    return this.#internals.validity\n  }\n\n  get validationMessage() {\n    return this.#internals.validationMessage\n  }\n\n  get willValidate() {\n    return this.#internals.willValidate\n  }\n\n  /**\n   * The name of the button, submitted as a pair with the button's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  #value?: string\n\n  get value(): string | undefined {\n    return this.#value\n  }\n\n  /**\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @attribute\n   */\n  @property({ type: String })\n  set value(value: string | undefined) {\n    if (this.#value === value) {\n      return\n    }\n    this.#value = value\n    this.#internals?.setFormValue(value || null)\n  }\n\n  /**\n   * Whether to render the icon at the inline end of the label rather than the inline start.\n   * @attribute\n   */\n  @property({ type: Boolean, attribute: 'trailingicon', reflect: true }) accessor trailingIcon = false\n\n  /**\n   * The default behavior of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor type: ButtonType = 'button'\n\n  /**\n   * When set, the button is a toggle button.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor toggle = false\n\n  /**\n   * Indicates that the button is currently selected.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor selected = false\n\n  /**\n   * The shape of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor shape: MdButtonShape = 'round'\n\n  /**\n   * The size of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor size: MdButtonSize = 's'\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is in a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  @query('ui-ripple') protected accessor ripple!: UiRipple | null\n\n  /**\n   * Turns a `<ui-button>` element into a popover control button; takes the ID\n   * of the popover element to control as its value.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor popoverTarget: string | undefined\n  /**\n   * Specifies the action to be performed on a popover element being controlled\n   * by a control <ui-button>. Possible values are:\n   *\n   * - `hide` - The button will hide a shown popover. If you try to hide an already hidden popover,\n   *   no action will be taken.\n   * - `show` - The button will show a hidden popover. If you try to show an already showing popover,\n   *   no action will be taken.\n   * - `toggle` - The button will toggle a popover between showing and hidden. If the popover is hidden,\n   *   it will be shown; if the popover is showing, it will be hidden. If popoverTargetAction is omitted,\n   *   \"toggle\" is the default action that will be performed by the control button.\n   */\n  @property({ type: String, reflect: true }) accessor popoverTargetAction: string | undefined\n\n  constructor() {\n    super()\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('pointerenter', this.handlePointerEnter.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('popoverTarget')) {\n      this.setupPopoverTarget()\n    }\n    super.update(changedProperties)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n\n    // If the button is disabled, remove the tabindex attribute\n    if (cp.has('disabled')) {\n      if (this.disabled) {\n        this.removeAttribute('tabindex')\n      } else if (!this.hasAttribute('tabindex')) {\n        this.setAttribute('tabindex', '0')\n      }\n    }\n\n    if (cp.has('toggle') || cp.has('selected')) {\n      this.updatePressedState()\n    }\n  }\n\n  protected updatePressedState(): void {\n    if (this.toggle) {\n      this.ariaPressed = String(this.selected)\n    } else {\n      this.selected = false\n      this.removeAttribute('aria-pressed')\n    }\n  }\n\n  checkValidity() {\n    return this.#internals.checkValidity()\n  }\n\n  reportValidity() {\n    return this.#internals.reportValidity()\n  }\n\n  protected override firstUpdated(): void {\n    this.#internals?.setFormValue(this.value || null)\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options)\n    this.classList.add('pressed')\n    this.ripple?.beginFocus()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    this.classList.remove('pressed')\n    this.ripple?.endFocus()\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    const allowedReasons = reason === 'enter' || reason === 'space'\n    if (this.type === 'submit' && (!reason || allowedReasons)) {\n      this.handleSubmit()\n    } else if (allowedReasons) {\n      this.click()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    // Do not call super.handleClick() here, as it would call `endPress` again.\n    if (this.disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected\n      const e = new ToggleEvent('toggle', {\n        bubbles: true,\n        composed: true,\n        newState: this.selected ? 'selected' : 'unselected',\n        oldState: this.selected ? 'unselected' : 'selected',\n      })\n      this.dispatchEvent(e)\n    }\n    this.handlePopoverAction()\n    this.endPress({ cancelled: false, actionData: { event: e } })\n  }\n\n  protected setupPopoverTarget(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    // A regular button first sets its value to the popover target ID,\n    this.value = id\n    // create an anchor association with the popover target\n    if (!this.id) {\n      this.id = nanoid()\n    }\n    const anchorName = `--anchor-${this.id}`\n    this.style.setProperty('anchor-name', anchorName)\n    element.style.setProperty('position-anchor', anchorName)\n    this.setAttribute('aria-details', id)\n    this.setAttribute('aria-controls', id)\n  }\n\n  /**\n   * When the button has a popover target, this method toggles the popover\n   * visibility by finding the element in the shadow roots and calling its\n   * `togglePopover` method.\n   */\n  protected handlePopoverAction(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    const action = this.popoverTargetAction || 'toggle'\n    if (action === 'hide') {\n      element.hidePopover()\n    } else if (action === 'show') {\n      element.showPopover()\n    } else {\n      element.togglePopover()\n    }\n    element.focus()\n  }\n\n  protected handleSubmit(): void {\n    const { name, value, type, disabled, form } = this\n    if (!form || !type || disabled) {\n      return\n    }\n    const typedForm = form as HTMLFormElement\n    let button: HTMLButtonElement | undefined\n    if (name || value) {\n      button = document.createElement('button')\n      if (name) {\n        button.name = name\n      }\n      if (value) {\n        button.value = value\n      }\n      button.type = type\n      button.hidden = true\n      typedForm.append(button)\n    }\n    try {\n      typedForm.requestSubmit(button)\n    } catch {\n      // Ignore errors\n    }\n    if (button) {\n      typedForm.removeChild(button)\n    }\n  }\n\n  override handlePointerEnter(e: PointerEvent): void {\n    super.handlePointerEnter(e)\n    this.ripple?.beginHover(e)\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e)\n    this.ripple?.endHover()\n  }\n\n  protected override render(): TemplateResult {\n    const { trailingIcon = false } = this\n    const icon = this.renderIcon()\n\n    return html`\n      ${this.renderFocusRing()} ${this.renderRipple()} ${trailingIcon ? nothing : icon}\n      <slot></slot>\n      ${trailingIcon ? icon : nothing}\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\"></slot>`\n  }\n\n  protected renderFocusRing(): TemplateResult {\n    return html`<md-focus-ring part=\"focus-ring\" class=\"focus-ring\" .control=\"${this as HTMLElement}\"></md-focus-ring>`\n  }\n\n  protected renderRipple(): TemplateResult {\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></ui-ripple>`\n  }\n}\n"]}
+{"version":3,"file":"base.js","sourceRoot":"","sources":["../../../../../src/md/button/internals/base.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, query } from 'lit/decorators.js'\nimport { nanoid } from 'nanoid'\nimport { UiElement } from '../../UiElement.js'\nimport type { BeginPressConfig, EndPressConfig } from '../../../controllers/ActionController.js'\nimport { isDisabled, setDisabled } from '../../../lib/disabled.js'\nimport type UiRipple from '../../ripple/internals/ripple.js'\nimport { findElementInShadowRoots } from '../../../lib/Dom.js'\n\nimport '../../ripple/ui-ripple.js'\nimport '@material/web/focus/md-focus-ring.js'\n\nexport type ButtonType = 'submit' | 'reset' | 'button'\nexport type MdButtonShape = 'round' | 'square'\nexport type MdButtonSize = 'xs' | 's' | 'm' | 'l' | 'xl'\n\n/**\n * A material design button with M3 Expressive features - CSS-native implementation.\n *\n * @slot icon - A slot for the icon element\n * @slot - The default slot for the label\n * @attribute {string} form - The form associated with this element when the element is outside the form.\n * @fires {ToggleEvent} toggle - Fired when the `toggle` property is true and the button is clicked,\n *                               changing its selection state.\n *                               The event's `newState` and `oldState` properties (string values: 'selected' or\n *                               'unselected') detail this selection change.\n */\nexport default class BaseButton extends UiElement {\n  static readonly formAssociated = true\n\n  #internals = this.attachInternals()\n\n  /**\n   * The form associated with this element\n   * @attribute\n   */\n  get form(): HTMLFormElement | null | string {\n    return this.#internals.form\n  }\n\n  get validity() {\n    return this.#internals.validity\n  }\n\n  get validationMessage() {\n    return this.#internals.validationMessage\n  }\n\n  get willValidate() {\n    return this.#internals.willValidate\n  }\n\n  /**\n   * The name of the button, submitted as a pair with the button's value as part of the form data.\n   * @attribute\n   */\n  @property({ type: String }) accessor name: string | undefined\n\n  #value?: string\n\n  get value(): string | undefined {\n    return this.#value\n  }\n\n  /**\n   * Defines the value associated with the button's name when it's submitted with the form data.\n   * @attribute\n   */\n  @property({ type: String })\n  set value(value: string | undefined) {\n    if (this.#value === value) {\n      return\n    }\n    this.#value = value\n    this.#internals?.setFormValue(value || null)\n  }\n\n  /**\n   * Whether to render the icon at the inline end of the label rather than the inline start.\n   * @attribute\n   */\n  @property({ type: Boolean, attribute: 'trailingicon', reflect: true }) accessor trailingIcon = false\n\n  /**\n   * The default behavior of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor type: ButtonType = 'button'\n\n  /**\n   * When set, the button is a toggle button.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor toggle = false\n\n  /**\n   * Indicates that the button is currently selected.\n   * @attribute\n   */\n  @property({ type: Boolean, reflect: true }) accessor selected = false\n\n  /**\n   * The shape of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor shape: MdButtonShape = 'round'\n\n  /**\n   * The size of the button.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor size: MdButtonSize = 's'\n\n  get disabled(): boolean {\n    return isDisabled(this)\n  }\n\n  /**\n   * When set, the button is in a disabled state.\n   * @attribute\n   */\n  @property({ reflect: true, type: Boolean })\n  set disabled(value: boolean) {\n    const old = isDisabled(this)\n    setDisabled(this, value)\n    this.requestUpdate('disabled', old)\n  }\n\n  @query('ui-ripple') protected accessor ripple!: UiRipple | null\n\n  /**\n   * Turns a `<ui-button>` element into a popover control button; takes the ID\n   * of the popover element to control as its value.\n   * @attribute\n   */\n  @property({ type: String, reflect: true }) accessor popoverTarget: string | undefined\n  /**\n   * Specifies the action to be performed on a popover element being controlled\n   * by a control <ui-button>. Possible values are:\n   *\n   * - `hide` - The button will hide a shown popover. If you try to hide an already hidden popover,\n   *   no action will be taken.\n   * - `show` - The button will show a hidden popover. If you try to show an already showing popover,\n   *   no action will be taken.\n   * - `toggle` - The button will toggle a popover between showing and hidden. If the popover is hidden,\n   *   it will be shown; if the popover is showing, it will be hidden. If popoverTargetAction is omitted,\n   *   \"toggle\" is the default action that will be performed by the control button.\n   */\n  @property({ type: String, reflect: true }) accessor popoverTargetAction: string | undefined\n\n  constructor() {\n    super()\n    this.actionController.cancelKeyboardEvents = true\n    this.addEventListener('keydown', this.handleKeyDown.bind(this))\n    this.addEventListener('keyup', this.handleKeyUp.bind(this))\n    this.addEventListener('click', this.handleClick.bind(this))\n    this.addEventListener('pointerdown', this.handlePointerDown.bind(this))\n    this.addEventListener('pointerup', this.handlePointerUp.bind(this))\n    this.addEventListener('pointercancel', this.handlePointerCancel.bind(this))\n    this.addEventListener('pointerleave', this.handlePointerLeave.bind(this))\n    this.addEventListener('pointerenter', this.handlePointerEnter.bind(this))\n    this.addEventListener('contextmenu', this.handleContextMenu.bind(this))\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback()\n    if (!this.hasAttribute('role')) {\n      this.setAttribute('role', 'button')\n    }\n    if (!this.hasAttribute('tabindex') && !this.disabled) {\n      this.setAttribute('tabindex', '0')\n    }\n  }\n\n  protected override update(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('popoverTarget')) {\n      this.setupPopoverTarget()\n    }\n    super.update(changedProperties)\n  }\n\n  protected override updated(cp: PropertyValues<this>): void {\n    super.updated(cp)\n\n    // If the button is disabled, remove the tabindex attribute\n    if (cp.has('disabled')) {\n      if (this.disabled) {\n        this.removeAttribute('tabindex')\n      } else if (!this.hasAttribute('tabindex')) {\n        this.setAttribute('tabindex', '0')\n      }\n    }\n\n    if (cp.has('toggle') || cp.has('selected')) {\n      this.updatePressedState()\n    }\n  }\n\n  protected updatePressedState(): void {\n    if (this.toggle) {\n      this.ariaPressed = String(this.selected)\n    } else {\n      this.selected = false\n      this.removeAttribute('aria-pressed')\n    }\n  }\n\n  checkValidity() {\n    return this.#internals.checkValidity()\n  }\n\n  reportValidity() {\n    return this.#internals.reportValidity()\n  }\n\n  protected override firstUpdated(): void {\n    this.#internals?.setFormValue(this.value || null)\n  }\n\n  override beginPress(options: BeginPressConfig): void {\n    super.beginPress(options)\n    this.classList.add('pressed')\n    this.ripple?.beginFocus()\n  }\n\n  override endPress(config: EndPressConfig): void {\n    super.endPress(config)\n    this.classList.remove('pressed')\n    this.ripple?.endFocus()\n    const { cancelled, reason } = config\n    if (cancelled) {\n      return\n    }\n    const allowedReasons = reason === 'enter' || reason === 'space'\n    if (this.type === 'submit' && (!reason || allowedReasons)) {\n      this.handleSubmit()\n    } else if (this.type === 'reset' && (!reason || allowedReasons)) {\n      this.handleReset()\n    } else if (allowedReasons) {\n      this.click()\n    }\n  }\n\n  override handleClick(e: MouseEvent): void {\n    // Do not call super.handleClick() here, as it would call `endPress` again.\n    if (this.disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n\n    if (this.toggle) {\n      this.selected = !this.selected\n      const e = new ToggleEvent('toggle', {\n        bubbles: true,\n        composed: true,\n        newState: this.selected ? 'selected' : 'unselected',\n        oldState: this.selected ? 'unselected' : 'selected',\n      })\n      this.dispatchEvent(e)\n    }\n    this.handlePopoverAction()\n    this.endPress({ cancelled: false, actionData: { event: e } })\n  }\n\n  protected setupPopoverTarget(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    // A regular button first sets its value to the popover target ID,\n    this.value = id\n    // create an anchor association with the popover target\n    if (!this.id) {\n      this.id = nanoid()\n    }\n    const anchorName = `--anchor-${this.id}`\n    this.style.setProperty('anchor-name', anchorName)\n    element.style.setProperty('position-anchor', anchorName)\n    this.setAttribute('aria-details', id)\n    this.setAttribute('aria-controls', id)\n  }\n\n  /**\n   * When the button has a popover target, this method toggles the popover\n   * visibility by finding the element in the shadow roots and calling its\n   * `togglePopover` method.\n   */\n  protected handlePopoverAction(): void {\n    const id = this.popoverTarget\n    if (!id) {\n      return\n    }\n    const element = findElementInShadowRoots(id, this)\n    if (!element) {\n      return\n    }\n    const action = this.popoverTargetAction || 'toggle'\n    if (action === 'hide') {\n      element.hidePopover()\n    } else if (action === 'show') {\n      element.showPopover()\n    } else {\n      element.togglePopover()\n    }\n    element.focus()\n  }\n\n  protected handleSubmit(): void {\n    const { name, value, type, disabled, form } = this\n    if (!form || !type || disabled) {\n      return\n    }\n    const typedForm = form as HTMLFormElement\n    let button: HTMLButtonElement | undefined\n    if (name || value) {\n      button = document.createElement('button')\n      if (name) {\n        button.name = name\n      }\n      if (value) {\n        button.value = value\n      }\n      button.type = type\n      button.hidden = true\n      typedForm.append(button)\n    }\n    try {\n      typedForm.requestSubmit(button)\n    } catch {\n      // Ignore errors\n    }\n    if (button) {\n      typedForm.removeChild(button)\n    }\n  }\n\n  protected handleReset(): void {\n    const form = this.form as HTMLFormElement\n    form?.reset()\n  }\n\n  override handlePointerEnter(e: PointerEvent): void {\n    super.handlePointerEnter(e)\n    this.ripple?.beginHover(e)\n  }\n\n  override handlePointerLeave(e: PointerEvent): void {\n    super.handlePointerLeave(e)\n    this.ripple?.endHover()\n  }\n\n  protected override render(): TemplateResult {\n    const { trailingIcon = false } = this\n    const icon = this.renderIcon()\n\n    return html`\n      ${this.renderFocusRing()} ${this.renderRipple()} ${trailingIcon ? nothing : icon}\n      <slot></slot>\n      ${trailingIcon ? icon : nothing}\n    `\n  }\n\n  protected renderIcon(): TemplateResult {\n    return html`<slot name=\"icon\"></slot>`\n  }\n\n  protected renderFocusRing(): TemplateResult {\n    return html`<md-focus-ring part=\"focus-ring\" class=\"focus-ring\" .control=\"${this as HTMLElement}\"></md-focus-ring>`\n  }\n\n  protected renderRipple(): TemplateResult {\n    return html`<ui-ripple class=\"ripple\" ?disabled=\"${this.disabled}\"></ui-ripple>`\n  }\n}\n"]}

package/build/src/md/date-picker/internals/DatePicker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyL1B,CAAA;AAED,eAAO,MAAM,WAAW,yBA+BvB,CAAA;AAED,eAAO,MAAM,WAAW,yBAmHvB,CAAA"}
+{"version":3,"file":"DatePicker.styles.d.ts","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,yBAyL1B,CAAA;AAED,eAAO,MAAM,WAAW,yBAmCvB,CAAA;AAED,eAAO,MAAM,WAAW,yBAwLvB,CAAA"}

package/build/src/md/date-picker/internals/DatePicker.styles.js

@@ -216,6 +216,10 @@ export const inputStyles = css `
     z-index: 999;
     background: transparent;
   }
+
+  .calendar-icon {
+    cursor: pointer;
+  }
 `;
 export const modalStyles = css `
   .modal-header {
@@ -280,6 +284,75 @@ export const modalStyles = css `
     font-size: 18px;
   }
 
+  /* Input container and format help styles */
+  .input-container {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    width: 100%;
+    max-width: 320px;
+  }
+
+  .format-help {
+    padding: 12px 16px;
+    background: var(--md-sys-color-surface-container-highest);
+    border-radius: 8px;
+    border: 1px solid var(--md-sys-color-outline-variant);
+  }
+
+  .help-title {
+    margin: 0 0 8px 0;
+    font-size: 14px;
+    color: var(--md-sys-color-on-surface);
+    line-height: 1.4;
+  }
+
+  .help-examples {
+    margin: 0;
+    font-size: 13px;
+    color: var(--md-sys-color-on-surface-variant);
+    line-height: 1.4;
+  }
+
+  /* Accessibility utilities */
+  .visually-hidden {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+  }
+
+  /* Modal header actions and input mode styles */
+  .header-actions {
+    display: flex;
+    gap: 8px;
+  }
+
+  .input-mode-placeholder {
+    padding: 24px;
+    text-align: center;
+    color: var(--md-sys-color-on-surface-variant);
+  }
+
+  .input-mode-icon {
+    font-size: 48px;
+    margin-bottom: 16px;
+  }
+
   .modal-actions {
     display: flex;
     justify-content: flex-end;

package/build/src/md/date-picker/internals/DatePicker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.styles.js","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B7B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmH7B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const calendarStyles = css`\n  :host {\n    display: block;\n    font-family: 'Roboto', sans-serif;\n    font-size: 14px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface-container-high);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    box-shadow: var(--md-sys-elevation-2);\n    overflow: hidden;\n  }\n\n  .calendar {\n    padding: 20px 12px 12px 12px;\n  }\n\n  /* Header */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    gap: 8px;\n  }\n\n  .month-year {\n    display: flex;\n    align-items: center;\n    flex: 1;\n    justify-content: space-between;\n  }\n\n  .month-selector,\n  .year-selector {\n    display: flex;\n    align-items: center;\n  }\n\n  .month-year-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface);\n    min-width: 120px;\n  }\n\n  /* Weekdays header */\n  .weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    margin-bottom: 16px;\n  }\n\n  .weekday {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n  }\n\n  /* Calendar grid */\n  .days {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    gap: 0;\n  }\n\n  .day-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 40px;\n  }\n\n  .day-cell.in-range.has-complete-range {\n    background: var(--md-sys-color-secondary-container);\n  }\n\n  .day-cell.range-start.has-complete-range:not(.range-end) {\n    background: linear-gradient(to right, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-end.has-complete-range:not(.range-start) {\n    background: linear-gradient(to left, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-start.range-end.has-complete-range {\n    background: transparent;\n  }\n\n  .day-button {\n    width: 40px !important;\n    height: 40px !important;\n    min-width: 40px !important;\n    padding: 0;\n  }\n\n  .day-button.other-month {\n    opacity: 0.38;\n  }\n\n  .nav-button,\n  .month-button,\n  .year-button,\n  .other-month .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .month-button,\n  .year-button {\n    padding: 0;\n  }\n\n  .weekday:not([color='filled']),\n  .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .today .day-button:not([color='filled']) {\n    color: var(--md-sys-color-primary);\n  }\n\n  .today .day-button {\n    --md-button-outline-color: var(--md-sys-color-primary);\n  }\n\n  /* Dropdown views */\n  .dropdown-view {\n    min-height: 300px;\n  }\n\n  .close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n    border-radius: 16px;\n    transition: background-color 0.2s ease;\n  }\n\n  .close-button:hover {\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);\n  }\n\n  .close-button:focus {\n    outline: none;\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);\n  }\n\n  /* Month dropdown */\n  .month-list {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n\n  .year-option:not(.selected),\n  .month-option:not(.selected) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  /* Year dropdown */\n  .year-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 4px;\n    max-height: 240px;\n    overflow-y: auto;\n    padding: 4px;\n  }\n\n  .actions {\n    margin-top: 8px;\n    display: flex;\n    justify-content: flex-end;\n  }\n`\n\nexport const inputStyles = css`\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  .input-container {\n    position: relative;\n  }\n\n  .dropdown-container {\n    position: absolute;\n    position-anchor: --ui-date-picker-anchor;\n    top: anchor(bottom);\n    left: anchor(left);\n    z-index: 1000;\n    margin-top: 4px;\n    min-width: anchor-size(width);\n    width: max-content;\n    max-width: calc(100vw - 32px);\n  }\n\n  .backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    background: transparent;\n  }\n`\n\nexport const modalStyles = css`\n  .modal-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px 24px 16px;\n  }\n\n  .modal-title {\n    font-size: 24px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n    margin: 0;\n  }\n\n  .modal-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 24px;\n    max-height: 60vh;\n    overflow-y: auto;\n  }\n\n  .modal-content ui-date-picker-calendar {\n    box-shadow: none;\n  }\n\n  .date-range-display {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: var(--md-sys-color-surface-container-highest);\n    border-radius: 12px;\n    width: 100%;\n    max-width: 320px;\n  }\n\n  .date-display {\n    flex: 1;\n    text-align: center;\n  }\n\n  .date-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n  }\n\n  .date-value {\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .date-separator {\n    color: var(--md-sys-color-on-surface-variant);\n    font-size: 18px;\n  }\n\n  .modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 16px 24px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Calendar Action Buttons */\n  .actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Pending selection state */\n  .day.pending {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border: 2px solid var(--md-sys-color-secondary);\n  }\n\n  .day.pending.selected {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.range-start,\n  .day.pending.range-end {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.in-range {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  /* Responsive */\n  @media (max-width: 640px) {\n    .modal-content {\n      padding: 16px;\n    }\n\n    .calendar {\n      width: 100%;\n      max-width: 320px;\n    }\n  }\n`\n"]}
+{"version":3,"file":"DatePicker.styles.js","sourceRoot":"","sources":["../../../../../src/md/date-picker/internals/DatePicker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyLhC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmC7B,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwL7B,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport const calendarStyles = css`\n  :host {\n    display: block;\n    font-family: 'Roboto', sans-serif;\n    font-size: 14px;\n    border-radius: 12px;\n    background: var(--md-sys-color-surface-container-high);\n    border: 1px solid var(--md-sys-color-outline-variant);\n    box-shadow: var(--md-sys-elevation-2);\n    overflow: hidden;\n  }\n\n  .calendar {\n    padding: 20px 12px 12px 12px;\n  }\n\n  /* Header */\n  .header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 30px;\n    gap: 8px;\n  }\n\n  .month-year {\n    display: flex;\n    align-items: center;\n    flex: 1;\n    justify-content: space-between;\n  }\n\n  .month-selector,\n  .year-selector {\n    display: flex;\n    align-items: center;\n  }\n\n  .month-year-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface);\n    min-width: 120px;\n  }\n\n  /* Weekdays header */\n  .weekdays {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    margin-bottom: 16px;\n  }\n\n  .weekday {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n  }\n\n  /* Calendar grid */\n  .days {\n    display: grid;\n    grid-template-columns: repeat(7, 40px);\n    gap: 0;\n  }\n\n  .day-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    width: 40px;\n  }\n\n  .day-cell.in-range.has-complete-range {\n    background: var(--md-sys-color-secondary-container);\n  }\n\n  .day-cell.range-start.has-complete-range:not(.range-end) {\n    background: linear-gradient(to right, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-end.has-complete-range:not(.range-start) {\n    background: linear-gradient(to left, transparent 50%, var(--md-sys-color-secondary-container) 50%);\n  }\n\n  .day-cell.range-start.range-end.has-complete-range {\n    background: transparent;\n  }\n\n  .day-button {\n    width: 40px !important;\n    height: 40px !important;\n    min-width: 40px !important;\n    padding: 0;\n  }\n\n  .day-button.other-month {\n    opacity: 0.38;\n  }\n\n  .nav-button,\n  .month-button,\n  .year-button,\n  .other-month .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .month-button,\n  .year-button {\n    padding: 0;\n  }\n\n  .weekday:not([color='filled']),\n  .day-button:not([color='filled']):not([disabled]) {\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .today .day-button:not([color='filled']) {\n    color: var(--md-sys-color-primary);\n  }\n\n  .today .day-button {\n    --md-button-outline-color: var(--md-sys-color-primary);\n  }\n\n  /* Dropdown views */\n  .dropdown-view {\n    min-height: 300px;\n  }\n\n  .close-button {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 32px;\n    height: 32px;\n    border: none;\n    background: transparent;\n    color: var(--md-sys-color-on-surface-variant);\n    cursor: pointer;\n    border-radius: 16px;\n    transition: background-color 0.2s ease;\n  }\n\n  .close-button:hover {\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 8%, transparent);\n  }\n\n  .close-button:focus {\n    outline: none;\n    background: color-mix(in srgb, var(--md-sys-color-on-surface) 12%, transparent);\n  }\n\n  /* Month dropdown */\n  .month-list {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n\n  .year-option:not(.selected),\n  .month-option:not(.selected) {\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  /* Year dropdown */\n  .year-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 4px;\n    max-height: 240px;\n    overflow-y: auto;\n    padding: 4px;\n  }\n\n  .actions {\n    margin-top: 8px;\n    display: flex;\n    justify-content: flex-end;\n  }\n`\n\nexport const inputStyles = css`\n  :host {\n    display: inline-block;\n    width: 100%;\n  }\n\n  .input-container {\n    position: relative;\n  }\n\n  .dropdown-container {\n    position: absolute;\n    position-anchor: --ui-date-picker-anchor;\n    top: anchor(bottom);\n    left: anchor(left);\n    z-index: 1000;\n    margin-top: 4px;\n    min-width: anchor-size(width);\n    width: max-content;\n    max-width: calc(100vw - 32px);\n  }\n\n  .backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999;\n    background: transparent;\n  }\n\n  .calendar-icon {\n    cursor: pointer;\n  }\n`\n\nexport const modalStyles = css`\n  .modal-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 24px 24px 16px;\n  }\n\n  .modal-title {\n    font-size: 24px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n    margin: 0;\n  }\n\n  .modal-content {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 24px;\n    max-height: 60vh;\n    overflow-y: auto;\n  }\n\n  .modal-content ui-date-picker-calendar {\n    box-shadow: none;\n  }\n\n  .date-range-display {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 16px;\n    background: var(--md-sys-color-surface-container-highest);\n    border-radius: 12px;\n    width: 100%;\n    max-width: 320px;\n  }\n\n  .date-display {\n    flex: 1;\n    text-align: center;\n  }\n\n  .date-label {\n    font-size: 12px;\n    font-weight: 500;\n    color: var(--md-sys-color-on-surface-variant);\n    text-transform: uppercase;\n    margin-bottom: 4px;\n  }\n\n  .date-value {\n    font-size: 16px;\n    font-weight: 400;\n    color: var(--md-sys-color-on-surface);\n  }\n\n  .date-separator {\n    color: var(--md-sys-color-on-surface-variant);\n    font-size: 18px;\n  }\n\n  /* Input container and format help styles */\n  .input-container {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    width: 100%;\n    max-width: 320px;\n  }\n\n  .format-help {\n    padding: 12px 16px;\n    background: var(--md-sys-color-surface-container-highest);\n    border-radius: 8px;\n    border: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  .help-title {\n    margin: 0 0 8px 0;\n    font-size: 14px;\n    color: var(--md-sys-color-on-surface);\n    line-height: 1.4;\n  }\n\n  .help-examples {\n    margin: 0;\n    font-size: 13px;\n    color: var(--md-sys-color-on-surface-variant);\n    line-height: 1.4;\n  }\n\n  /* Accessibility utilities */\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n\n  fieldset {\n    border: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  /* Modal header actions and input mode styles */\n  .header-actions {\n    display: flex;\n    gap: 8px;\n  }\n\n  .input-mode-placeholder {\n    padding: 24px;\n    text-align: center;\n    color: var(--md-sys-color-on-surface-variant);\n  }\n\n  .input-mode-icon {\n    font-size: 48px;\n    margin-bottom: 16px;\n  }\n\n  .modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    padding: 16px 24px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Calendar Action Buttons */\n  .actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 8px;\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid var(--md-sys-color-outline-variant);\n  }\n\n  /* Pending selection state */\n  .day.pending {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n    border: 2px solid var(--md-sys-color-secondary);\n  }\n\n  .day.pending.selected {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.range-start,\n  .day.pending.range-end {\n    background: var(--md-sys-color-secondary);\n    color: var(--md-sys-color-on-secondary);\n  }\n\n  .day.pending.in-range {\n    background: var(--md-sys-color-secondary-container);\n    color: var(--md-sys-color-on-secondary-container);\n  }\n\n  /* Responsive */\n  @media (max-width: 640px) {\n    .modal-content {\n      padding: 16px;\n    }\n\n    .calendar {\n      width: 100%;\n      max-width: 320px;\n    }\n  }\n`\n"]}