@thorprovider/blocks 4.0.0 → 4.3.0

package/dist/blocks/designs/address-book-advanced/components/address-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-form.tsx"],"sourcesContent":["import { cloneElement, isValidElement, useEffect, useId, useRef, useState } from 'react'\nimport type { FormEvent, ReactElement, ReactNode } from 'react'\n\nimport type {\n  AddressBookConfig,\n  AddressBookLabels,\n  AddressDraft,\n  CommerceAddress,\n  CountrySchema,\n} from '../contracts'\nimport { citiesFor, getCountry, regionNames } from '../countries'\nimport { applyCountryChange } from '../helpers'\nimport { validateDraft } from '../validation'\n\nexport type AddressFormProps = {\n  mode: 'create' | 'edit'\n  initial: AddressDraft\n  countries: CountrySchema[]\n  addressLabels: Array<{ id: string; label: string }>\n  config: AddressBookConfig\n  labels: AddressBookLabels['form']\n  presentation?: AddressBookConfig['presentation']['formMode']\n  simple?: boolean\n  focusTrap?: boolean\n  submitting?: boolean\n  serverErrors?: Record<string, string>\n  others?: CommerceAddress[]\n  onSubmit: (draft: AddressDraft) => void\n  onCancel: () => void\n  onDirtyChange?: (dirty: boolean) => void\n}\n\nconst CONTROL =\n  'mt-1 h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none aria-invalid:border-destructive'\n\nconst AREA =\n  'mt-1 min-h-20 w-full rounded-md border border-border bg-background px-3 py-2 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none aria-invalid:border-destructive'\n\ntype FieldProps = {\n  id: string\n  label: string\n  required?: boolean\n  error?: string\n  help?: string\n  className?: string\n  children: ReactNode\n}\n\nfunction Field({ id, label, required, error, help, className, children }: FieldProps) {\n  const described = [help ? `${id}-help` : null, error ? `${id}-error` : null]\n    .filter(Boolean)\n    .join(' ')\n  const child = isValidElement(children)\n    ? cloneElement(children as ReactElement<Record<string, unknown>>, {\n        'aria-describedby': described || undefined,\n        'aria-required': required || undefined,\n      })\n    : children\n\n  return (\n    <div className={`min-w-0 ${className ?? ''}`}>\n      <label htmlFor={id} className=\"text-sm font-medium text-foreground\">\n        {label}\n        {required ? (\n          <span aria-hidden=\"true\" className=\"ml-1 text-destructive\">\n            *\n          </span>\n        ) : null}\n      </label>\n      {child}\n      {help ? (\n        <p id={`${id}-help`} className=\"mt-1 text-xs text-muted-foreground\">\n          {help}\n        </p>\n      ) : null}\n      {error ? (\n        <p id={`${id}-error`} role=\"alert\" className=\"mt-1 text-xs text-destructive\">\n          {error}\n        </p>\n      ) : null}\n    </div>\n  )\n}\n\nfunction draftFrom(initial: AddressDraft): AddressDraft {\n  return {\n    ...initial,\n    recipient: { ...initial.recipient },\n    company: initial.company ? { ...initial.company } : undefined,\n    postal: { ...initial.postal },\n    defaults: { ...initial.defaults },\n  }\n}\n\n/**\n * One form for create and edit. It owns field state, dirty tracking and\n * structural validation; persistence stays with the caller's adapter.\n */\nexport function AddressForm({\n  mode,\n  initial,\n  countries,\n  addressLabels,\n  config,\n  labels,\n  presentation,\n  simple = false,\n  focusTrap = true,\n  submitting = false,\n  serverErrors,\n  others = [],\n  onSubmit,\n  onCancel,\n  onDirtyChange,\n}: AddressFormProps) {\n  const uid = useId()\n  const [values, setValues] = useState<AddressDraft>(() => draftFrom(initial))\n  const [touched, setTouched] = useState<Record<string, boolean>>({})\n  const [submitted, setSubmitted] = useState(false)\n  const [countryNotice, setCountryNotice] = useState(false)\n  const initialJson = useRef(JSON.stringify(draftFrom(initial)))\n  const submitGuard = useRef(false)\n  const shellRef = useRef<HTMLDivElement>(null)\n  const cancelRef = useRef(onCancel)\n  const dirtyRef = useRef(onDirtyChange)\n  cancelRef.current = onCancel\n  dirtyRef.current = onDirtyChange\n\n  const dirty = JSON.stringify(values) !== initialJson.current\n  const isDialog =\n    (presentation ?? config.presentation.formMode) !== 'embedded' &&\n    (presentation ?? config.presentation.formMode) !== 'page'\n\n  useEffect(() => {\n    dirtyRef.current?.(dirty)\n  }, [dirty])\n\n  useEffect(() => {\n    if (!submitting) submitGuard.current = false\n  }, [submitting])\n\n  useEffect(() => {\n    if (!isDialog || !focusTrap) return\n    const shell = shellRef.current\n    const previous = document.activeElement instanceof HTMLElement ? document.activeElement : null\n    const selector =\n      'input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [href]'\n    const focusables = () =>\n      Array.from(shell?.querySelectorAll<HTMLElement>(selector) ?? [])\n\n    focusables()[0]?.focus()\n\n    const onKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        event.preventDefault()\n        cancelRef.current()\n        return\n      }\n      if (event.key !== 'Tab') return\n      const items = focusables()\n      if (items.length === 0) return\n      const first = items[0]\n      const last = items[items.length - 1]\n      if (event.shiftKey && document.activeElement === first) {\n        event.preventDefault()\n        last.focus()\n      } else if (!event.shiftKey && document.activeElement === last) {\n        event.preventDefault()\n        first.focus()\n      }\n    }\n\n    document.addEventListener('keydown', onKey)\n    return () => {\n      document.removeEventListener('keydown', onKey)\n      previous?.focus()\n    }\n  }, [isDialog, focusTrap])\n\n  const validation = validateDraft(values, config, countries, others)\n  const country = getCountry(countries, values.postal.countryCode)\n  const regions = country ? regionNames(country) : []\n  const cities = country ? citiesFor(country, values.postal.region) : []\n  const allowed = countries.filter(\n    (entry) => config.allowedCountries.length === 0 || config.allowedCountries.includes(entry.code),\n  )\n\n  const fieldId = (path: string) => `${uid}-${path.replace(/\\./g, '-')}`\n\n  const errorFor = (path: string): string | undefined => {\n    const server = serverErrors?.[path]\n    if (server) return server\n    if (!submitted && !touched[path]) return undefined\n    const code = validation.errors[path]\n    if (!code) return undefined\n    return (labels.errors as Record<string, string>)[code] ?? labels.errors.required\n  }\n\n  const describedBy = (path: string, help?: boolean) => {\n    const ids = [help ? `${fieldId(path)}-help` : null, errorFor(path) ? `${fieldId(path)}-error` : null]\n    return ids.filter(Boolean).join(' ') || undefined\n  }\n\n  const touch = (path: string) => setTouched((current) => ({ ...current, [path]: true }))\n\n  const setRecipient = (patch: Partial<AddressDraft['recipient']>) =>\n    setValues((current) => ({\n      ...current,\n      recipient: { ...current.recipient, ...patch },\n    }))\n\n  const setCompany = (patch: Partial<NonNullable<AddressDraft['company']>>) =>\n    setValues((current) => ({\n      ...current,\n      company: { name: '', ...current.company, ...patch },\n    }))\n\n  const setPostal = (patch: Partial<AddressDraft['postal']>) =>\n    setValues((current) => ({\n      ...current,\n      postal: { ...current.postal, ...patch },\n    }))\n\n  const changeCountry = (code: string) => {\n    const next = getCountry(countries, code)\n    setValues((current) => {\n      const result = applyCountryChange(current.postal, next)\n      setCountryNotice(result.cleared)\n      return { ...current, postal: result.postal }\n    })\n  }\n\n  const focusFirstInvalid = () => {\n    const first = Object.keys(validation.errors)[0]\n    if (!first) return\n    document.getElementById(fieldId(first))?.focus()\n  }\n\n  const handleSubmit = (event: FormEvent<HTMLFormElement>) => {\n    event.preventDefault()\n    setSubmitted(true)\n    if (Object.keys(validation.errors).length > 0) {\n      focusFirstInvalid()\n      return\n    }\n    if (submitGuard.current || submitting) return\n    submitGuard.current = true\n    const draft: AddressDraft = {\n      ...values,\n      company: values.owner === 'business' ? values.company : undefined,\n    }\n    onSubmit(draft)\n  }\n\n  const reset = () => {\n    setValues(draftFrom(initial))\n    setTouched({})\n    setSubmitted(false)\n    setCountryNotice(false)\n  }\n\n  const showCompany = values.owner === 'business' && !simple\n  const requireRegion = config.requiredFields.region\n  const requirePhone = config.requiredFields.phone\n\n  return (\n    <div ref={shellRef} className=\"min-w-0\">\n      <form noValidate onSubmit={handleSubmit} className=\"space-y-5\">\n        <p className=\"text-xs text-muted-foreground\">{labels.requiredHint}</p>\n\n        <fieldset className=\"space-y-3 rounded-lg border border-border p-3\">\n          <legend className=\"px-1 text-sm font-semibold text-foreground\">\n            {labels.sections.identity}\n          </legend>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            {!simple ? (\n              <Field id={fieldId('owner')} label={labels.fields.owner}>\n                <select\n                  id={fieldId('owner')}\n                  className={CONTROL}\n                  value={values.owner}\n                  onChange={(event) =>\n                    setValues((current) => ({\n                      ...current,\n                      owner: event.target.value as AddressDraft['owner'],\n                    }))\n                  }\n                >\n                  <option value=\"personal\">{labels.options.personal}</option>\n                  <option value=\"business\">{labels.options.business}</option>\n                </select>\n              </Field>\n            ) : null}\n\n            <Field id={fieldId('labelId')} label={labels.fields.label}>\n              <select\n                id={fieldId('labelId')}\n                className={CONTROL}\n                value={values.labelId ?? ''}\n                onChange={(event) =>\n                  setValues((current) => ({ ...current, labelId: event.target.value || undefined }))\n                }\n              >\n                <option value=\"\">{labels.placeholders.customLabel}</option>\n                {addressLabels.map((entry) => (\n                  <option key={entry.id} value={entry.id}>\n                    {entry.label}\n                  </option>\n                ))}\n              </select>\n            </Field>\n\n            {config.features.customLabels && !simple ? (\n              <Field id={fieldId('customLabel')} label={labels.fields.customLabel} help={labels.helps.optional}>\n                <input\n                  id={fieldId('customLabel')}\n                  className={CONTROL}\n                  value={values.customLabel ?? ''}\n                  placeholder={labels.placeholders.customLabel}\n                  onChange={(event) =>\n                    setValues((current) => ({\n                      ...current,\n                      customLabel: event.target.value || undefined,\n                    }))\n                  }\n                />\n              </Field>\n            ) : null}\n\n            {showCompany ? (\n              <Field id={fieldId('company.branchCode')} label={labels.fields.branch} help={labels.helps.branch}>\n                <input\n                  id={fieldId('company.branchCode')}\n                  className={CONTROL}\n                  value={values.company?.branchCode ?? ''}\n                  placeholder={labels.placeholders.branch}\n                  onChange={(event) => setCompany({ branchCode: event.target.value })}\n                />\n              </Field>\n            ) : null}\n          </div>\n        </fieldset>\n\n        <fieldset className=\"space-y-3 rounded-lg border border-border p-3\">\n          <legend className=\"px-1 text-sm font-semibold text-foreground\">\n            {labels.sections.recipient}\n          </legend>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            <Field\n              id={fieldId('recipient.firstName')}\n              label={labels.fields.firstName}\n              required\n              error={errorFor('recipient.firstName')}\n            >\n              <input\n                id={fieldId('recipient.firstName')}\n                className={CONTROL}\n                value={values.recipient.firstName}\n                placeholder={labels.placeholders.firstName}\n                aria-invalid={Boolean(errorFor('recipient.firstName'))}\n                aria-describedby={describedBy('recipient.firstName')}\n                onChange={(event) => setRecipient({ firstName: event.target.value })}\n                onBlur={() => touch('recipient.firstName')}\n              />\n            </Field>\n\n            <Field\n              id={fieldId('recipient.lastName')}\n              label={labels.fields.lastName}\n              required\n              error={errorFor('recipient.lastName')}\n            >\n              <input\n                id={fieldId('recipient.lastName')}\n                className={CONTROL}\n                value={values.recipient.lastName}\n                placeholder={labels.placeholders.lastName}\n                aria-invalid={Boolean(errorFor('recipient.lastName'))}\n                aria-describedby={describedBy('recipient.lastName')}\n                onChange={(event) => setRecipient({ lastName: event.target.value })}\n                onBlur={() => touch('recipient.lastName')}\n              />\n            </Field>\n\n            <Field\n              id={fieldId('recipient.phone')}\n              label={labels.fields.phone}\n              required={requirePhone}\n              help={requirePhone ? undefined : labels.helps.optional}\n              error={errorFor('recipient.phone')}\n            >\n              <input\n                id={fieldId('recipient.phone')}\n                type=\"tel\"\n                className={CONTROL}\n                value={values.recipient.phone ?? ''}\n                placeholder={labels.placeholders.phone}\n                aria-invalid={Boolean(errorFor('recipient.phone'))}\n                aria-describedby={describedBy('recipient.phone', !requirePhone)}\n                onChange={(event) => setRecipient({ phone: event.target.value || undefined })}\n                onBlur={() => touch('recipient.phone')}\n              />\n            </Field>\n\n            {!simple ? (\n              <>\n                <Field\n                  id={fieldId('recipient.secondaryPhone')}\n                  label={labels.fields.secondaryPhone}\n                  help={labels.helps.optional}\n                >\n                  <input\n                    id={fieldId('recipient.secondaryPhone')}\n                    type=\"tel\"\n                    className={CONTROL}\n                    value={values.recipient.secondaryPhone ?? ''}\n                    placeholder={labels.placeholders.phone}\n                    onChange={(event) =>\n                      setRecipient({ secondaryPhone: event.target.value || undefined })\n                    }\n                  />\n                </Field>\n\n                <Field\n                  id={fieldId('recipient.deliveryContact')}\n                  label={labels.fields.deliveryContact}\n                  help={labels.helps.optional}\n                  className=\"sm:col-span-2\"\n                >\n                  <input\n                    id={fieldId('recipient.deliveryContact')}\n                    className={CONTROL}\n                    value={values.recipient.deliveryContact ?? ''}\n                    placeholder={labels.placeholders.deliveryContact}\n                    onChange={(event) =>\n                      setRecipient({ deliveryContact: event.target.value || undefined })\n                    }\n                  />\n                </Field>\n              </>\n            ) : null}\n          </div>\n        </fieldset>\n\n        {showCompany ? (\n          <fieldset className=\"space-y-3 rounded-lg border border-border p-3\">\n            <legend className=\"px-1 text-sm font-semibold text-foreground\">\n              {labels.sections.company}\n            </legend>\n            <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n              <Field\n                id={fieldId('company.name')}\n                label={labels.fields.companyName}\n                required\n                error={errorFor('company.name')}\n              >\n                <input\n                  id={fieldId('company.name')}\n                  className={CONTROL}\n                  value={values.company?.name ?? ''}\n                  placeholder={labels.placeholders.companyName}\n                  aria-invalid={Boolean(errorFor('company.name'))}\n                  aria-describedby={describedBy('company.name')}\n                  onChange={(event) => setCompany({ name: event.target.value })}\n                  onBlur={() => touch('company.name')}\n                />\n              </Field>\n\n              <Field id={fieldId('company.locationName')} label={labels.fields.locationName} help={labels.helps.optional}>\n                <input\n                  id={fieldId('company.locationName')}\n                  className={CONTROL}\n                  value={values.company?.locationName ?? ''}\n                  placeholder={labels.placeholders.locationName}\n                  onChange={(event) => setCompany({ locationName: event.target.value })}\n                />\n              </Field>\n\n              <Field id={fieldId('company.department')} label={labels.fields.department} help={labels.helps.optional}>\n                <input\n                  id={fieldId('company.department')}\n                  className={CONTROL}\n                  value={values.company?.department ?? ''}\n                  placeholder={labels.placeholders.department}\n                  onChange={(event) => setCompany({ department: event.target.value })}\n                />\n              </Field>\n\n              <Field id={fieldId('company.reference')} label={labels.fields.reference} help={labels.helps.optional}>\n                <input\n                  id={fieldId('company.reference')}\n                  className={CONTROL}\n                  value={values.company?.reference ?? ''}\n                  placeholder={labels.placeholders.reference}\n                  onChange={(event) => setCompany({ reference: event.target.value })}\n                />\n              </Field>\n\n              <Field\n                id={fieldId('company.taxId')}\n                label={`${labels.fields.taxId}${country?.taxIdLabel ? ` (${country.taxIdLabel})` : ''}`}\n                help={labels.helps.taxId}\n                className=\"sm:col-span-2\"\n              >\n                <input\n                  id={fieldId('company.taxId')}\n                  className={CONTROL}\n                  value={values.company?.taxId ?? ''}\n                  onChange={(event) => setCompany({ taxId: event.target.value })}\n                />\n              </Field>\n            </div>\n          </fieldset>\n        ) : null}\n\n        <fieldset className=\"space-y-3 rounded-lg border border-border p-3\">\n          <legend className=\"px-1 text-sm font-semibold text-foreground\">\n            {labels.sections.postal}\n          </legend>\n          {countryNotice ? (\n            <p role=\"status\" className=\"text-xs text-muted-foreground\">\n              {labels.countryChanged}\n            </p>\n          ) : null}\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            <Field\n              id={fieldId('postal.countryCode')}\n              label={labels.fields.country}\n              required\n              error={errorFor('postal.countryCode')}\n            >\n              <select\n                id={fieldId('postal.countryCode')}\n                className={CONTROL}\n                value={values.postal.countryCode}\n                aria-invalid={Boolean(errorFor('postal.countryCode'))}\n                aria-describedby={describedBy('postal.countryCode')}\n                onChange={(event) => changeCountry(event.target.value)}\n                onBlur={() => touch('postal.countryCode')}\n              >\n                {allowed.map((entry) => (\n                  <option key={entry.code} value={entry.code}>\n                    {entry.name}\n                  </option>\n                ))}\n              </select>\n            </Field>\n\n            <Field\n              id={fieldId('postal.line1')}\n              label={labels.fields.line1}\n              required\n              error={errorFor('postal.line1')}\n              className=\"sm:col-span-2\"\n            >\n              <input\n                id={fieldId('postal.line1')}\n                className={CONTROL}\n                value={values.postal.line1}\n                placeholder={labels.placeholders.line1}\n                aria-invalid={Boolean(errorFor('postal.line1'))}\n                aria-describedby={describedBy('postal.line1')}\n                onChange={(event) => setPostal({ line1: event.target.value })}\n                onBlur={() => touch('postal.line1')}\n              />\n            </Field>\n\n            <Field\n              id={fieldId('postal.line2')}\n              label={labels.fields.line2}\n              help={labels.helps.optional}\n              className=\"sm:col-span-2\"\n            >\n              <input\n                id={fieldId('postal.line2')}\n                className={CONTROL}\n                value={values.postal.line2 ?? ''}\n                placeholder={labels.placeholders.line2}\n                onChange={(event) => setPostal({ line2: event.target.value || undefined })}\n              />\n            </Field>\n\n            <Field\n              id={fieldId('postal.region')}\n              label={country?.regionLabel ?? labels.fields.region}\n              required={requireRegion}\n              error={errorFor('postal.region')}\n            >\n              {regions.length > 0 ? (\n                <select\n                  id={fieldId('postal.region')}\n                  className={CONTROL}\n                  value={values.postal.region}\n                  aria-invalid={Boolean(errorFor('postal.region'))}\n                  aria-describedby={describedBy('postal.region')}\n                  onChange={(event) =>\n                    setPostal({ region: event.target.value, city: '' })\n                  }\n                  onBlur={() => touch('postal.region')}\n                >\n                  <option value=\"\">{labels.placeholders.region}</option>\n                  {regions.map((name) => (\n                    <option key={name} value={name}>\n                      {name}\n                    </option>\n                  ))}\n                </select>\n              ) : (\n                <input\n                  id={fieldId('postal.region')}\n                  className={CONTROL}\n                  value={values.postal.region}\n                  placeholder={labels.placeholders.region}\n                  aria-invalid={Boolean(errorFor('postal.region'))}\n                  aria-describedby={describedBy('postal.region')}\n                  onChange={(event) => setPostal({ region: event.target.value })}\n                  onBlur={() => touch('postal.region')}\n                />\n              )}\n            </Field>\n\n            <Field\n              id={fieldId('postal.city')}\n              label={country?.cityLabel ?? labels.fields.city}\n              required\n              error={errorFor('postal.city')}\n            >\n              {cities.length > 0 ? (\n                <select\n                  id={fieldId('postal.city')}\n                  className={CONTROL}\n                  value={values.postal.city}\n                  aria-invalid={Boolean(errorFor('postal.city'))}\n                  aria-describedby={describedBy('postal.city')}\n                  onChange={(event) => setPostal({ city: event.target.value })}\n                  onBlur={() => touch('postal.city')}\n                >\n                  <option value=\"\">{labels.placeholders.city}</option>\n                  {cities.map((name) => (\n                    <option key={name} value={name}>\n                      {name}\n                    </option>\n                  ))}\n                </select>\n              ) : (\n                <input\n                  id={fieldId('postal.city')}\n                  className={CONTROL}\n                  value={values.postal.city}\n                  placeholder={labels.placeholders.city}\n                  aria-invalid={Boolean(errorFor('postal.city'))}\n                  aria-describedby={describedBy('postal.city')}\n                  onChange={(event) => setPostal({ city: event.target.value })}\n                  onBlur={() => touch('postal.city')}\n                />\n              )}\n            </Field>\n\n            <Field\n              id={fieldId('postal.postalCode')}\n              label={country?.postalLabel ?? labels.fields.postalCode}\n              required={Boolean(country?.postalRequired)}\n              error={errorFor('postal.postalCode')}\n            >\n              <input\n                id={fieldId('postal.postalCode')}\n                inputMode=\"numeric\"\n                className={CONTROL}\n                value={values.postal.postalCode ?? ''}\n                placeholder={labels.placeholders.postalCode}\n                aria-invalid={Boolean(errorFor('postal.postalCode'))}\n                aria-describedby={describedBy('postal.postalCode')}\n                onChange={(event) => setPostal({ postalCode: event.target.value || undefined })}\n                onBlur={() => touch('postal.postalCode')}\n              />\n            </Field>\n\n            {!simple ? (\n              <Field\n                id={fieldId('postal.instructions')}\n                label={labels.fields.instructions}\n                help={labels.helps.optional}\n                className=\"sm:col-span-2\"\n              >\n                <textarea\n                  id={fieldId('postal.instructions')}\n                  className={AREA}\n                  value={values.postal.instructions ?? ''}\n                  placeholder={labels.placeholders.instructions}\n                  onChange={(event) => setPostal({ instructions: event.target.value || undefined })}\n                />\n              </Field>\n            ) : null}\n          </div>\n        </fieldset>\n\n        {config.features.defaultAddresses ? (\n          <fieldset className=\"space-y-2 rounded-lg border border-border p-3\">\n            <legend className=\"px-1 text-sm font-semibold text-foreground\">\n              {labels.sections.defaults}\n            </legend>\n            <label className=\"flex items-center gap-2 text-sm text-foreground\">\n              <input\n                type=\"checkbox\"\n                className=\"h-4 w-4 rounded border-border\"\n                checked={values.defaults.shipping}\n                onChange={(event) =>\n                  setValues((current) => ({\n                    ...current,\n                    defaults: { ...current.defaults, shipping: event.target.checked },\n                  }))\n                }\n              />\n              {labels.fields.defaultShipping}\n            </label>\n            {config.features.billingAddresses ? (\n              <label className=\"flex items-center gap-2 text-sm text-foreground\">\n                <input\n                  type=\"checkbox\"\n                  className=\"h-4 w-4 rounded border-border\"\n                  checked={values.defaults.billing}\n                  onChange={(event) =>\n                    setValues((current) => ({\n                      ...current,\n                      defaults: { ...current.defaults, billing: event.target.checked },\n                    }))\n                  }\n                />\n                {labels.fields.defaultBilling}\n              </label>\n            ) : null}\n            <p className=\"text-xs text-muted-foreground\">{labels.helps.defaults}</p>\n          </fieldset>\n        ) : null}\n\n        {validation.warnings.duplicate ? (\n          <p role=\"status\" className=\"text-xs text-muted-foreground\">\n            {labels.errors.duplicate}\n          </p>\n        ) : null}\n\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:justify-end\">\n          <button\n            type=\"button\"\n            className=\"h-9 rounded-md border border-border px-3 text-sm text-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n            onClick={reset}\n          >\n            {labels.reset}\n          </button>\n          <button\n            type=\"button\"\n            className=\"h-9 rounded-md border border-border px-3 text-sm text-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n            onClick={onCancel}\n          >\n            {labels.cancel}\n          </button>\n          <button\n            type=\"submit\"\n            disabled={submitting}\n            aria-busy={submitting}\n            className=\"h-9 rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:opacity-90 focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none disabled:opacity-60\"\n          >\n            {submitting ? labels.saving : mode === 'create' ? labels.submitCreate : labels.submitEdit}\n          </button>\n        </div>\n      </form>\n    </div>\n  )\n}\n"],"mappings":"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","names":[]}

