@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/Calendar/ECalendar.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECalendar.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_unref","_createElementVNode","_createBlock","EIconButton","_toDisplayString","_createTextVNode","_createVNode","EIcon","_Fragment","_renderList","_normalizeClass","_createCommentVNode","EActions","_withCtx","EButton","EActions_default","EIcon_default","EButton_default","EIconButton_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","ECalendar_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","\"start\"","\"startModifiers\"","\"end\"","\"endModifiers\"","__expose","__emit","props","__props","emit","value","useModel","start","end","t","useMessages","config","useConfig","loc","useLocale","uid","useUid","root","ref","range","computed","instance","getCurrentInstance","hasClear","today","startOfDay","focus","hover","view","pick","cy","cm","yearLow","yearHigh","years","i","off","compareDays","d","isMarked","m","sameDay","x","monthOff","y","yearOff","clamp","settle","addDays","step","withMonthYear","last","want","focusWanted","nextTick","el","focusId","id","dayId","dayKey","watch","chosen","weeks","first","from","w","columns","k","rangeEnd","isSelected","inRange","dayLabel","marked","pickDay","s","clickDay","openView","v","backToDays","back","chooseMonth","nd","chooseYear","addMonths","n","sign","onDayKey","f","dow","next","walk","target","onPickKey","months","lo","hi","onRootKey","goToday","tc","shortDate","help","picking","prevOff","nextOff","nowYear","nowMonth","openBlock","createElementBlock","unref","createElementVNode","createBlock","_cache","toDisplayString","createTextVNode","createVNode","Fragment","renderList","ix","row","normalizeClass","name","createCommentVNode","withCtx"],"sources":["../../../src/components/Calendar/ECalendar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, getCurrentInstance, nextTick, ref, watch } from \"vue\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EButton from \"../Button/EButton.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport { useConfig, useMessages } from \"../../config.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport { addDays, addMonths, compareDays, dayKey, sameDay, startOfDay } from \"./dates.js\";\nimport \"../../styles/base.css\";\n\nexport interface CalendarRange {\n  start: Date | null;\n  end: Date | null;\n}\n\nconst props = withDefaults(\n  defineProps<{\n    /** `single` chooses one day (`v-model`); `range` chooses a span (`v-model:start` and `v-model:end`). */\n    mode?: \"single\" | \"range\";\n    /** Days that cannot be chosen or focused, such as days with nothing to book. */\n    disabledDate?: (date: Date) => boolean;\n    /** Days that get a dot: a list of dates or a function. Screen readers hear `markLabel`. */\n    marked?: Date[] | ((date: Date) => boolean);\n    /** What screen readers hear on a marked day. Default \"times available\". */\n    markLabel?: string;\n    /** The earliest day that can be chosen. */\n    min?: Date;\n    /** The latest day that can be chosen. */\n    max?: Date;\n    /** The month to open on, when nothing is chosen. */\n    month?: Date;\n    /** `false` hides the Today and Clear buttons. */\n    footer?: boolean;\n    /** Forces the Clear button on or off. Left out, it shows when a `@clear` listener is attached. */\n    clearable?: boolean;\n  }>(),\n  { mode: \"single\", footer: true, clearable: undefined },\n);\n\nconst emit = defineEmits<{\n  /** In range mode, after every click that changes the span. */\n  rangeChange: [range: CalendarRange];\n  /** The Clear button. It is only shown when a `@clear` listener is attached. */\n  clear: [];\n}>();\n\nconst value = defineModel<Date | null>({ default: null });\nconst start = defineModel<Date | null>(\"start\", { default: null });\nconst end = defineModel<Date | null>(\"end\", { default: null });\n\ntype View = \"days\" | \"months\" | \"years\";\n\nconst t = useMessages();\nconst config = useConfig();\nconst loc = useLocale();\nconst uid = useUid();\nconst root = ref<HTMLElement | null>(null);\nconst range = computed(() => props.mode === \"range\");\nconst instance = getCurrentInstance();\nconst hasClear = () => props.clearable ?? !!instance?.vnode.props?.onClear;\n\nconst today = startOfDay(new Date());\nconst focus = ref(startOfDay((range.value ? start.value : value.value) || props.month || new Date()));\nconst hover = ref<Date | null>(null);\nconst view = ref<View>(\"days\");\nconst pick = ref(0);\n\nconst cy = computed(() => focus.value.getFullYear());\nconst cm = computed(() => focus.value.getMonth());\nconst yearLow = computed(() => Math.min(cy.value, props.min ? props.min.getFullYear() : today.getFullYear() - 120));\nconst yearHigh = computed(() => Math.max(cy.value, props.max ? props.max.getFullYear() : today.getFullYear() + 20));\nconst years = computed(() => Array.from({ length: yearHigh.value - yearLow.value + 1 }, (_, i) => yearLow.value + i));\n\nfunction off(d: Date): boolean {\n  return (\n    (!!props.min && compareDays(d, props.min) < 0) ||\n    (!!props.max && compareDays(d, props.max) > 0) ||\n    !!props.disabledDate?.(d)\n  );\n}\nfunction isMarked(d: Date): boolean {\n  const m = props.marked;\n  if (!m) return false;\n  return typeof m === \"function\" ? !!m(d) : m.some((x) => sameDay(x, d));\n}\nfunction monthOff(y: number, m: number): boolean {\n  return (\n    (!!props.min && compareDays(new Date(y, m + 1, 0, 12), props.min) < 0) ||\n    (!!props.max && compareDays(new Date(y, m, 1, 12), props.max) > 0)\n  );\n}\nconst yearOff = (y: number) =>\n  (!!props.min && y < props.min.getFullYear()) || (!!props.max && y > props.max.getFullYear());\nfunction clamp(d: Date): Date {\n  if (props.min && compareDays(d, props.min) < 0) return startOfDay(props.min);\n  if (props.max && compareDays(d, props.max) > 0) return startOfDay(props.max);\n  return d;\n}\nfunction settle(d: Date, step: number): Date | null {\n  let n = d;\n  for (let i = 0; i < 400 && off(n); i++) n = addDays(n, step);\n  return off(n) ? null : n;\n}\nfunction withMonthYear(y: number, m: number): Date {\n  const last = new Date(y, m + 1, 0, 12).getDate();\n  return clamp(new Date(y, m, Math.min(focus.value.getDate(), last), 12));\n}\n\nif (off(focus.value)) focus.value = settle(focus.value, 1) ?? settle(focus.value, -1) ?? focus.value;\n\nlet want: string | null = null;\nasync function focusWanted() {\n  await nextTick();\n  if (!want) return;\n  const el = root.value?.querySelector<HTMLElement>(`[id=\"${want}\"]`);\n  if (!el) return;\n  el.focus();\n  if (want.includes(\"-y-\")) el.scrollIntoView?.({ block: \"center\" });\n  want = null;\n}\nfunction focusId(id: string) {\n  want = id;\n  void focusWanted();\n}\nconst dayId = (d: Date) => `${uid.value}-${dayKey(d)}`;\n\nwatch(\n  () => props.month?.getTime(),\n  () => {\n    if (props.month) focus.value = clamp(startOfDay(props.month));\n  },\n);\nwatch(\n  () => (range.value ? start.value : value.value)?.getTime(),\n  () => {\n    const chosen = range.value ? start.value : value.value;\n    if (chosen && !sameDay(chosen, focus.value)) focus.value = startOfDay(chosen);\n  },\n);\n\nconst weeks = computed(() => {\n  const first = new Date(cy.value, cm.value, 1, 12);\n  const from = addDays(first, -((first.getDay() - loc.weekStart.value + 7) % 7));\n  return Array.from({ length: 6 }, (_, w) => Array.from({ length: 7 }, (_, i) => addDays(from, w * 7 + i)));\n});\nconst columns = computed(() => Array.from({ length: 7 }, (_, k) => (loc.weekStart.value + k) % 7));\nconst rangeEnd = computed(() => {\n  if (!range.value) return null;\n  return end.value || (start.value && hover.value && compareDays(hover.value, start.value) >= 0 ? hover.value : null);\n});\n\nfunction isSelected(d: Date): boolean {\n  return range.value ? sameDay(d, start.value) || sameDay(d, end.value) : sameDay(d, value.value);\n}\nfunction inRange(d: Date): boolean {\n  return !!(\n    range.value &&\n    start.value &&\n    rangeEnd.value &&\n    compareDays(d, start.value) > 0 &&\n    compareDays(d, rangeEnd.value) < 0\n  );\n}\nfunction dayLabel(d: Date, marked: boolean): string {\n  return (\n    loc.formatLong(d) +\n    (sameDay(d, today) ? \", \" + t(\"todaySuffix\") : \"\") +\n    (marked ? \", \" + (props.markLabel || t(\"timesAvailable\")) : \"\")\n  );\n}\n\nfunction pickDay(d: Date) {\n  if (off(d)) return;\n  if (!range.value) {\n    value.value = d;\n    return;\n  }\n  const s = start.value;\n  if (!s || end.value || compareDays(d, s) < 0) {\n    start.value = d;\n    end.value = null;\n    emit(\"rangeChange\", { start: d, end: null });\n  } else {\n    end.value = d;\n    emit(\"rangeChange\", { start: s, end: d });\n  }\n}\nfunction clickDay(d: Date) {\n  focus.value = d;\n  focusId(dayId(d));\n  pickDay(d);\n}\n\nfunction openView(v: \"months\" | \"years\") {\n  view.value = v;\n  if (v === \"months\") {\n    pick.value = cm.value;\n    focusId(`${uid.value}-m-${cm.value}`);\n  } else {\n    pick.value = cy.value;\n    focusId(`${uid.value}-y-${cy.value}`);\n  }\n}\nfunction backToDays() {\n  view.value = \"days\";\n  focusId(dayId(focus.value));\n}\nfunction back() {\n  if (view.value === \"months\") openView(\"years\");\n  else backToDays();\n}\nfunction chooseMonth(m: number) {\n  if (monthOff(cy.value, m)) return;\n  const nd = withMonthYear(cy.value, m);\n  focus.value = nd;\n  view.value = \"days\";\n  focusId(dayId(nd));\n}\nfunction chooseYear(y: number) {\n  if (yearOff(y)) return;\n  const nd = withMonthYear(y, cm.value);\n  focus.value = nd;\n  view.value = \"months\";\n  pick.value = nd.getMonth();\n  focusId(`${uid.value}-m-${nd.getMonth()}`);\n}\nfunction step(n: number) {\n  focus.value = clamp(addMonths(focus.value, n));\n}\n\nfunction sign(): number {\n  if (config.dir) return config.dir === \"rtl\" ? -1 : 1;\n  return root.value && getComputedStyle(root.value).direction === \"rtl\" ? -1 : 1;\n}\n\nfunction onDayKey(e: KeyboardEvent) {\n  const f = focus.value;\n  const dow = (f.getDay() - loc.weekStart.value + 7) % 7;\n  const s = sign();\n  let next: Date;\n  let walk: number;\n  switch (e.key) {\n    case \"ArrowLeft\":\n      walk = -s;\n      next = addDays(f, walk);\n      break;\n    case \"ArrowRight\":\n      walk = s;\n      next = addDays(f, walk);\n      break;\n    case \"ArrowUp\":\n      walk = -7;\n      next = addDays(f, walk);\n      break;\n    case \"ArrowDown\":\n      walk = 7;\n      next = addDays(f, walk);\n      break;\n    case \"Home\":\n      walk = 1;\n      next = addDays(f, -dow);\n      break;\n    case \"End\":\n      walk = -1;\n      next = addDays(f, 6 - dow);\n      break;\n    case \"PageUp\":\n      walk = -1;\n      next = addMonths(f, e.shiftKey ? -12 : -1);\n      break;\n    case \"PageDown\":\n      walk = 1;\n      next = addMonths(f, e.shiftKey ? 12 : 1);\n      break;\n    default:\n      return;\n  }\n  e.preventDefault();\n  const target = settle(next, walk);\n  if (!target) return;\n  focus.value = target;\n  focusId(dayId(target));\n  if (range.value && start.value && !end.value) hover.value = target;\n}\n\nfunction onPickKey(e: KeyboardEvent) {\n  const months = view.value === \"months\";\n  const lo = months ? 0 : yearLow.value;\n  const hi = months ? 11 : yearHigh.value;\n  const s = sign();\n  let next: number | null = null;\n  switch (e.key) {\n    case \"ArrowLeft\":\n      next = pick.value - s;\n      break;\n    case \"ArrowRight\":\n      next = pick.value + s;\n      break;\n    case \"ArrowUp\":\n      next = pick.value - 3;\n      break;\n    case \"ArrowDown\":\n      next = pick.value + 3;\n      break;\n    case \"Home\":\n      next = lo;\n      break;\n    case \"End\":\n      next = hi;\n      break;\n    case \"PageUp\":\n      if (!months) next = pick.value - 12;\n      break;\n    case \"PageDown\":\n      if (!months) next = pick.value + 12;\n      break;\n  }\n  if (next === null) return;\n  e.preventDefault();\n  next = Math.max(lo, Math.min(hi, next));\n  pick.value = next;\n  focusId(`${uid.value}-${months ? \"m\" : \"y\"}-${next}`);\n}\n\nfunction onRootKey(e: KeyboardEvent) {\n  if (e.key !== \"Escape\" || view.value === \"days\") return;\n  e.preventDefault();\n  e.stopPropagation();\n  backToDays();\n}\n\nfunction goToday() {\n  const tc = clamp(today);\n  focus.value = tc;\n  focusId(dayId(tc));\n  if (!range.value && !off(today)) pickDay(today);\n}\n\nconst shortDate = (d: Date) => `${loc.monthsShort.value[d.getMonth()]} ${d.getDate()}`;\nconst help = computed(() => {\n  if (!range.value || view.value !== \"days\") return \"\";\n  if (!start.value) return t(\"rangeStart\");\n  if (!end.value) return t(\"rangeEnd\", { start: shortDate(start.value) });\n  return t(\"rangeDone\", {\n    start: shortDate(start.value),\n    end: shortDate(end.value),\n    days: Math.round(compareDays(end.value, start.value) / 864e5) + 1,\n  });\n});\n\nconst picking = computed(() => view.value !== \"days\");\nconst prevOff = computed(() => !!props.min && compareDays(new Date(cy.value, cm.value, 0, 12), props.min) < 0);\nconst nextOff = computed(() => !!props.max && compareDays(new Date(cy.value, cm.value + 1, 1, 12), props.max) > 0);\nconst nowYear = today.getFullYear();\nconst nowMonth = today.getMonth();\n\ndefineExpose({\n  view,\n  focusDay: () => focusId(dayId(focus.value)),\n});\n</script>\n\n<template>\n  <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n  <div ref=\"root\" class=\"e-cal\" :dir=\"config.dir ?? undefined\" @keydown=\"onRootKey\">\n    <div class=\"e-cal-head\">\n      <EIconButton\n        v-if=\"picking\"\n        icon=\"chevron-left\"\n        :label=\"t(view === 'months' ? 'backToYears' : 'backToDays')\"\n        @click=\"back\"\n      />\n      <EIconButton v-else icon=\"chevron-left\" :label=\"t('prevMonth')\" :disabled=\"prevOff\" @click=\"step(-1)\" />\n      <div class=\"e-cal-title\" aria-live=\"polite\">\n        <span v-if=\"picking\" class=\"e-cal-range\">{{\n          t(view === \"months\" ? \"chooseAMonth\" : \"chooseAYear\", { year: cy })\n        }}</span>\n        <button\n          v-else\n          type=\"button\"\n          class=\"e-cal-pick\"\n          aria-expanded=\"false\"\n          :aria-label=\"t('chooseDateNow', { month: loc.months.value[cm] ?? '', year: cy })\"\n          @click=\"openView('years')\"\n        >\n          {{ loc.months.value[cm] }} {{ cy }}\n          <EIcon name=\"chevron-down\" small />\n        </button>\n      </div>\n      <span v-if=\"picking\" class=\"e-cal-gap\" />\n      <EIconButton v-else icon=\"chevron-right\" :label=\"t('nextMonth')\" :disabled=\"nextOff\" @click=\"step(1)\" />\n    </div>\n\n    <!-- eslint-disable-next-line vuejs-accessibility/interactive-supports-focus -- the day buttons carry the roving tabindex -->\n    <table\n      v-if=\"view === 'days'\"\n      class=\"e-cal-grid\"\n      role=\"grid\"\n      :aria-label=\"`${loc.months.value[cm]} ${cy}`\"\n      @keydown=\"onDayKey\"\n    >\n      <thead>\n        <tr>\n          <th v-for=\"ix in columns\" :key=\"ix\" scope=\"col\" :abbr=\"loc.weekdays.value[ix]\">\n            {{ loc.weekdaysShort.value[ix] }}\n          </th>\n        </tr>\n      </thead>\n      <tbody>\n        <tr v-for=\"(row, w) in weeks\" :key=\"w\">\n          <td\n            v-for=\"d in row\"\n            :key=\"dayKey(d)\"\n            role=\"gridcell\"\n            :aria-selected=\"isSelected(d) || inRange(d) ? 'true' : 'false'\"\n            :class=\"inRange(d) && 'e-cal-in'\"\n          >\n            <button\n              :id=\"dayId(d)\"\n              type=\"button\"\n              class=\"e-day\"\n              :class=\"[\n                d.getMonth() !== cm && 'e-day--out',\n                sameDay(d, today) && 'e-day--today',\n                isSelected(d) && 'e-day--sel',\n                !off(d) && isMarked(d) && 'e-day--mark',\n              ]\"\n              :tabindex=\"sameDay(d, focus) ? 0 : -1\"\n              :disabled=\"off(d)\"\n              :aria-label=\"dayLabel(d, !off(d) && isMarked(d))\"\n              @click=\"clickDay(d)\"\n              @mouseenter=\"range && start && !end && (hover = d)\"\n              @focus=\"range && start && !end && (hover = d)\"\n            >\n              {{ d.getDate() }}\n            </button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <div\n      v-else-if=\"view === 'months'\"\n      class=\"e-cal-cells\"\n      role=\"group\"\n      :aria-label=\"t('monthsOf', { year: cy })\"\n      @keydown=\"onPickKey\"\n    >\n      <button\n        v-for=\"(name, m) in loc.months.value\"\n        :id=\"`${uid}-m-${m}`\"\n        :key=\"m\"\n        type=\"button\"\n        class=\"e-cal-cell\"\n        :class=\"[m === cm && 'e-day--sel', cy === nowYear && m === nowMonth && 'e-day--today']\"\n        :tabindex=\"m === pick ? 0 : -1\"\n        :disabled=\"monthOff(cy, m)\"\n        :aria-pressed=\"m === cm ? 'true' : 'false'\"\n        :aria-current=\"cy === nowYear && m === nowMonth ? 'date' : undefined\"\n        @click=\"chooseMonth(m)\"\n      >\n        <span aria-hidden=\"true\">{{ loc.monthsShort.value[m] }}</span>\n        <span class=\"e-sr\">{{ name }} {{ cy }}</span>\n      </button>\n    </div>\n\n    <!-- eslint-disable-next-line vuejs-accessibility/no-static-element-interactions -->\n    <div\n      v-else\n      class=\"e-cal-cells e-cal-years\"\n      role=\"group\"\n      :aria-label=\"t('yearsRange', { from: yearLow, to: yearHigh })\"\n      @keydown=\"onPickKey\"\n    >\n      <button\n        v-for=\"y in years\"\n        :id=\"`${uid}-y-${y}`\"\n        :key=\"y\"\n        type=\"button\"\n        class=\"e-cal-cell\"\n        :class=\"[y === cy && 'e-day--sel', y === nowYear && 'e-day--today']\"\n        :tabindex=\"y === pick ? 0 : -1\"\n        :disabled=\"yearOff(y)\"\n        :aria-pressed=\"y === cy ? 'true' : 'false'\"\n        :aria-current=\"y === nowYear ? 'date' : undefined\"\n        @click=\"chooseYear(y)\"\n      >\n        {{ y }}\n      </button>\n    </div>\n\n    <p v-if=\"range\" class=\"e-cal-help\" aria-live=\"polite\">{{ help }}</p>\n\n    <EActions v-if=\"footer\" class=\"e-cal-foot\" :class=\"view !== 'days' && 'e-cal-foot--idle'\" :inert=\"view !== 'days'\">\n      <EButton variant=\"quiet\" @click=\"goToday\">{{ t(\"today\") }}</EButton>\n      <EButton v-if=\"hasClear()\" variant=\"quiet\" @click=\"emit('clear')\">{{ t(\"clear\") }}</EButton>\n    </EActions>\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-cal {\n    width: 20.5rem;\n    max-width: 100%;\n    font-family: var(--e-font-sans);\n  }\n\n  .e-cal-head {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--e-space-2);\n    margin-bottom: var(--e-space-2);\n    padding-bottom: var(--e-space-2);\n    border-bottom: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-cal-title {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--e-space-1);\n    flex: 1;\n    min-width: 0;\n    margin: 0;\n    font: 600 var(--e-text-lg) / 1.2 var(--e-font-sans);\n    text-align: center;\n  }\n\n  .e-cal-pick {\n    display: inline-flex;\n    align-items: center;\n    gap: 4px;\n    height: var(--e-control-height);\n    padding: 0 var(--e-space-2);\n    border: var(--e-stroke-edge) solid transparent;\n    border-radius: var(--e-radius-md);\n    background: transparent;\n    color: var(--e-ink);\n    font: 600 var(--e-text-lg) / 1 var(--e-font-sans);\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cal-pick:hover {\n    background: var(--e-surface-tint);\n    border-color: var(--e-border-strong);\n  }\n\n  .e-cal-pick:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: 1px;\n  }\n\n  .e-cal-pick .e-icon {\n    transition: transform var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cal-pick[aria-expanded=\"true\"] .e-icon {\n    transform: rotate(180deg);\n  }\n\n  .e-cal-range {\n    font: 600 var(--e-text-lg) / 1.2 var(--e-font-sans);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .e-cal-gap {\n    display: block;\n    width: 44px;\n    height: 44px;\n  }\n\n  .e-cal-head .e-icon-btn:disabled {\n    color: var(--e-muted);\n    cursor: not-allowed;\n  }\n\n  .e-cal-head .e-icon-btn:disabled:hover {\n    background: transparent;\n    box-shadow: none;\n  }\n\n  .e-cal-grid {\n    width: 100%;\n    height: 312px;\n    border-collapse: collapse;\n    table-layout: fixed;\n  }\n\n  .e-cal-grid th {\n    height: 32px;\n    font: 600 var(--e-text-sm) / 1 var(--e-font-sans);\n    color: var(--e-muted);\n    text-align: center;\n  }\n\n  .e-cal-grid td {\n    padding: 1px 3px;\n    text-align: center;\n  }\n\n  .e-cal-in {\n    background: var(--e-surface-tint);\n  }\n\n  .e-day {\n    position: relative;\n    width: 100%;\n    height: 44px;\n    padding: 0;\n    border: var(--e-stroke-edge) solid transparent;\n    border-radius: var(--e-radius-md);\n    background: transparent;\n    color: var(--e-ink);\n    font: 500 var(--e-text-sm) / 1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  /* stylelint-disable-next-line selector-not-notation -- the selector stays in this form */\n  .e-day:hover:not(:disabled):not(.e-day--sel) {\n    background: var(--e-surface-tint);\n    border-color: var(--e-border-strong);\n  }\n\n  .e-day:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  .e-day--out {\n    color: var(--e-muted);\n    font-weight: 400;\n  }\n\n  .e-day--today {\n    box-shadow: inset 0 0 0 1.5px var(--e-ink);\n  }\n\n  .e-day--sel {\n    background: var(--e-primary);\n    border-color: var(--e-primary);\n    font-weight: 700;\n    color: var(--e-on-primary);\n  }\n\n  .e-day:disabled {\n    color: var(--e-border-strong);\n    font-weight: 400;\n    cursor: not-allowed;\n    opacity: 1;\n  }\n\n  .e-day--mark::after {\n    content: \"\";\n    position: absolute;\n    inset-inline-start: 50%;\n    bottom: 5px;\n    width: 5px;\n    height: 5px;\n    margin-inline-start: -2.5px;\n    border-radius: 50%;\n    background: var(--e-primary);\n  }\n\n  .e-day--sel.e-day--mark::after {\n    background: var(--e-on-primary);\n  }\n\n  .e-cal-cells {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-auto-rows: 1fr;\n    gap: 6px;\n    height: 312px;\n    padding-top: 4px;\n  }\n\n  .e-cal-years {\n    overflow-y: auto;\n    grid-auto-rows: 44px;\n    padding-inline-end: 2px;\n    align-content: start;\n  }\n\n  .e-cal-cell {\n    width: 100%;\n    height: 100%;\n    min-height: 44px;\n    padding: 0;\n    border: var(--e-stroke-edge) solid transparent;\n    border-radius: var(--e-radius-md);\n    background: transparent;\n    color: var(--e-ink);\n    font: 500 var(--e-text-md) / 1 var(--e-font-mono);\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    transition: background-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cal-years .e-cal-cell {\n    height: 44px;\n  }\n\n  /* stylelint-disable-next-line selector-not-notation -- the selector stays in this form */\n  .e-cal-cell:hover:not(:disabled):not(.e-day--sel) {\n    background: var(--e-surface-tint);\n    border-color: var(--e-border-strong);\n  }\n\n  .e-cal-cell:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n  }\n\n  .e-cal-cell:disabled {\n    color: var(--e-border-strong);\n    font-weight: 400;\n    cursor: not-allowed;\n  }\n\n  .e-cal-cell.e-day--sel {\n    background: var(--e-primary);\n    border-color: var(--e-primary);\n    font-weight: 700;\n    color: var(--e-on-primary);\n  }\n\n  .e-cal-help {\n    min-height: calc(var(--e-text-sm) * 1.4);\n    margin: var(--e-space-2) 0 0;\n    font: 500 var(--e-text-sm) / 1.4 var(--e-font-sans);\n    color: var(--e-muted);\n    text-align: center;\n  }\n\n  .e-cal-foot {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: var(--e-space-2);\n    margin-top: var(--e-space-2);\n    padding-top: var(--e-space-2);\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-cal-foot--idle {\n    visibility: hidden;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .e-day,\n    .e-cal-pick,\n    .e-cal-cell,\n    .e-cal-pick .e-icon {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .e-day--sel,\n    .e-cal-cell.e-day--sel {\n      forced-color-adjust: none;\n      background: Highlight;\n      color: HighlightText;\n    }\n\n    .e-day--mark::after {\n      background: CanvasText;\n    }\n\n    .e-day--sel.e-day--mark::after {\n      background: HighlightText;\n    }\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/Calendar/dates.d.ts

@@ -0,0 +1,12 @@
+/** The same day at noon. */
+export declare function startOfDay(d: Date): Date;
+export declare function addDays(d: Date, n: number): Date;
+/** Adds months, keeping the day of the month or the last day of a shorter month. */
+export declare function addMonths(d: Date, n: number): Date;
+/** Negative when `a` is before `b`, by whole days. */
+export declare function compareDays(a: Date, b: Date): number;
+export declare function sameDay(a: Date | null | undefined, b: Date | null | undefined): boolean;
+/** A key that is unique per day, safe in an element id. */
+export declare function dayKey(d: Date): string;
+/** `YYYY-MM-DD`, the value a form submits. Empty for no date. */
+export declare function isoDate(d: Date | null | undefined): string;

package/dist/components/Calendar/dates.js

@@ -0,0 +1,29 @@
+//#region src/components/Calendar/dates.ts
+function e(e) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 12);
+}
+function t(e, t) {
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, 12);
+}
+function n(e, t) {
+	let n = new Date(e.getFullYear(), e.getMonth() + t, 1, 12), r = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
+	return n.setDate(Math.min(e.getDate(), r)), n;
+}
+function r(t, n) {
+	return e(t).getTime() - e(n).getTime();
+}
+function i(e, t) {
+	return !!e && !!t && r(e, t) === 0;
+}
+function a(e) {
+	return `${e.getFullYear()}-${e.getMonth()}-${e.getDate()}`;
+}
+function o(e) {
+	if (!e) return "";
+	let t = (e) => (e < 10 ? "0" : "") + e;
+	return `${String(e.getFullYear()).padStart(4, "0")}-${t(e.getMonth() + 1)}-${t(e.getDate())}`;
+}
+//#endregion
+export { t as addDays, n as addMonths, r as compareDays, a as dayKey, o as isoDate, i as sameDay, e as startOfDay };
+
+//# sourceMappingURL=dates.js.map