package/dist/blocks/designs/address-book-advanced/components/address-list.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+import type { AddressBookLabels, AddressPermissions, CommerceAddress, DefaultKind } from '../contracts';
+type Props = {
+    addresses: CommerceAddress[];
+    labels: AddressBookLabels['card'];
+    permissions: AddressPermissions;
+    layout: 'grid' | 'list';
+    columns?: 1 | 2;
+    labelOf: (address: CommerceAddress) => string;
+    countryOf: (address: CommerceAddress) => string | undefined;
+    iconOf?: (address: CommerceAddress) => 'home' | 'building' | 'warehouse' | 'pin' | undefined;
+    selectedId?: string;
+    disabledIds?: string[];
+    busyId?: string;
+    onSelect?: (address: CommerceAddress) => void;
+    onEdit?: (address: CommerceAddress) => void;
+    onDuplicate?: (address: CommerceAddress) => void;
+    onDelete?: (address: CommerceAddress) => void;
+    onSetDefault?: (address: CommerceAddress, kind: DefaultKind) => void;
+    onViewDetails?: (address: CommerceAddress) => void;
+    onVerify?: (address: CommerceAddress) => void;
+    empty?: ReactNode;
+};
+export declare function AddressList({ addresses, labels, permissions, layout, columns, labelOf, countryOf, iconOf, selectedId, disabledIds, busyId, onSelect, onEdit, onDuplicate, onDelete, onSetDefault, onViewDetails, onVerify, empty, }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=address-list.d.ts.map

package/dist/blocks/designs/address-book-advanced/components/address-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-list.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EACV,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,WAAW,EACZ,MAAM,cAAc,CAAA;AAIrB,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,eAAe,EAAE,CAAA;IAC5B,MAAM,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IACjC,WAAW,EAAE,kBAAkB,CAAA;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,CAAA;IACf,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,CAAA;IAC7C,SAAS,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,GAAG,SAAS,CAAA;IAC3D,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,MAAM,GAAG,UAAU,GAAG,WAAW,GAAG,KAAK,GAAG,SAAS,CAAA;IAC5F,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAC3C,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAChD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,IAAI,EAAE,WAAW,KAAK,IAAI,CAAA;IACpE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAClD,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,MAAM,EACN,WAAW,EACX,MAAM,EACN,OAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EACN,UAAU,EACV,WAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,QAAQ,EACR,KAAK,GACN,EAAE,KAAK,+BAuCP"}

package/dist/blocks/designs/address-book-advanced/components/address-list.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var address_list_exports = {};
+__export(address_list_exports, {
+  AddressList: () => AddressList
+});
+module.exports = __toCommonJS(address_list_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_address_card = require("./address-card.js");
+function AddressList({
+  addresses,
+  labels,
+  permissions,
+  layout,
+  columns = 2,
+  labelOf,
+  countryOf,
+  iconOf,
+  selectedId,
+  disabledIds = [],
+  busyId,
+  onSelect,
+  onEdit,
+  onDuplicate,
+  onDelete,
+  onSetDefault,
+  onViewDetails,
+  onVerify,
+  empty
+}) {
+  if (addresses.length === 0) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: empty });
+  }
+  const grid = layout === "list" ? "grid grid-cols-1 gap-3" : columns === 1 ? "grid grid-cols-1 gap-3" : "grid grid-cols-1 gap-3 @2xl:grid-cols-2";
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("ul", { className: `${grid} min-w-0`, role: "list", children: addresses.map((address) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("li", { className: "min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_address_card.AddressCard,
+    {
+      address,
+      labelText: labelOf(address),
+      labels,
+      permissions,
+      countryName: countryOf(address),
+      icon: iconOf?.(address),
+      selected: selectedId === address.id,
+      compact: layout === "list",
+      disabled: disabledIds.includes(address.id),
+      busy: busyId === address.id,
+      onSelect,
+      onEdit,
+      onDuplicate,
+      onDelete,
+      onSetDefault,
+      onViewDetails,
+      onVerify
+    }
+  ) }, address.id)) });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressList
+});
+//# sourceMappingURL=address-list.js.map

package/dist/blocks/designs/address-book-advanced/components/address-list.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-list.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport type {\n  AddressBookLabels,\n  AddressPermissions,\n  CommerceAddress,\n  DefaultKind,\n} from '../contracts'\n\nimport { AddressCard } from './address-card'\n\ntype Props = {\n  addresses: CommerceAddress[]\n  labels: AddressBookLabels['card']\n  permissions: AddressPermissions\n  layout: 'grid' | 'list'\n  columns?: 1 | 2\n  labelOf: (address: CommerceAddress) => string\n  countryOf: (address: CommerceAddress) => string | undefined\n  iconOf?: (address: CommerceAddress) => 'home' | 'building' | 'warehouse' | 'pin' | undefined\n  selectedId?: string\n  disabledIds?: string[]\n  busyId?: string\n  onSelect?: (address: CommerceAddress) => void\n  onEdit?: (address: CommerceAddress) => void\n  onDuplicate?: (address: CommerceAddress) => void\n  onDelete?: (address: CommerceAddress) => void\n  onSetDefault?: (address: CommerceAddress, kind: DefaultKind) => void\n  onViewDetails?: (address: CommerceAddress) => void\n  onVerify?: (address: CommerceAddress) => void\n  empty?: ReactNode\n}\n\nexport function AddressList({\n  addresses,\n  labels,\n  permissions,\n  layout,\n  columns = 2,\n  labelOf,\n  countryOf,\n  iconOf,\n  selectedId,\n  disabledIds = [],\n  busyId,\n  onSelect,\n  onEdit,\n  onDuplicate,\n  onDelete,\n  onSetDefault,\n  onViewDetails,\n  onVerify,\n  empty,\n}: Props) {\n  if (addresses.length === 0) {\n    return <>{empty}</>\n  }\n\n  const grid =\n    layout === 'list'\n      ? 'grid grid-cols-1 gap-3'\n      : columns === 1\n        ? 'grid grid-cols-1 gap-3'\n        : 'grid grid-cols-1 gap-3 @2xl:grid-cols-2'\n\n  return (\n    <ul className={`${grid} min-w-0`} role=\"list\">\n      {addresses.map((address) => (\n        <li key={address.id} className=\"min-w-0\">\n          <AddressCard\n            address={address}\n            labelText={labelOf(address)}\n            labels={labels}\n            permissions={permissions}\n            countryName={countryOf(address)}\n            icon={iconOf?.(address)}\n            selected={selectedId === address.id}\n            compact={layout === 'list'}\n            disabled={disabledIds.includes(address.id)}\n            busy={busyId === address.id}\n            onSelect={onSelect}\n            onEdit={onEdit}\n            onDuplicate={onDuplicate}\n            onDelete={onDelete}\n            onSetDefault={onSetDefault}\n            onViewDetails={onViewDetails}\n            onVerify={onVerify}\n          />\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAuDW;AA9CX,0BAA4B;AAwBrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,2EAAG,iBAAM;AAAA,EAClB;AAEA,QAAM,OACJ,WAAW,SACP,2BACA,YAAY,IACV,2BACA;AAER,SACE,4CAAC,QAAG,WAAW,GAAG,IAAI,YAAY,MAAK,QACpC,oBAAU,IAAI,CAAC,YACd,4CAAC,QAAoB,WAAU,WAC7B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,QAAQ,OAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,aAAa,UAAU,OAAO;AAAA,MAC9B,MAAM,SAAS,OAAO;AAAA,MACtB,UAAU,eAAe,QAAQ;AAAA,MACjC,SAAS,WAAW;AAAA,MACpB,UAAU,YAAY,SAAS,QAAQ,EAAE;AAAA,MACzC,MAAM,WAAW,QAAQ;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,KAnBO,QAAQ,EAoBjB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/address-book-advanced/components/address-list.mjs

@@ -0,0 +1,54 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import { AddressCard } from "./address-card.mjs";
+function AddressList({
+  addresses,
+  labels,
+  permissions,
+  layout,
+  columns = 2,
+  labelOf,
+  countryOf,
+  iconOf,
+  selectedId,
+  disabledIds = [],
+  busyId,
+  onSelect,
+  onEdit,
+  onDuplicate,
+  onDelete,
+  onSetDefault,
+  onViewDetails,
+  onVerify,
+  empty
+}) {
+  if (addresses.length === 0) {
+    return /* @__PURE__ */ jsx(Fragment, { children: empty });
+  }
+  const grid = layout === "list" ? "grid grid-cols-1 gap-3" : columns === 1 ? "grid grid-cols-1 gap-3" : "grid grid-cols-1 gap-3 @2xl:grid-cols-2";
+  return /* @__PURE__ */ jsx("ul", { className: `${grid} min-w-0`, role: "list", children: addresses.map((address) => /* @__PURE__ */ jsx("li", { className: "min-w-0", children: /* @__PURE__ */ jsx(
+    AddressCard,
+    {
+      address,
+      labelText: labelOf(address),
+      labels,
+      permissions,
+      countryName: countryOf(address),
+      icon: iconOf?.(address),
+      selected: selectedId === address.id,
+      compact: layout === "list",
+      disabled: disabledIds.includes(address.id),
+      busy: busyId === address.id,
+      onSelect,
+      onEdit,
+      onDuplicate,
+      onDelete,
+      onSetDefault,
+      onViewDetails,
+      onVerify
+    }
+  ) }, address.id)) });
+}
+export {
+  AddressList
+};
+//# sourceMappingURL=address-list.mjs.map

package/dist/blocks/designs/address-book-advanced/components/address-list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-list.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport type {\n  AddressBookLabels,\n  AddressPermissions,\n  CommerceAddress,\n  DefaultKind,\n} from '../contracts'\n\nimport { AddressCard } from './address-card'\n\ntype Props = {\n  addresses: CommerceAddress[]\n  labels: AddressBookLabels['card']\n  permissions: AddressPermissions\n  layout: 'grid' | 'list'\n  columns?: 1 | 2\n  labelOf: (address: CommerceAddress) => string\n  countryOf: (address: CommerceAddress) => string | undefined\n  iconOf?: (address: CommerceAddress) => 'home' | 'building' | 'warehouse' | 'pin' | undefined\n  selectedId?: string\n  disabledIds?: string[]\n  busyId?: string\n  onSelect?: (address: CommerceAddress) => void\n  onEdit?: (address: CommerceAddress) => void\n  onDuplicate?: (address: CommerceAddress) => void\n  onDelete?: (address: CommerceAddress) => void\n  onSetDefault?: (address: CommerceAddress, kind: DefaultKind) => void\n  onViewDetails?: (address: CommerceAddress) => void\n  onVerify?: (address: CommerceAddress) => void\n  empty?: ReactNode\n}\n\nexport function AddressList({\n  addresses,\n  labels,\n  permissions,\n  layout,\n  columns = 2,\n  labelOf,\n  countryOf,\n  iconOf,\n  selectedId,\n  disabledIds = [],\n  busyId,\n  onSelect,\n  onEdit,\n  onDuplicate,\n  onDelete,\n  onSetDefault,\n  onViewDetails,\n  onVerify,\n  empty,\n}: Props) {\n  if (addresses.length === 0) {\n    return <>{empty}</>\n  }\n\n  const grid =\n    layout === 'list'\n      ? 'grid grid-cols-1 gap-3'\n      : columns === 1\n        ? 'grid grid-cols-1 gap-3'\n        : 'grid grid-cols-1 gap-3 @2xl:grid-cols-2'\n\n  return (\n    <ul className={`${grid} min-w-0`} role=\"list\">\n      {addresses.map((address) => (\n        <li key={address.id} className=\"min-w-0\">\n          <AddressCard\n            address={address}\n            labelText={labelOf(address)}\n            labels={labels}\n            permissions={permissions}\n            countryName={countryOf(address)}\n            icon={iconOf?.(address)}\n            selected={selectedId === address.id}\n            compact={layout === 'list'}\n            disabled={disabledIds.includes(address.id)}\n            busy={busyId === address.id}\n            onSelect={onSelect}\n            onEdit={onEdit}\n            onDuplicate={onDuplicate}\n            onDelete={onDelete}\n            onSetDefault={onSetDefault}\n            onViewDetails={onViewDetails}\n            onVerify={onVerify}\n          />\n        </li>\n      ))}\n    </ul>\n  )\n}\n"],"mappings":"AAuDW;AA9CX,SAAS,mBAAmB;AAwBrB,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAU;AACR,MAAI,UAAU,WAAW,GAAG;AAC1B,WAAO,gCAAG,iBAAM;AAAA,EAClB;AAEA,QAAM,OACJ,WAAW,SACP,2BACA,YAAY,IACV,2BACA;AAER,SACE,oBAAC,QAAG,WAAW,GAAG,IAAI,YAAY,MAAK,QACpC,oBAAU,IAAI,CAAC,YACd,oBAAC,QAAoB,WAAU,WAC7B;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,QAAQ,OAAO;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,aAAa,UAAU,OAAO;AAAA,MAC9B,MAAM,SAAS,OAAO;AAAA,MACtB,UAAU,eAAe,QAAQ;AAAA,MACjC,SAAS,WAAW;AAAA,MACpB,UAAU,YAAY,SAAS,QAAQ,EAAE;AAAA,MACzC,MAAM,WAAW,QAAQ;AAAA,MACzB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,EACF,KAnBO,QAAQ,EAoBjB,CACD,GACH;AAEJ;","names":[]}

package/dist/blocks/designs/address-book-advanced/components/address-pagination.d.ts

@@ -0,0 +1,11 @@
+import type { AddressBookLabels } from '../contracts';
+type Props = {
+    page: number;
+    pageSize: number;
+    total: number;
+    labels: AddressBookLabels['pagination'];
+    onPage: (page: number) => void;
+};
+export declare function AddressPagination({ page, pageSize, total, labels, onPage }: Props): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=address-pagination.d.ts.map

package/dist/blocks/designs/address-book-advanced/components/address-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-pagination.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAErD,KAAK,KAAK,GAAG;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAA;IACvC,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,sCAiDjF"}

package/dist/blocks/designs/address-book-advanced/components/address-pagination.js

@@ -0,0 +1,82 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var address_pagination_exports = {};
+__export(address_pagination_exports, {
+  AddressPagination: () => AddressPagination
+});
+module.exports = __toCommonJS(address_pagination_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_blocks = require("@thorprovider/blocks");
+function AddressPagination({ page, pageSize, total, labels, onPage }) {
+  const pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
+  if (pages <= 1) return null;
+  const visible = Array.from({ length: pages }, (_, index) => index + 1).filter(
+    (value) => Math.abs(value - page) <= 2 || value === 1 || value === pages
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "group",
+      "aria-label": labels.navigation,
+      className: "flex flex-wrap items-center gap-2",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: page <= 1,
+            onClick: () => onPage(page - 1),
+            children: labels.previous
+          }
+        ),
+        visible.map((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Button,
+          {
+            type: "button",
+            variant: value === page ? "default" : "outline",
+            size: "sm",
+            "aria-current": value === page ? "page" : void 0,
+            onClick: () => onPage(value),
+            children: value
+          },
+          value
+        )),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_blocks.Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: page >= pages,
+            onClick: () => onPage(page + 1),
+            children: labels.next
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-xs text-muted-foreground", children: labels.pageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressPagination
+});
+//# sourceMappingURL=address-pagination.js.map

package/dist/blocks/designs/address-book-advanced/components/address-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-pagination.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { AddressBookLabels } from '../contracts'\n\ntype Props = {\n  page: number\n  pageSize: number\n  total: number\n  labels: AddressBookLabels['pagination']\n  onPage: (page: number) => void\n}\n\nexport function AddressPagination({ page, pageSize, total, labels, onPage }: Props) {\n  const pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)))\n  if (pages <= 1) return null\n\n  const visible = Array.from({ length: pages }, (_, index) => index + 1).filter(\n    (value) => Math.abs(value - page) <= 2 || value === 1 || value === pages,\n  )\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={labels.navigation}\n      className=\"flex flex-wrap items-center gap-2\"\n    >\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={page <= 1}\n        onClick={() => onPage(page - 1)}\n      >\n        {labels.previous}\n      </Button>\n      {visible.map((value) => (\n        <Button\n          key={value}\n          type=\"button\"\n          variant={value === page ? 'default' : 'outline'}\n          size=\"sm\"\n          aria-current={value === page ? 'page' : undefined}\n          onClick={() => onPage(value)}\n        >\n          {value}\n        </Button>\n      ))}\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={page >= pages}\n        onClick={() => onPage(page + 1)}\n      >\n        {labels.next}\n      </Button>\n      <span className=\"text-xs text-muted-foreground\">\n        {labels.pageOf.replace('{page}', String(page)).replace('{pages}', String(pages))}\n      </span>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,oBAAuB;AAYhB,SAAS,kBAAkB,EAAE,MAAM,UAAU,OAAO,QAAQ,OAAO,GAAU;AAClF,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;AAClE,MAAI,SAAS,EAAG,QAAO;AAEvB,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU,QAAQ,CAAC,EAAE;AAAA,IACrE,CAAC,UAAU,KAAK,IAAI,QAAQ,IAAI,KAAK,KAAK,UAAU,KAAK,UAAU;AAAA,EACrE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,OAAO;AAAA,MACnB,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,UAAU,QAAQ;AAAA,YAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,YAE7B,iBAAO;AAAA;AAAA,QACV;AAAA,QACC,QAAQ,IAAI,CAAC,UACZ;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,UAAU,OAAO,YAAY;AAAA,YACtC,MAAK;AAAA,YACL,gBAAc,UAAU,OAAO,SAAS;AAAA,YACxC,SAAS,MAAM,OAAO,KAAK;AAAA,YAE1B;AAAA;AAAA,UAPI;AAAA,QAQP,CACD;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,UAAU,QAAQ;AAAA,YAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,YAE7B,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,4CAAC,UAAK,WAAU,iCACb,iBAAO,OAAO,QAAQ,UAAU,OAAO,IAAI,CAAC,EAAE,QAAQ,WAAW,OAAO,KAAK,CAAC,GACjF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/address-book-advanced/components/address-pagination.mjs