package/dist/components/Calendar/dates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dates.js","names":["startOfDay","d","addDays","n","addMonths","next","last","compareDays","a","b","sameDay","dayKey","isoDate","p"],"sources":["../../../src/components/Calendar/dates.ts"],"sourcesContent":["/** The same day at noon. */\nexport function startOfDay(d: Date): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate(), 12);\n}\n\nexport function addDays(d: Date, n: number): Date {\n  return new Date(d.getFullYear(), d.getMonth(), d.getDate() + n, 12);\n}\n\n/** Adds months, keeping the day of the month or the last day of a shorter month. */\nexport function addMonths(d: Date, n: number): Date {\n  const next = new Date(d.getFullYear(), d.getMonth() + n, 1, 12);\n  const last = new Date(next.getFullYear(), next.getMonth() + 1, 0).getDate();\n  next.setDate(Math.min(d.getDate(), last));\n  return next;\n}\n\n/** Negative when `a` is before `b`, by whole days. */\nexport function compareDays(a: Date, b: Date): number {\n  return startOfDay(a).getTime() - startOfDay(b).getTime();\n}\n\nexport function sameDay(a: Date | null | undefined, b: Date | null | undefined): boolean {\n  return !!a && !!b && compareDays(a, b) === 0;\n}\n\n/** A key that is unique per day, safe in an element id. */\nexport function dayKey(d: Date): string {\n  return `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n}\n\n/** `YYYY-MM-DD`, the value a form submits. Empty for no date. */\nexport function isoDate(d: Date | null | undefined): string {\n  if (!d) return \"\";\n  const p = (n: number) => (n < 10 ? \"0\" : \"\") + n;\n  return `${String(d.getFullYear()).padStart(4, \"0\")}-${p(d.getMonth() + 1)}-${p(d.getDate())}`;\n}\n"],"mappings":";AACA,SAAgBA,EAAW,GAAe;CACxC,OAAO,IAAI,KAAKC,EAAE,YAAY,GAAGA,EAAE,SAAS,GAAGA,EAAE,QAAQ,GAAG,EAAE;AAChE;AAEA,SAAgBC,EAAQ,GAAS,GAAiB;CAChD,OAAO,IAAI,KAAKD,EAAE,YAAY,GAAGA,EAAE,SAAS,GAAGA,EAAE,QAAQ,IAAIE,GAAG,EAAE;AACpE;AAGA,SAAgBC,EAAU,GAAS,GAAiB;CAClD,IAAMC,IAAO,IAAI,KAAKJ,EAAE,YAAY,GAAGA,EAAE,SAAS,IAAIE,GAAG,GAAG,EAAE,GACxDG,IAAO,IAAI,KAAKD,EAAK,YAAY,GAAGA,EAAK,SAAS,IAAI,GAAG,CAAC,CAAC,CAAC,QAAQ;CAE1E,OADAA,EAAK,QAAQ,KAAK,IAAIJ,EAAE,QAAQ,GAAGK,CAAI,CAAC,GACjCD;AACT;AAGA,SAAgBE,EAAY,GAAS,GAAiB;CACpD,OAAOP,EAAWQ,CAAC,CAAC,CAAC,QAAQ,IAAIR,EAAWS,CAAC,CAAC,CAAC,QAAQ;AACzD;AAEA,SAAgBC,EAAQ,GAA4B,GAAqC;CACvF,OAAO,CAAC,CAACF,KAAK,CAAC,CAACC,KAAKF,EAAYC,GAAGC,CAAC,MAAM;AAC7C;AAGA,SAAgBE,EAAO,GAAiB;CACtC,OAAO,GAAGV,EAAE,YAAY,EAAE,GAAGA,EAAE,SAAS,EAAE,GAAGA,EAAE,QAAQ;AACzD;AAGA,SAAgBW,EAAQ,GAAoC;CAC1D,IAAI,CAACX,GAAG,OAAO;CACf,IAAMY,KAAK,OAAeV,IAAI,KAAK,MAAM,MAAMA;CAC/C,OAAO,GAAG,OAAOF,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,GAAG,GAAG,EAAE,GAAGY,EAAEZ,EAAE,SAAS,IAAI,CAAC,EAAE,GAAGY,EAAEZ,EAAE,QAAQ,CAAC;AAC5F"}

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ECalendar } from './ECalendar.vue.js';
+export type { CalendarRange } from './ECalendar.vue.js';