@@ -0,0 +1,58 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@thorprovider/blocks";
+function AddressPagination({ page, pageSize, total, labels, onPage }) {
+  const pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)));
+  if (pages <= 1) return null;
+  const visible = Array.from({ length: pages }, (_, index) => index + 1).filter(
+    (value) => Math.abs(value - page) <= 2 || value === 1 || value === pages
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "group",
+      "aria-label": labels.navigation,
+      className: "flex flex-wrap items-center gap-2",
+      children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: page <= 1,
+            onClick: () => onPage(page - 1),
+            children: labels.previous
+          }
+        ),
+        visible.map((value) => /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: value === page ? "default" : "outline",
+            size: "sm",
+            "aria-current": value === page ? "page" : void 0,
+            onClick: () => onPage(value),
+            children: value
+          },
+          value
+        )),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: page >= pages,
+            onClick: () => onPage(page + 1),
+            children: labels.next
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: labels.pageOf.replace("{page}", String(page)).replace("{pages}", String(pages)) })
+      ]
+    }
+  );
+}
+export {
+  AddressPagination
+};
+//# sourceMappingURL=address-pagination.mjs.map

package/dist/blocks/designs/address-book-advanced/components/address-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-pagination.tsx"],"sourcesContent":["import { Button } from '@thorprovider/blocks'\n\nimport type { AddressBookLabels } from '../contracts'\n\ntype Props = {\n  page: number\n  pageSize: number\n  total: number\n  labels: AddressBookLabels['pagination']\n  onPage: (page: number) => void\n}\n\nexport function AddressPagination({ page, pageSize, total, labels, onPage }: Props) {\n  const pages = Math.max(1, Math.ceil(total / Math.max(1, pageSize)))\n  if (pages <= 1) return null\n\n  const visible = Array.from({ length: pages }, (_, index) => index + 1).filter(\n    (value) => Math.abs(value - page) <= 2 || value === 1 || value === pages,\n  )\n\n  return (\n    <div\n      role=\"group\"\n      aria-label={labels.navigation}\n      className=\"flex flex-wrap items-center gap-2\"\n    >\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={page <= 1}\n        onClick={() => onPage(page - 1)}\n      >\n        {labels.previous}\n      </Button>\n      {visible.map((value) => (\n        <Button\n          key={value}\n          type=\"button\"\n          variant={value === page ? 'default' : 'outline'}\n          size=\"sm\"\n          aria-current={value === page ? 'page' : undefined}\n          onClick={() => onPage(value)}\n        >\n          {value}\n        </Button>\n      ))}\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        disabled={page >= pages}\n        onClick={() => onPage(page + 1)}\n      >\n        {labels.next}\n      </Button>\n      <span className=\"text-xs text-muted-foreground\">\n        {labels.pageOf.replace('{page}', String(page)).replace('{pages}', String(pages))}\n      </span>\n    </div>\n  )\n}\n"],"mappings":"AAqBI,SAKE,KALF;AArBJ,SAAS,cAAc;AAYhB,SAAS,kBAAkB,EAAE,MAAM,UAAU,OAAO,QAAQ,OAAO,GAAU;AAClF,QAAM,QAAQ,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC;AAClE,MAAI,SAAS,EAAG,QAAO;AAEvB,QAAM,UAAU,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU,QAAQ,CAAC,EAAE;AAAA,IACrE,CAAC,UAAU,KAAK,IAAI,QAAQ,IAAI,KAAK,KAAK,UAAU,KAAK,UAAU;AAAA,EACrE;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY,OAAO;AAAA,MACnB,WAAU;AAAA,MAEV;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,UAAU,QAAQ;AAAA,YAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,YAE7B,iBAAO;AAAA;AAAA,QACV;AAAA,QACC,QAAQ,IAAI,CAAC,UACZ;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,SAAS,UAAU,OAAO,YAAY;AAAA,YACtC,MAAK;AAAA,YACL,gBAAc,UAAU,OAAO,SAAS;AAAA,YACxC,SAAS,MAAM,OAAO,KAAK;AAAA,YAE1B;AAAA;AAAA,UAPI;AAAA,QAQP,CACD;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,UAAU,QAAQ;AAAA,YAClB,SAAS,MAAM,OAAO,OAAO,CAAC;AAAA,YAE7B,iBAAO;AAAA;AAAA,QACV;AAAA,QACA,oBAAC,UAAK,WAAU,iCACb,iBAAO,OAAO,QAAQ,UAAU,OAAO,IAAI,CAAC,EAAE,QAAQ,WAAW,OAAO,KAAK,CAAC,GACjF;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/blocks/designs/address-book-advanced/components/address-toolbar.d.ts

@@ -0,0 +1,14 @@
+import type { AddressBookConfig, AddressBookLabels, AddressQuery } from '../contracts';
+type Props = {
+    query: AddressQuery;
+    labels: AddressBookLabels['toolbar'];
+    filterLabels: AddressBookLabels['filters'];
+    sortLabels: AddressBookLabels['sorts'];
+    config: AddressBookConfig;
+    total: number;
+    forceVisible?: boolean;
+    onChange: (query: AddressQuery) => void;
+};
+export declare function AddressToolbar({ query, labels, filterLabels, sortLabels, config, total, forceVisible, onChange, }: Props): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=address-toolbar.d.ts.map

package/dist/blocks/designs/address-book-advanced/components/address-toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"address-toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EAEjB,YAAY,EAEb,MAAM,cAAc,CAAA;AAErB,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,YAAY,CAAA;IACnB,MAAM,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IACpC,YAAY,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAC1C,UAAU,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACtC,MAAM,EAAE,iBAAiB,CAAA;IACzB,KAAK,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;CACxC,CAAA;AA0BD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,YAAY,EACZ,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAoB,EACpB,QAAQ,GACT,EAAE,KAAK,sCAuFP"}

package/dist/blocks/designs/address-book-advanced/components/address-toolbar.js

@@ -0,0 +1,121 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var address_toolbar_exports = {};
+__export(address_toolbar_exports, {
+  AddressToolbar: () => AddressToolbar
+});
+module.exports = __toCommonJS(address_toolbar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const FILTERS = [
+  "all",
+  "personal",
+  "business",
+  "default-shipping",
+  "default-billing",
+  "verified",
+  "needs-review",
+  "delivery-available"
+];
+const SORTS = [
+  "default-first",
+  "recent",
+  "oldest",
+  "alphabetical",
+  "city",
+  "country",
+  "company"
+];
+const CONTROL = "h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none";
+function AddressToolbar({
+  query,
+  labels,
+  filterLabels,
+  sortLabels,
+  config,
+  total,
+  forceVisible = false,
+  onChange
+}) {
+  const visible = forceVisible || total >= config.searchThreshold || query.search.length > 0 || query.filter !== "all" || query.sort !== "default-first";
+  const showSearch = config.features.search;
+  const showFilters = config.features.filters;
+  const showSorting = config.features.sorting;
+  if (!visible || !showSearch && !showFilters && !showSorting) return null;
+  const change = (patch) => {
+    onChange({ ...query, ...patch, page: 1 });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex flex-col gap-3 rounded-lg border border-border bg-card p-3 sm:flex-row sm:items-end", children: [
+    showSearch ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "min-w-0 flex-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "address-search", className: "text-xs font-medium text-muted-foreground", children: labels.searchLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mt-1 flex gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            id: "address-search",
+            type: "search",
+            value: query.search,
+            placeholder: labels.searchPlaceholder,
+            className: CONTROL,
+            onChange: (event) => change({ search: event.target.value })
+          }
+        ),
+        query.search ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "h-9 shrink-0 rounded-md border border-border px-3 text-sm text-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none",
+            onClick: () => change({ search: "" }),
+            children: labels.clear
+          }
+        ) : null
+      ] })
+    ] }) : null,
+    showFilters ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full sm:w-44", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "address-filter", className: "text-xs font-medium text-muted-foreground", children: labels.filterLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "select",
+        {
+          id: "address-filter",
+          className: `${CONTROL} mt-1`,
+          value: query.filter,
+          onChange: (event) => change({ filter: event.target.value }),
+          children: FILTERS.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: filter, children: filterLabels[filter] }, filter))
+        }
+      )
+    ] }) : null,
+    showSorting ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "w-full sm:w-60", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { htmlFor: "address-sort", className: "text-xs font-medium text-muted-foreground", children: labels.sortLabel }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "select",
+        {
+          id: "address-sort",
+          className: `${CONTROL} mt-1`,
+          value: query.sort,
+          onChange: (event) => change({ sort: event.target.value }),
+          children: SORTS.map((sort) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: sort, children: sortLabels[sort] }, sort))
+        }
+      )
+    ] }) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  AddressToolbar
+});
+//# sourceMappingURL=address-toolbar.js.map