package/dist/components/CardField/ECardField.js

@@ -0,0 +1,8 @@
+import e from "./ECardField.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+//#region src/components/CardField/ECardField.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ECardField.js.map

package/dist/components/CardField/ECardField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECardField.js","names":["_sfc_main","ECardField_vue_vue_type_script_setup_true_lang_default","ECardField_default"],"sources":["../../../src/components/CardField/ECardField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport ESpinner from \"../Spinner/ESpinner.vue\";\nimport EFieldFlag from \"../Field/EFieldFlag.vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The visible label, a small mono kicker above the frame. Default \"Card details\". */\n  label?: string;\n  /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */\n  state?: \"loading\" | \"ready\" | \"error\";\n  /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */\n  error?: string;\n  /** The reassurance line under the frame. Default says the details go straight to the payment provider. */\n  note?: string;\n  /** The word \"Required\" beside the label. */\n  required?: boolean;\n  /** The id of the mount point, for a provider that mounts by id. Generated when left out. */\n  mountId?: string;\n  /** The id the label, error and note ids are built from. Generated when left out. */\n  id?: string;\n}>();\n\ndefineSlots<{\n  /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst id = useUid(() => props.id);\nconst status = computed(() => (props.error ? \"error\" : props.state || \"ready\"));\nconst mount = ref<HTMLDivElement | null>(null);\n\ndefineExpose({\n  mount,\n});\n</script>\n\n<template>\n  <div class=\"e-field\">\n    <span :id=\"`${id}-label`\" class=\"e-field-label e-kicker\">\n      {{ label || t(\"cardDetails\") }}\n      <EFieldFlag :required=\"required\" />\n    </span>\n    <div\n      class=\"e-cardfield\"\n      role=\"group\"\n      :aria-labelledby=\"`${id}-label`\"\n      :aria-describedby=\"error ? `${id}-hint` : `${id}-note`\"\n      :data-state=\"status\"\n    >\n      <div :id=\"mountId || `${id}-mount`\" ref=\"mount\" class=\"e-cardfield-mount\">\n        <ESpinner v-if=\"status === 'loading'\" :label=\"t('cardLoading')\" />\n        <slot v-else />\n      </div>\n    </div>\n    <EFieldMessage v-if=\"error\" :id=\"`${id}-hint`\" :error=\"error\" />\n    <p :id=\"`${id}-note`\" class=\"e-cardfield-note\">\n      <EIcon name=\"lock\" small />\n      {{ note || t(\"cardSecure\") }}\n    </p>\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-cardfield-mount {\n    display: flex;\n    align-items: center;\n    min-height: var(--e-control-height);\n    padding: 0 var(--e-space-4);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-well);\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cardfield-mount > * {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .e-cardfield:hover .e-cardfield-mount {\n    border-color: var(--e-ink);\n  }\n\n  .e-cardfield:focus-within .e-cardfield-mount {\n    border-color: var(--e-focus-field);\n    outline: var(--e-stroke-focus) solid var(--e-focus-field);\n    outline-offset: var(--e-focus-gap-field);\n  }\n\n  .e-cardfield[data-state=\"error\"] .e-cardfield-mount {\n    border-color: var(--e-danger);\n    box-shadow:\n      var(--e-well),\n      inset 0 0 0 1px var(--e-danger);\n  }\n\n  .e-cardfield-note {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    margin: 0;\n    font: 400 var(--e-text-sm)/1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/CardField/ECardField.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    /** The visible label, a small mono kicker above the frame. Default "Card details". */
+    label?: string;
+    /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */
+    state?: "loading" | "ready" | "error";
+    /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */
+    error?: string;
+    /** The reassurance line under the frame. Default says the details go straight to the payment provider. */
+    note?: string;
+    /** The word "Required" beside the label. */
+    required?: boolean;
+    /** The id of the mount point, for a provider that mounts by id. Generated when left out. */
+    mountId?: string;
+    /** The id the label, error and note ids are built from. Generated when left out. */
+    id?: string;
+};
+type __VLS_Slots = {
+    /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
+    mount: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/CardField/ECardField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,65 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import { useUid as t } from "../../composables/useUid.js";
+import n from "../Field/EFieldFlag.js";
+import r from "../Icon/EIcon.js";
+import i from "../Field/EFieldMessage.js";
+import a from "../Spinner/ESpinner.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, openBlock as m, ref as h, renderSlot as g, toDisplayString as _, unref as v } from "vue";
+//#region src/components/CardField/ECardField.vue?vue&type=script&setup=true&lang.ts
+var y = { class: "e-field" }, b = ["id"], x = [
+	"aria-labelledby",
+	"aria-describedby",
+	"data-state"
+], S = ["id"], C = ["id"], w = /*@__PURE__*/ p({
+	__name: "ECardField",
+	props: {
+		label: {},
+		state: {},
+		error: {},
+		note: {},
+		required: { type: Boolean },
+		mountId: {},
+		id: {}
+	},
+	setup(p, { expose: w }) {
+		let T = p, E = e(), D = t(() => T.id), O = o(() => T.error ? "error" : T.state || "ready"), k = h(null);
+		return w({ mount: k }), (e, t) => (m(), l("div", y, [
+			u("span", {
+				id: `${v(D)}-label`,
+				class: "e-field-label e-kicker"
+			}, [d(_(p.label || v(E)("cardDetails")) + " ", 1), f(n, { required: p.required }, null, 8, ["required"])], 8, b),
+			u("div", {
+				class: "e-cardfield",
+				role: "group",
+				"aria-labelledby": `${v(D)}-label`,
+				"aria-describedby": p.error ? `${v(D)}-hint` : `${v(D)}-note`,
+				"data-state": O.value
+			}, [u("div", {
+				id: p.mountId || `${v(D)}-mount`,
+				ref_key: "mount",
+				ref: k,
+				class: "e-cardfield-mount"
+			}, [O.value === "loading" ? (m(), s(a, {
+				key: 0,
+				label: v(E)("cardLoading")
+			}, null, 8, ["label"])) : g(e.$slots, "default", {}, void 0, void 0, 1)], 8, S)], 8, x),
+			p.error ? (m(), s(i, {
+				key: 0,
+				id: `${v(D)}-hint`,
+				error: p.error
+			}, null, 8, ["id", "error"])) : c("", !0),
+			u("p", {
+				id: `${v(D)}-note`,
+				class: "e-cardfield-note"
+			}, [f(r, {
+				name: "lock",
+				small: ""
+			}), d(" " + _(p.note || v(E)("cardSecure")), 1)], 8, C)
+		]));
+	}
+});
+//#endregion
+export { w as default };
+
+//# sourceMappingURL=ECardField.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/CardField/ECardField.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECardField.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_unref","_createTextVNode","_toDisplayString","_createVNode","EFieldFlag","_createBlock","ESpinner","_renderSlot","EFieldMessage","_createCommentVNode","EIcon","EFieldFlag_default","EIcon_default","EFieldMessage_default","ESpinner_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","ECardField_vue_vue_type_script_setup_true_lang_default","__expose","props","__props","t","useMessages","id","useUid","status","computed","mount","ref","openBlock","createElementBlock","createElementVNode","unref","createTextVNode","toDisplayString","createVNode","createBlock","renderSlot","_ctx","createCommentVNode"],"sources":["../../../src/components/CardField/ECardField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport ESpinner from \"../Spinner/ESpinner.vue\";\nimport EFieldFlag from \"../Field/EFieldFlag.vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useMessages } from \"../../config.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The visible label, a small mono kicker above the frame. Default \"Card details\". */\n  label?: string;\n  /** `loading` shows a spinner while the provider's fields load; `error` turns the edge `danger`; `ready` is the default. An `error` text implies `error`. */\n  state?: \"loading\" | \"ready\" | \"error\";\n  /** What to fix, such as a declined card. Shown under the frame, announced, and turns the edge `danger`. */\n  error?: string;\n  /** The reassurance line under the frame. Default says the details go straight to the payment provider. */\n  note?: string;\n  /** The word \"Required\" beside the label. */\n  required?: boolean;\n  /** The id of the mount point, for a provider that mounts by id. Generated when left out. */\n  mountId?: string;\n  /** The id the label, error and note ids are built from. Generated when left out. */\n  id?: string;\n}>();\n\ndefineSlots<{\n  /** The provider's element, when it is rendered rather than mounted by id or by the exposed element. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst id = useUid(() => props.id);\nconst status = computed(() => (props.error ? \"error\" : props.state || \"ready\"));\nconst mount = ref<HTMLDivElement | null>(null);\n\ndefineExpose({\n  mount,\n});\n</script>\n\n<template>\n  <div class=\"e-field\">\n    <span :id=\"`${id}-label`\" class=\"e-field-label e-kicker\">\n      {{ label || t(\"cardDetails\") }}\n      <EFieldFlag :required=\"required\" />\n    </span>\n    <div\n      class=\"e-cardfield\"\n      role=\"group\"\n      :aria-labelledby=\"`${id}-label`\"\n      :aria-describedby=\"error ? `${id}-hint` : `${id}-note`\"\n      :data-state=\"status\"\n    >\n      <div :id=\"mountId || `${id}-mount`\" ref=\"mount\" class=\"e-cardfield-mount\">\n        <ESpinner v-if=\"status === 'loading'\" :label=\"t('cardLoading')\" />\n        <slot v-else />\n      </div>\n    </div>\n    <EFieldMessage v-if=\"error\" :id=\"`${id}-hint`\" :error=\"error\" />\n    <p :id=\"`${id}-note`\" class=\"e-cardfield-note\">\n      <EIcon name=\"lock\" small />\n      {{ note || t(\"cardSecure\") }}\n    </p>\n  </div>\n</template>\n\n<style>\n@layer e.composites {\n  .e-cardfield-mount {\n    display: flex;\n    align-items: center;\n    min-height: var(--e-control-height);\n    padding: 0 var(--e-space-4);\n    border: var(--e-stroke-edge) solid var(--e-border-strong);\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-well);\n    transition: border-color var(--e-duration-tap) var(--e-easing-out);\n  }\n\n  .e-cardfield-mount > * {\n    flex: 1;\n    min-width: 0;\n  }\n\n  .e-cardfield:hover .e-cardfield-mount {\n    border-color: var(--e-ink);\n  }\n\n  .e-cardfield:focus-within .e-cardfield-mount {\n    border-color: var(--e-focus-field);\n    outline: var(--e-stroke-focus) solid var(--e-focus-field);\n    outline-offset: var(--e-focus-gap-field);\n  }\n\n  .e-cardfield[data-state=\"error\"] .e-cardfield-mount {\n    border-color: var(--e-danger);\n    box-shadow:\n      var(--e-well),\n      inset 0 0 0 1px var(--e-danger);\n  }\n\n  .e-cardfield-note {\n    display: flex;\n    align-items: center;\n    gap: var(--e-space-2);\n    margin: 0;\n    font: 400 var(--e-text-sm)/1.4 var(--e-font-sans);\n    color: var(--e-muted);\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMyB,IAAQC,GAsBRC,IAAIC,EAAY,GAChBC,IAAKC,QAAaL,EAAM,EAAE,GAC1BM,IAASC,QAAgBP,EAAM,QAAQ,UAAUA,EAAM,SAAS,OAAQ,GACxEQ,IAAQC,EAA2B,IAAI;E,OAE7CV,EAAa,EACX,SACF,CAAC,I,UAICxB,EAAA,GAAAC,EAsBM,OAtBNiB,GAsBM;GArBJhB,EAGO,QAAA;IAHA,IAAE,GAAKC,EAAA0B,CAAA,EAAE;IAAU,OAAM;G,IAC3BzB,EAAAC,EAAAqB,EAAA,SAASvB,EAAAwB,CAAA,CAAC,CAAA,aAAA,CAAA,IAAkB,KAC/B,CAAA,GAAArB,EAAmCC,GAAA,EAAtB,UAAUmB,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA,C;GAEjCxB,EAWM,OAAA;IAVJ,OAAM;IACN,MAAK;IACJ,mBAAe,GAAKC,EAAA0B,CAAA,EAAE;IACtB,oBAAkBH,EAAA,QAAK,GAAMvB,EAAA0B,CAAA,EAAE,SAAA,GAAa1B,EAAA0B,CAAA,EAAE;IAC9C,cAAYE,EAAA;G,IAEb7B,EAGM,OAAA;IAHA,IAAIwB,EAAA,WAAO,GAAOvB,EAAA0B,CAAA,EAAE;IAAc,SAAA;IAAJ,KAAII;IAAQ,OAAM;G,IACpCF,EAAA,UAAM,aAAtB/B,EAAA,GAAAQ,EAAkEC,GAAA;;IAA3B,OAAON,EAAAwB,CAAA,CAAC,CAAA,aAAA;G,0BAC/CjB,EAAekC,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,C;GAGElB,EAAA,SAArB1B,EAAA,GAAAQ,EAAgEG,GAAA;;IAAnC,IAAE,GAAKR,EAAA0B,CAAA,EAAE;IAAU,OAAOH,EAAA;;GACvDxB,EAGI,KAAA;IAHA,IAAE,GAAKC,EAAA0B,CAAA,EAAE;IAAS,OAAM;G,IAC1BvB,EAA2BO,GAAA;IAApB,MAAK;IAAO,OAAA;G,IAAQT,EAAA,MAC3BC,EAAGqB,EAAA,QAAQvB,EAAAwB,CAAA,CAAC,CAAA,YAAA,CAAA,GAAA,CAAA,C"}

package/dist/components/CardField/index.d.ts

@@ -0,0 +1 @@
+export { default as ECardField } from './ECardField.vue.js';

package/dist/components/Checkbox/ECheckbox.js

@@ -0,0 +1,8 @@
+import e from "./ECheckbox.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                          */
+//#region src/components/Checkbox/ECheckbox.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ECheckbox.js.map

package/dist/components/Checkbox/ECheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECheckbox.js","names":["_sfc_main","ECheckbox_vue_vue_type_script_setup_true_lang_default","ECheckbox_default"],"sources":["../../../src/components/Checkbox/ECheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\nimport \"./choice.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** What the person agrees to or turns on. */\n  label: string;\n  /** A line of detail under the label. */\n  description?: string;\n  /** A mixed state, such as select-all with some rows chosen. */\n  indeterminate?: boolean;\n  /** Hide the label visually but keep it for screen readers, for a table cell. */\n  bare?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  /** What to fix. Shown under the row, with `aria-invalid`. */\n  error?: string;\n  /** The name submitted with a form. */\n  name?: string;\n  /** The value submitted with a form when checked. */\n  value?: string;\n  /** The id of the input; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<boolean>({ default: false });\n\nconst id = useUid(() => props.id);\nconst errorId = computed(() => `${id.value}-hint`);\nconst wrapped = computed(() => !!props.error && !props.bare);\nconst input = ref<HTMLInputElement | null>(null);\nconst attrs = useFieldAttrs();\n\nwatch(\n  () => [props.indeterminate, input.value] as const,\n  ([mixed, el]) => {\n    if (el) el.indeterminate = !!mixed;\n  },\n  { flush: \"post\", immediate: true },\n);\n\nconst inputBind = () => ({\n  id: id.value,\n  type: \"checkbox\" as const,\n  class: \"e-check\",\n  checked: model.value,\n  value: props.value,\n  required: props.required,\n  disabled: props.disabled,\n  name: props.name,\n  \"aria-invalid\": props.error ? (\"true\" as const) : undefined,\n  ...attrs.input(wrapped.value ? errorId.value : undefined),\n});\nconst onChange = (e: Event) => (model.value = (e.target as HTMLInputElement).checked);\n\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <div v-if=\"wrapped\" class=\"e-choice-wrap\" :class=\"attrs.wrapper().class\" :style=\"attrs.wrapper().style\">\n    <label class=\"e-choice\" :class=\"{ 'e-choice--disabled': disabled }\" :for=\"id\">\n      <input ref=\"input\" v-bind=\"inputBind()\" @change=\"onChange\" />\n      <span class=\"e-choice-text\">\n        {{ label }}\n        <span v-if=\"description\" class=\"e-choice-desc\">{{ description }}</span>\n      </span>\n    </label>\n    <EFieldMessage :id=\"errorId\" :error=\"error\" />\n  </div>\n  <label\n    v-else\n    class=\"e-choice\"\n    :class=\"[{ 'e-choice--bare': bare, 'e-choice--disabled': disabled }, attrs.wrapper().class]\"\n    :style=\"attrs.wrapper().style\"\n    :for=\"id\"\n  >\n    <input ref=\"input\" v-bind=\"inputBind()\" @change=\"onChange\" />\n    <span v-if=\"bare\" class=\"e-sr\">{{ label }}</span>\n    <span v-else class=\"e-choice-text\">\n      {{ label }}\n      <span v-if=\"description\" class=\"e-choice-desc\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n\n<style>\n@layer e.controls {\n  .e-choice--bare {\n    min-height: 0;\n    padding: 0;\n    gap: 0;\n    justify-content: center;\n  }\n\n  .e-choice-wrap {\n    display: grid;\n  }\n\n  .e-choice-wrap > .e-field-error {\n    margin-top: -6px;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Checkbox/ECheckbox.vue.d.ts

@@ -0,0 +1,34 @@
+type __VLS_Props = {
+    /** What the person agrees to or turns on. */
+    label: string;
+    /** A line of detail under the label. */
+    description?: string;
+    /** A mixed state, such as select-all with some rows chosen. */
+    indeterminate?: boolean;
+    /** Hide the label visually but keep it for screen readers, for a table cell. */
+    bare?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    /** What to fix. Shown under the row, with `aria-invalid`. */
+    error?: string;
+    /** The name submitted with a form. */
+    name?: string;
+    /** The value submitted with a form when checked. */
+    value?: string;
+    /** The id of the input; the label points at it. Generated when left out. */
+    id?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import('vue').DefineComponent<__VLS_PublicProps, {
+    input: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
+    focus: () => void | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/Checkbox/ECheckbox.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,95 @@
+/* empty css                */
+import { useFieldAttrs as e } from "../../composables/useFieldAttrs.js";
+import { useUid as t } from "../../composables/useUid.js";
+import n from "../Field/EFieldMessage.js";
+/* empty css       */
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, toDisplayString as g, unref as _, useModel as v, watch as y } from "vue";
+//#region src/components/Checkbox/ECheckbox.vue?vue&type=script&setup=true&lang.ts
+var b = ["for"], x = { class: "e-choice-text" }, S = {
+	key: 0,
+	class: "e-choice-desc"
+}, C = ["for"], w = {
+	key: 0,
+	class: "e-sr"
+}, T = {
+	key: 1,
+	class: "e-choice-text"
+}, E = {
+	key: 0,
+	class: "e-choice-desc"
+}, D = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "ECheckbox",
+	props: /*@__PURE__*/ u({
+		label: {},
+		description: {},
+		indeterminate: { type: Boolean },
+		bare: { type: Boolean },
+		disabled: { type: Boolean },
+		required: { type: Boolean },
+		error: {},
+		name: {},
+		value: {},
+		id: {}
+	}, {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(l, { expose: u }) {
+		let D = l, O = v(l, "modelValue"), k = t(() => D.id), A = r(() => `${k.value}-hint`), j = r(() => !!D.error && !D.bare), M = h(null), N = e();
+		y(() => [D.indeterminate, M.value], ([e, t]) => {
+			t && (t.indeterminate = !!e);
+		}, {
+			flush: "post",
+			immediate: !0
+		});
+		let P = () => ({
+			id: k.value,
+			type: "checkbox",
+			class: "e-check",
+			checked: O.value,
+			value: D.value,
+			required: D.required,
+			disabled: D.disabled,
+			name: D.name,
+			"aria-invalid": D.error ? "true" : void 0,
+			...N.input(j.value ? A.value : void 0)
+		}), F = (e) => O.value = e.target.checked;
+		return u({
+			input: M,
+			focus: () => M.value?.focus()
+		}), (e, t) => j.value ? (m(), a("div", {
+			key: 0,
+			class: f(["e-choice-wrap", _(N).wrapper().class]),
+			style: p(_(N).wrapper().style)
+		}, [o("label", {
+			class: f(["e-choice", { "e-choice--disabled": l.disabled }]),
+			for: _(k)
+		}, [o("input", d({
+			ref_key: "input",
+			ref: M
+		}, P(), { onChange: F }), null, 16), o("span", x, [s(g(l.label) + " ", 1), l.description ? (m(), a("span", S, g(l.description), 1)) : i("", !0)])], 10, b), c(n, {
+			id: A.value,
+			error: l.error
+		}, null, 8, ["id", "error"])], 6)) : (m(), a("label", {
+			key: 1,
+			class: f(["e-choice", [{
+				"e-choice--bare": l.bare,
+				"e-choice--disabled": l.disabled
+			}, _(N).wrapper().class]]),
+			style: p(_(N).wrapper().style),
+			for: _(k)
+		}, [o("input", d({
+			ref_key: "input",
+			ref: M
+		}, P(), { onChange: F }), null, 16), l.bare ? (m(), a("span", w, g(l.label), 1)) : (m(), a("span", T, [s(g(l.label) + " ", 1), l.description ? (m(), a("span", E, g(l.description), 1)) : i("", !0)]))], 14, C));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=ECheckbox.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Checkbox/ECheckbox.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECheckbox.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createElementBlock","_normalizeClass","_unref","_normalizeStyle","_createElementVNode","_mergeProps","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","EFieldMessage","EFieldMessage_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","ECheckbox_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","__expose","props","__props","model","useModel","id","useUid","errorId","computed","wrapped","input","ref","attrs","useFieldAttrs","mixed","el","inputBind","onChange","openBlock","createElementBlock","normalizeClass","unref","normalizeStyle","createElementVNode","mergeProps","createTextVNode","toDisplayString","createCommentVNode","createVNode"],"sources":["../../../src/components/Checkbox/ECheckbox.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, watch } from \"vue\";\nimport EFieldMessage from \"../Field/EFieldMessage.vue\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport { useUid } from \"../../composables/useUid.js\";\nimport \"../../styles/base.css\";\nimport \"./choice.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** What the person agrees to or turns on. */\n  label: string;\n  /** A line of detail under the label. */\n  description?: string;\n  /** A mixed state, such as select-all with some rows chosen. */\n  indeterminate?: boolean;\n  /** Hide the label visually but keep it for screen readers, for a table cell. */\n  bare?: boolean;\n  disabled?: boolean;\n  required?: boolean;\n  /** What to fix. Shown under the row, with `aria-invalid`. */\n  error?: string;\n  /** The name submitted with a form. */\n  name?: string;\n  /** The value submitted with a form when checked. */\n  value?: string;\n  /** The id of the input; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<boolean>({ default: false });\n\nconst id = useUid(() => props.id);\nconst errorId = computed(() => `${id.value}-hint`);\nconst wrapped = computed(() => !!props.error && !props.bare);\nconst input = ref<HTMLInputElement | null>(null);\nconst attrs = useFieldAttrs();\n\nwatch(\n  () => [props.indeterminate, input.value] as const,\n  ([mixed, el]) => {\n    if (el) el.indeterminate = !!mixed;\n  },\n  { flush: \"post\", immediate: true },\n);\n\nconst inputBind = () => ({\n  id: id.value,\n  type: \"checkbox\" as const,\n  class: \"e-check\",\n  checked: model.value,\n  value: props.value,\n  required: props.required,\n  disabled: props.disabled,\n  name: props.name,\n  \"aria-invalid\": props.error ? (\"true\" as const) : undefined,\n  ...attrs.input(wrapped.value ? errorId.value : undefined),\n});\nconst onChange = (e: Event) => (model.value = (e.target as HTMLInputElement).checked);\n\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <div v-if=\"wrapped\" class=\"e-choice-wrap\" :class=\"attrs.wrapper().class\" :style=\"attrs.wrapper().style\">\n    <label class=\"e-choice\" :class=\"{ 'e-choice--disabled': disabled }\" :for=\"id\">\n      <input ref=\"input\" v-bind=\"inputBind()\" @change=\"onChange\" />\n      <span class=\"e-choice-text\">\n        {{ label }}\n        <span v-if=\"description\" class=\"e-choice-desc\">{{ description }}</span>\n      </span>\n    </label>\n    <EFieldMessage :id=\"errorId\" :error=\"error\" />\n  </div>\n  <label\n    v-else\n    class=\"e-choice\"\n    :class=\"[{ 'e-choice--bare': bare, 'e-choice--disabled': disabled }, attrs.wrapper().class]\"\n    :style=\"attrs.wrapper().style\"\n    :for=\"id\"\n  >\n    <input ref=\"input\" v-bind=\"inputBind()\" @change=\"onChange\" />\n    <span v-if=\"bare\" class=\"e-sr\">{{ label }}</span>\n    <span v-else class=\"e-choice-text\">\n      {{ label }}\n      <span v-if=\"description\" class=\"e-choice-desc\">{{ description }}</span>\n    </span>\n  </label>\n</template>\n\n<style>\n@layer e.controls {\n  .e-choice--bare {\n    min-height: 0;\n    padding: 0;\n    gap: 0;\n    justify-content: center;\n  }\n\n  .e-choice-wrap {\n    display: grid;\n  }\n\n  .e-choice-wrap > .e-field-error {\n    margin-top: -6px;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUA,IAAMyB,IAAQC,GAqBRC,IAAQ3B,EAAoB0B,GAAA,YAAmB,GAE/CG,IAAKC,QAAaL,EAAM,EAAE,GAC1BM,IAAUC,QAAe,GAAGH,EAAG,MAAM,MAAM,GAC3CI,IAAUD,QAAe,CAAC,CAACP,EAAM,SAAS,CAACA,EAAM,IAAI,GACrDS,IAAQC,EAA6B,IAAI,GACzCC,IAAQC,EAAc;EAE5B,QACQ,CAACZ,EAAM,eAAeS,EAAM,KAAK,IACtC,CAACI,GAAOC,OAAQ;GACf,AAAIA,MAAI,EAAG,gBAAgB,CAAC,CAACD;EAC/B,GACA;GAAE,OAAO;GAAQ,WAAW;EAAK,CACnC;EAEA,IAAME,WAAmB;GACvB,IAAIX,EAAG;GACP,MAAM;GACN,OAAO;GACP,SAASF,EAAM;GACf,OAAOF,EAAM;GACb,UAAUA,EAAM;GAChB,UAAUA,EAAM;GAChB,MAAMA,EAAM;GACZ,gBAAgBA,EAAM,QAAS,SAAmB,KAAA;GAClD,GAAGW,EAAM,MAAMH,EAAQ,QAAQF,EAAQ,QAAQ,KAAA,CAAS;EAC1D,IACMU,KAAY,MAAc,EAAM,QAAS,EAAE,OAA4B;E,OAE7EjB,EAAa;GACX;GACA,aAAaU,EAAM,OAAO,MAAM;EAClC,CAAC,I,SAIYD,EAAA,SAAXhC,EAAA,GAAAC,EASM,OAAA;;GATc,OAAKC,EAAA,CAAC,iBAAwBC,EAAAgC,CAAA,CAAK,CAAC,QAAO,CAAA,CAAG,KAAK,CAAA;GAAG,OAAK/B,EAAED,EAAAgC,CAAA,CAAK,CAAC,QAAO,CAAA,CAAG,KAAK;E,IACpG9B,EAMQ,SAAA;GAND,OAAKH,EAAA,CAAC,YAAU,EAAA,sBAAiCuB,EAAA,SAAQ,CAAA,CAAA;GAAK,KAAKtB,EAAAyB,CAAA;E,IACxEvB,EAA6D,SAA7DC,EAA6D;GAAlD,SAAA;GAAJ,KAAI2B;EAAgB,GAAAM,EAAS,GAAA,EAAa,YAAQ,CAAA,GAAA,MAAA,EAAA,GACzDlC,EAGO,QAHPS,GAGO,CAFFP,EAAAC,EAAAiB,EAAA,KAAK,IAAG,KACX,CAAA,GAAYA,EAAA,eAAZzB,EAAA,GAAAC,EAAuE,QAAvEc,GAAuEP,EAArBiB,EAAA,WAAW,GAAA,CAAA,K,sBAGjEf,EAA8CC,GAAA;GAA9B,IAAImB,EAAA;GAAU,OAAOL,EAAA;E,sCAEvCzB,EAAA,GAAAC,EAaQ,SAAA;;GAXN,OAAKC,EAAA,CAAC,YAAU,CAAA;IAAA,kBACauB,EAAA;IAAI,sBAAwBA,EAAA;GAAQ,GAAItB,EAAAgC,CAAA,CAAK,CAAC,QAAO,CAAA,CAAG,KAAK,CAAA,CAAA;GACzF,OAAK/B,EAAED,EAAAgC,CAAA,CAAK,CAAC,QAAO,CAAA,CAAG,KAAK;GAC5B,KAAKhC,EAAAyB,CAAA;E,IAENvB,EAA6D,SAA7DC,EAA6D;GAAlD,SAAA;GAAJ,KAAI2B;EAAgB,GAAAM,EAAS,GAAA,EAAa,YAAQ,CAAA,GAAA,MAAA,EAAA,GAC7Cd,EAAA,QAAZzB,EAAA,GAAAC,EAAiD,QAAjDgB,GAAiDT,EAAfiB,EAAA,KAAK,GAAA,CAAA,MACvCzB,EAAA,GAAAC,EAGO,QAHPiB,GAGO,CAFFX,EAAAC,EAAAiB,EAAA,KAAK,IAAG,KACX,CAAA,GAAYA,EAAA,eAAZzB,EAAA,GAAAC,EAAuE,QAAvEkB,GAAuEX,EAArBiB,EAAA,WAAW,GAAA,CAAA,K"}

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export { default as ECheckbox } from './ECheckbox.vue.js';

package/dist/components/Chip/EChip.js

@@ -0,0 +1,8 @@
+import e from "./EChip.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                      */
+//#region src/components/Chip/EChip.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EChip.js.map

package/dist/components/Chip/EChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EChip.js","names":["_sfc_main","EChip_vue_vue_type_script_setup_true_lang_default","EChip_default"],"sources":["../../../src/components/Chip/EChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport \"../../styles/base.css\";\n\nexport type ChipTone = \"neutral\" | \"ink\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n\nconst props = withDefaults(defineProps<{\n  /** `success` (paid, confirmed, signed), `info` (due, scheduled, pending), `warning` (needs attention), `danger` (overdue, cancelled, failed). None is neutral. */\n  tone?: ChipTone;\n  /** `solid` is a filled badge with light text (the default); `subtle` is a soft tint with a tone-coloured outline and text. */\n  variant?: \"solid\" | \"subtle\";\n}>(), { variant: \"solid\" });\n\ndefineSlots<{\n  /** The word. Write sentence case; the chip sets it in capitals. */\n  default(): unknown;\n}>();\n\nconst toneClass = computed(() =>\n  props.tone && props.tone !== \"ink\" && props.tone !== \"neutral\" ? `e-chip--${props.tone}` : null,\n);\n</script>\n\n<template>\n  <span class=\"e-chip\" :class=\"[toneClass, variant === 'subtle' && 'e-chip--subtle']\"><slot /></span>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-chip {\n    --e-chip-text: var(--e-ink);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-surface);\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    height: var(--e-chip-height);\n    padding: 0 var(--e-space-3);\n    border-radius: var(--e-radius-pill);\n    background: var(--e-chip-text);\n    color: var(--e-chip-on);\n    box-shadow: inset 0 0 0 var(--e-stroke-card) var(--e-chip-text);\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    /* stylelint-disable declaration-block-no-redundant-longhand-properties -- two longhands */\n    align-self: flex-start;\n    justify-self: start;\n    /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  }\n\n  .e-chip--success {\n    --e-chip-text: var(--e-secondary);\n    --e-chip-soft: var(--e-secondary-soft);\n    --e-chip-on: var(--e-on-secondary);\n  }\n\n  .e-chip--info {\n    --e-chip-text: var(--e-primary);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-on-primary);\n  }\n\n  .e-chip--danger {\n    --e-chip-text: var(--e-danger);\n    --e-chip-soft: var(--e-danger-soft);\n    --e-chip-on: var(--e-on-danger);\n  }\n\n  .e-chip--warning {\n    --e-chip-text: var(--e-warning-strong);\n    --e-chip-soft: var(--e-warning-soft);\n  }\n\n  .e-chip--subtle {\n    background: var(--e-chip-soft);\n    color: var(--e-chip-text);\n  }\n\n  @media (forced-colors: active) {\n    .e-chip {\n      border: 1px solid CanvasText;\n    }\n  }\n\n  @media print {\n    .e-chip {\n      border: 1px solid #000;\n      background: none;\n      color: #000;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Chip/EChip.vue.d.ts

@@ -0,0 +1,22 @@
+export type ChipTone = "neutral" | "ink" | "success" | "info" | "warning" | "danger";
+type __VLS_Props = {
+    /** `success` (paid, confirmed, signed), `info` (due, scheduled, pending), `warning` (needs attention), `danger` (overdue, cancelled, failed). None is neutral. */
+    tone?: ChipTone;
+    /** `solid` is a filled badge with light text (the default); `subtle` is a soft tint with a tone-coloured outline and text. */
+    variant?: "solid" | "subtle";
+};
+type __VLS_Slots = {
+    /** The word. Write sentence case; the chip sets it in capitals. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "solid" | "subtle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Chip/EChip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+/* empty css                */
+import { computed as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a } from "vue";
+//#region src/components/Chip/EChip.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ n({
+	__name: "EChip",
+	props: {
+		tone: {},
+		variant: { default: "solid" }
+	},
+	setup(n) {
+		let o = n, s = e(() => o.tone && o.tone !== "ink" && o.tone !== "neutral" ? `e-chip--${o.tone}` : null);
+		return (e, o) => (i(), t("span", { class: r(["e-chip", [s.value, n.variant === "subtle" && "e-chip--subtle"]]) }, [a(e.$slots, "default")], 2));
+	}
+});
+//#endregion
+export { o as default };
+
+//# sourceMappingURL=EChip.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Chip/EChip.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EChip.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_renderSlot","EChip_vue_vue_type_script_setup_true_lang_default","props","__props","toneClass","computed","openBlock","createElementBlock","normalizeClass","renderSlot","_ctx"],"sources":["../../../src/components/Chip/EChip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport \"../../styles/base.css\";\n\nexport type ChipTone = \"neutral\" | \"ink\" | \"success\" | \"info\" | \"warning\" | \"danger\";\n\nconst props = withDefaults(defineProps<{\n  /** `success` (paid, confirmed, signed), `info` (due, scheduled, pending), `warning` (needs attention), `danger` (overdue, cancelled, failed). None is neutral. */\n  tone?: ChipTone;\n  /** `solid` is a filled badge with light text (the default); `subtle` is a soft tint with a tone-coloured outline and text. */\n  variant?: \"solid\" | \"subtle\";\n}>(), { variant: \"solid\" });\n\ndefineSlots<{\n  /** The word. Write sentence case; the chip sets it in capitals. */\n  default(): unknown;\n}>();\n\nconst toneClass = computed(() =>\n  props.tone && props.tone !== \"ink\" && props.tone !== \"neutral\" ? `e-chip--${props.tone}` : null,\n);\n</script>\n\n<template>\n  <span class=\"e-chip\" :class=\"[toneClass, variant === 'subtle' && 'e-chip--subtle']\"><slot /></span>\n</template>\n\n<style>\n@layer e.primitives {\n  .e-chip {\n    --e-chip-text: var(--e-ink);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-surface);\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--e-space-1);\n    height: var(--e-chip-height);\n    padding: 0 var(--e-space-3);\n    border-radius: var(--e-radius-pill);\n    background: var(--e-chip-text);\n    color: var(--e-chip-on);\n    box-shadow: inset 0 0 0 var(--e-stroke-card) var(--e-chip-text);\n    font: 600 var(--e-text-xs) / 1 var(--e-font-mono);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    /* stylelint-disable declaration-block-no-redundant-longhand-properties -- two longhands */\n    align-self: flex-start;\n    justify-self: start;\n    /* stylelint-enable declaration-block-no-redundant-longhand-properties */\n  }\n\n  .e-chip--success {\n    --e-chip-text: var(--e-secondary);\n    --e-chip-soft: var(--e-secondary-soft);\n    --e-chip-on: var(--e-on-secondary);\n  }\n\n  .e-chip--info {\n    --e-chip-text: var(--e-primary);\n    --e-chip-soft: var(--e-surface-tint);\n    --e-chip-on: var(--e-on-primary);\n  }\n\n  .e-chip--danger {\n    --e-chip-text: var(--e-danger);\n    --e-chip-soft: var(--e-danger-soft);\n    --e-chip-on: var(--e-on-danger);\n  }\n\n  .e-chip--warning {\n    --e-chip-text: var(--e-warning-strong);\n    --e-chip-soft: var(--e-warning-soft);\n  }\n\n  .e-chip--subtle {\n    background: var(--e-chip-soft);\n    color: var(--e-chip-text);\n  }\n\n  @media (forced-colors: active) {\n    .e-chip {\n      border: 1px solid CanvasText;\n    }\n  }\n\n  @media print {\n    .e-chip {\n      border: 1px solid #000;\n      background: none;\n      color: #000;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;EAMA,IAAMK,IAAQC,GAYRC,IAAYC,QAChBH,EAAM,QAAQA,EAAM,SAAS,SAASA,EAAM,SAAS,YAAY,WAAWA,EAAM,SAAS,IAC7F;E,kBAIEL,EAAA,GAAAC,EAAmG,QAAA,EAA7F,OAAKC,EAAA,CAAC,UAAQ,CAAUK,EAAA,OAAWD,EAAA,YAAO,YAAA,gBAAA,CAAA,CAAA,E,IAAoCH,EAAQU,EAAA,QAAA,SAAA,C"}

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EChip } from './EChip.vue.js';
+export type { ChipTone } from './EChip.vue.js';

package/dist/components/CodeBlock/ECodeBlock.js

@@ -0,0 +1,8 @@
+import e from "./ECodeBlock.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+//#region src/components/CodeBlock/ECodeBlock.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ECodeBlock.js.map

package/dist/components/CodeBlock/ECodeBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ECodeBlock.js","names":["_sfc_main","ECodeBlock_vue_vue_type_script_setup_true_lang_default","ECodeBlock_default"],"sources":["../../../src/components/CodeBlock/ECodeBlock.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { h, ref } from \"vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport EVisuallyHidden from \"../VisuallyHidden/EVisuallyHidden.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nconst props = defineProps<{\n  /** The text to show, as plain text. Leave it out to put your own highlighted markup in the slot. */\n  code?: string;\n  /** The language, named for screen readers (the code's accessible name). */\n  lang?: string;\n  /** The copy button's name. Default \"Copy code\". Say what is copied when there are several blocks: \"Copy CSS\". */\n  copyLabel?: string;\n}>();\n\ndefineSlots<{\n  /** Your own markup, usually a highlighted `<pre><code>`. The copy button copies the text of the first `<pre>`. */\n  default?(): unknown;\n}>();\n\nconst t = useMessages();\n\nconst CopyIcon = () =>\n  h(\n    \"svg\",\n    { viewBox: \"0 0 20 20\", fill: \"none\", stroke: \"currentColor\", \"stroke-width\": \"1.6\", \"aria-hidden\": \"true\" },\n    [\n      h(\"rect\", { x: \"7\", y: \"7\", width: \"9\", height: \"9\", rx: \"2\" }),\n      h(\"path\", { d: \"M13 7V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h2\" }),\n    ],\n  );\n\nconst root = ref<HTMLElement | null>(null);\nconst copied = ref(false);\n\nasync function copy() {\n  const text = props.code ?? root.value?.querySelector(\"pre\")?.textContent ?? \"\";\n  try {\n    await navigator.clipboard.writeText(text);\n    copied.value = true;\n    setTimeout(() => (copied.value = false), 2000);\n  } catch {}\n}\n</script>\n\n<template>\n  <div ref=\"root\" class=\"e-code\">\n    <div class=\"e-code-body\">\n      <slot>\n        <pre tabindex=\"0\" :aria-label=\"lang\"><code>{{ code }}</code></pre>\n      </slot>\n    </div>\n    <div class=\"e-code-side\">\n      <EIconButton :icon=\"copied ? 'check' : CopyIcon\" :label=\"copyLabel || t('copyCode')\" @click=\"copy\" />\n    </div>\n    <EVisuallyHidden role=\"status\">{{ copied ? t(\"codeCopied\") : \"\" }}</EVisuallyHidden>\n  </div>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-code {\n    display: flex;\n    align-items: stretch;\n    min-width: 0;\n    overflow: hidden;\n    border-radius: var(--e-radius-md);\n    background: var(--e-surface);\n    box-shadow: var(--e-edge);\n  }\n\n  .e-code-body {\n    display: grid;\n    flex: 1;\n    align-content: center;\n    min-width: 0;\n    overflow-x: auto;\n  }\n\n  .e-code pre {\n    margin: 0;\n    padding: var(--e-space-3) var(--e-space-4);\n    background: transparent;\n    font: 400 var(--e-text-sm) / 1.6 var(--e-font-mono);\n    color: var(--e-ink);\n  }\n\n  .e-code pre:focus-visible {\n    outline: var(--e-stroke-focus) solid var(--e-focus-ring);\n    outline-offset: calc(-1 * var(--e-stroke-focus));\n    border-radius: var(--e-radius-md);\n  }\n\n  .e-code code {\n    display: block;\n    width: fit-content;\n    min-width: 100%;\n    padding: 0;\n    background: transparent;\n    font: inherit;\n  }\n\n  .e-code-side {\n    flex: none;\n    align-self: flex-start;\n    padding: var(--e-space-1);\n  }\n\n  @media print {\n    .e-code-side {\n      display: none;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/CodeBlock/ECodeBlock.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    /** The text to show, as plain text. Leave it out to put your own highlighted markup in the slot. */
+    code?: string;
+    /** The language, named for screen readers (the code's accessible name). */
+    lang?: string;
+    /** The copy button's name. Default "Copy code". Say what is copied when there are several blocks: "Copy CSS". */
+    copyLabel?: string;
+};
+type __VLS_Slots = {
+    /** Your own markup, usually a highlighted `<pre><code>`. The copy button copies the text of the first `<pre>`. */
+    default?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};