package/dist/blocks/designs/address-book-advanced/components/address-toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/blocks/designs/address-book-advanced/components/address-toolbar.tsx"],"sourcesContent":["import type {\n  AddressBookConfig,\n  AddressBookLabels,\n  AddressFilter,\n  AddressQuery,\n  AddressSort,\n} from '../contracts'\n\ntype Props = {\n  query: AddressQuery\n  labels: AddressBookLabels['toolbar']\n  filterLabels: AddressBookLabels['filters']\n  sortLabels: AddressBookLabels['sorts']\n  config: AddressBookConfig\n  total: number\n  forceVisible?: boolean\n  onChange: (query: AddressQuery) => void\n}\n\nconst FILTERS: AddressFilter[] = [\n  'all',\n  'personal',\n  'business',\n  'default-shipping',\n  'default-billing',\n  'verified',\n  'needs-review',\n  'delivery-available',\n]\n\nconst SORTS: AddressSort[] = [\n  'default-first',\n  'recent',\n  'oldest',\n  'alphabetical',\n  'city',\n  'country',\n  'company',\n]\n\nconst CONTROL =\n  'h-9 w-full rounded-md border border-border bg-background px-3 text-sm text-foreground focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none'\n\nexport function AddressToolbar({\n  query,\n  labels,\n  filterLabels,\n  sortLabels,\n  config,\n  total,\n  forceVisible = false,\n  onChange,\n}: Props) {\n  const visible =\n    forceVisible ||\n    total >= config.searchThreshold ||\n    query.search.length > 0 ||\n    query.filter !== 'all' ||\n    query.sort !== 'default-first'\n  const showSearch = config.features.search\n  const showFilters = config.features.filters\n  const showSorting = config.features.sorting\n\n  if (!visible || (!showSearch && !showFilters && !showSorting)) return null\n\n  const change = (patch: Partial<AddressQuery>) => {\n    onChange({ ...query, ...patch, page: 1 })\n  }\n\n  return (\n    <div className=\"flex flex-col gap-3 rounded-lg border border-border bg-card p-3 sm:flex-row sm:items-end\">\n      {showSearch ? (\n        <div className=\"min-w-0 flex-1\">\n          <label htmlFor=\"address-search\" className=\"text-xs font-medium text-muted-foreground\">\n            {labels.searchLabel}\n          </label>\n          <div className=\"mt-1 flex gap-2\">\n            <input\n              id=\"address-search\"\n              type=\"search\"\n              value={query.search}\n              placeholder={labels.searchPlaceholder}\n              className={CONTROL}\n              onChange={(event) => change({ search: event.target.value })}\n            />\n            {query.search ? (\n              <button\n                type=\"button\"\n                className=\"h-9 shrink-0 rounded-md border border-border px-3 text-sm text-foreground hover:bg-muted focus-visible:ring-2 focus-visible:ring-ring focus-visible:outline-none\"\n                onClick={() => change({ search: '' })}\n              >\n                {labels.clear}\n              </button>\n            ) : null}\n          </div>\n        </div>\n      ) : null}\n\n      {showFilters ? (\n        <div className=\"w-full sm:w-44\">\n          <label htmlFor=\"address-filter\" className=\"text-xs font-medium text-muted-foreground\">\n            {labels.filterLabel}\n          </label>\n          <select\n            id=\"address-filter\"\n            className={`${CONTROL} mt-1`}\n            value={query.filter}\n            onChange={(event) => change({ filter: event.target.value as AddressFilter })}\n          >\n            {FILTERS.map((filter) => (\n              <option key={filter} value={filter}>\n                {filterLabels[filter]}\n              </option>\n            ))}\n          </select>\n        </div>\n      ) : null}\n\n      {showSorting ? (\n        <div className=\"w-full sm:w-60\">\n          <label htmlFor=\"address-sort\" className=\"text-xs font-medium text-muted-foreground\">\n            {labels.sortLabel}\n          </label>\n          <select\n            id=\"address-sort\"\n            className={`${CONTROL} mt-1`}\n            value={query.sort}\n            onChange={(event) => change({ sort: event.target.value as AddressSort })}\n          >\n            {SORTS.map((sort) => (\n              <option key={sort} value={sort}>\n                {sortLabels[sort]}\n              </option>\n            ))}\n          </select>\n        </div>\n      ) : null}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyEU;AAtDV,MAAM,UAA2B;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,QAAuB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,UACJ;AAEK,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AAAA,EACf;AACF,GAAU;AACR,QAAM,UACJ,gBACA,SAAS,OAAO,mBAChB,MAAM,OAAO,SAAS,KACtB,MAAM,WAAW,SACjB,MAAM,SAAS;AACjB,QAAM,aAAa,OAAO,SAAS;AACnC,QAAM,cAAc,OAAO,SAAS;AACpC,QAAM,cAAc,OAAO,SAAS;AAEpC,MAAI,CAAC,WAAY,CAAC,cAAc,CAAC,eAAe,CAAC,YAAc,QAAO;AAEtE,QAAM,SAAS,CAAC,UAAiC;AAC/C,aAAS,EAAE,GAAG,OAAO,GAAG,OAAO,MAAM,EAAE,CAAC;AAAA,EAC1C;AAEA,SACE,6CAAC,SAAI,WAAU,4FACZ;AAAA,iBACC,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,WAAM,SAAQ,kBAAiB,WAAU,6CACvC,iBAAO,aACV;AAAA,MACA,6CAAC,SAAI,WAAU,mBACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM;AAAA,YACb,aAAa,OAAO;AAAA,YACpB,WAAW;AAAA,YACX,UAAU,CAAC,UAAU,OAAO,EAAE,QAAQ,MAAM,OAAO,MAAM,CAAC;AAAA;AAAA,QAC5D;AAAA,QACC,MAAM,SACL;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,SAAS,MAAM,OAAO,EAAE,QAAQ,GAAG,CAAC;AAAA,YAEnC,iBAAO;AAAA;AAAA,QACV,IACE;AAAA,SACN;AAAA,OACF,IACE;AAAA,IAEH,cACC,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,WAAM,SAAQ,kBAAiB,WAAU,6CACvC,iBAAO,aACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,OAAO;AAAA,UACrB,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,OAAO,EAAE,QAAQ,MAAM,OAAO,MAAuB,CAAC;AAAA,UAE1E,kBAAQ,IAAI,CAAC,WACZ,4CAAC,YAAoB,OAAO,QACzB,uBAAa,MAAM,KADT,MAEb,CACD;AAAA;AAAA,MACH;AAAA,OACF,IACE;AAAA,IAEH,cACC,6CAAC,SAAI,WAAU,kBACb;AAAA,kDAAC,WAAM,SAAQ,gBAAe,WAAU,6CACrC,iBAAO,WACV;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,OAAO;AAAA,UACrB,OAAO,MAAM;AAAA,UACb,UAAU,CAAC,UAAU,OAAO,EAAE,MAAM,MAAM,OAAO,MAAqB,CAAC;AAAA,UAEtE,gBAAM,IAAI,CAAC,SACV,4CAAC,YAAkB,OAAO,MACvB,qBAAW,IAAI,KADL,IAEb,CACD;AAAA;AAAA,MACH;AAAA,OACF,IACE;AAAA,KACN;AAEJ;","names":[]}