vectis-ui 0.10.3 → 0.11.0

package/dist/components/VToggle/VToggle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"VToggle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VToggle/VToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// @keyboard @core\n/**\n * Reuse segmented native buttons with aria-pressed. JavaScript synchronizes selection and\n * provides group keyboard navigation.\n */\nimport { computed, provide, ref } from 'vue'\n\nimport VButtonGroup from '../VButton/VButtonGroup.vue'\nimport { toggleKey } from './context'\n\nimport { toggleValue } from '../../utils/array'\nimport { arrowNavigate, navigableItems } from '../../utils/arrowNav'\n\nimport type { ItemValue } from '../../types'\n\n/**\n * What identifies an item. It is the design system's own `ItemValue`, re-exported\n * under the family's name so a consumer typing a toggle need not reach for another module.\n */\nexport type ToggleValue = ItemValue\n/**\n * What the v-model holds, which follows `multiple`: one value or nothing when a single\n * choice is allowed, and a list of them when several are.\n */\nexport type ToggleModelValue = ToggleValue | ToggleValue[] | null\n/** How the items that are not selected are drawn. */\nexport type ToggleItemVariant = 'ghost' | 'outline'\n/** How a selected item is drawn. */\nexport type ToggleSelectedVariant = 'solid' | 'soft' | 'ghost'\n/** The colour of a selected item. */\nexport type ToggleTone = 'accent' | 'neutral' | 'danger'\n/** The height of the items, from the scale every control shares. */\nexport type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n/** Whether the items run across the page or down it. */\nexport type ToggleOrientation = 'horizontal' | 'vertical'\n\ninterface ToggleProps {\n  /** Allows several items to be chosen at once, which makes the v-model a list. */\n  multiple?: boolean\n  /**\n   * Refuses to let the last chosen item be given up, so that something is always\n   * selected once something has been. It is a guard and nothing more: it selects\n   * nothing on its own at the start.\n   */\n  mandatory?: boolean\n  /**\n   * Leaves the items as separate buttons with a gap between them. Left out, they are\n   * joined into one segmented control.\n   */\n  detached?: boolean\n  /**\n   * Takes the lines out from between the joined items, so the row reads as one frame\n   * rather than as segments. It has no effect under `detached`, where the items are\n   * separate buttons already.\n   */\n  seamless?: boolean\n  /** Whether the items run across the page or down it. */\n  orientation?: ToggleOrientation\n  /**\n   * Stretches the row across the whole inline size of its parent, every item taking an equal\n   * share of it, on the terms of VButtonGroup's own `fullWidth`.\n   */\n  fullWidth?: boolean\n  /**\n   * How the UNSELECTED items are drawn. It is named for the ITEMS because that is what it\n   * paints: on VTabs and VDataTable `variant` names the decoration of the frame instead.\n   */\n  itemVariant?: ToggleItemVariant\n  /**\n   * How the SELECTED item is drawn, in the group's tone: filled, tinted, or the colour\n   * of its text alone.\n   */\n  selectedVariant?: ToggleSelectedVariant\n  /** The colour a selected item takes. The others stay neutral. */\n  tone?: ToggleTone\n  /** The height of the items, from the scale shared by every control. */\n  size?: ToggleSize\n  /** Takes 4px off the height of every item. */\n  compact?: boolean\n  /** Raises the row off the page, on the terms of VButtonGroup's own `elevated`. */\n  elevated?: boolean\n  /** Makes the whole group unusable. */\n  disabled?: boolean\n  /**\n   * Draws the selected item's icon in its filled form, a common way of reinforcing\n   * that it is the one in effect.\n   */\n  selectedIconFilled?: boolean\n  /**\n   * What screen readers announce for the group, such as \"Text alignment\" or \"Filters\". It is\n   * strongly recommended: no default could say what a group of buttons is for.\n   */\n  label?: string\n}\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  multiple: false,\n  mandatory: false,\n  detached: false,\n  seamless: false,\n  orientation: 'horizontal',\n  fullWidth: false,\n  itemVariant: 'ghost',\n  selectedVariant: 'solid',\n  tone: 'accent',\n  size: 'md',\n  compact: false,\n  elevated: false,\n  disabled: false,\n  selectedIconFilled: false,\n  label: undefined,\n})\n\ndefineSlots<{\n  /** The items of the group. */\n  default(): unknown\n}>()\n\n/**\n * What is selected, and its shape follows `multiple`: a single value (or `null`, which is where\n * it starts) when one item may be chosen, and an array when several may. A null or scalar value\n * passed in `multiple` mode is read as an empty selection.\n */\nconst model = defineModel<ToggleModelValue>({ default: null })\n\nfunction isSelected(value: ToggleValue): boolean {\n  return props.multiple\n    ? Array.isArray(model.value) && model.value.includes(value)\n    : model.value === value\n}\n\n/*\n * With several choices allowed, the list is never changed in place: each write produces a new\n * one. That is what makes a consumer's own watchers and computed values notice; mutating the\n * existing list would leave some of them silent.\n */\nfunction select(value: ToggleValue) {\n  if (props.multiple) {\n    const current = Array.isArray(model.value) ? model.value : []\n    // `every` rather than a length of one: the removal takes out every copy of the value, so\n    // a list holding it twice would otherwise be emptied past the guard.\n    if (props.mandatory && current.length > 0 && current.every((v) => v === value)) return\n    model.value = toggleValue(current, value)\n    return\n  }\n  if (model.value === value) {\n    if (!props.mandatory) model.value = null\n    return\n  }\n  model.value = value\n}\n\nprovide(toggleKey, {\n  isSelected,\n  select,\n  get itemVariant() {\n    return props.itemVariant\n  },\n  get selectedVariant() {\n    return props.selectedVariant\n  },\n  get tone() {\n    return props.tone\n  },\n  get selectedIconFilled() {\n    return props.selectedIconFilled\n  },\n})\n\n// @keyboard @a11y\n/*\n * Every visible item stays a stop in the tab order here; the VPagination model. The single-stop\n * treatment is reserved for the patterns that require it, a row of tabs or a radio group, and a\n * group of buttons is neither.\n */\nfunction onKeydown(event: KeyboardEvent) {\n  if (!(event.target as Element).matches('.v-toggle-item')) return\n  const group = event.currentTarget as HTMLElement\n  arrowNavigate(event, group, () => navigableItems(group, '.v-toggle-item:not(:disabled)'), {\n    vertical: props.orientation === 'vertical',\n  })\n}\n\nconst groupRef = ref<InstanceType<typeof VButtonGroup> | null>(null)\nconst groupEl = computed(() => groupRef.value?.el ?? null)\n\n// `focus` goes to the item that stands for the current choice, the one a keyboard user would\n// expect to resume from.\ndefineExpose({\n  /**\n   * Moves the focus to the selected item (the first of them when several are), or to the\n   * first item that can take it when nothing is selected.\n   */\n  focus: (options?: FocusOptions) => {\n    const group = groupEl.value\n    const enabled = '.v-toggle-item:not(:disabled, [aria-disabled=\"true\"])'\n    const item =\n      group?.querySelector<HTMLElement>(`${enabled}[aria-pressed=\"true\"]`) ??\n      group?.querySelector<HTMLElement>(enabled)\n    item?.focus(options)\n  },\n  /** The `role=\"group\"` row, which is also where the consumer's attributes land. */\n  el: groupEl,\n})\n</script>\n\n<template>\n  <!--\n    Pass default group booleans as undefined so absent opinions do not force false over\n    individual toggle items.\n  -->\n  <VButtonGroup\n    ref=\"groupRef\"\n    class=\"v-toggle\"\n    :orientation=\"orientation\"\n    :detached=\"detached\"\n    :seamless=\"seamless\"\n    :full-width=\"fullWidth\"\n    :size=\"size\"\n    :compact=\"compact || undefined\"\n    :elevated=\"elevated || undefined\"\n    :disabled=\"disabled || undefined\"\n    :label=\"label\"\n    :data-item-variant=\"itemVariant\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </VButtonGroup>\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * The `:not(:where(.v-overlay))` guard weighs nothing and keeps a panel from passing for an\n   * item; the pair is one specificity, so the arbitration with the group's seamless rules holds\n   * on both shapes. The frame of an `outline` row, which only that row has: the colour its\n   * unselected items already paint.\n   */\n  .v-toggle[data-item-variant='outline'] {\n    --toggle-frame: var(--vectis-color-border-strong);\n  }\n\n  .v-toggle[data-item-variant='outline'] > .v-toggle-item:is(:disabled, [aria-disabled='true']),\n  .v-toggle[data-item-variant='outline']\n    > :not(:where(.v-overlay, .v-button-group))\n    .v-toggle-item:is(:disabled, [aria-disabled='true']):not(:where(.v-overlay *)) {\n    --toggle-frame: var(--vectis-color-border);\n  }\n\n  /*\n   * `soft` and `ghost` leave VButton's border transparent, which in an outline row opens a gap\n   * in the frame for the whole width of the selected segment. Restoring it on all four sides is\n   * what keeps the frame closed wherever the selection sits, in either orientation and in RTL.\n   */\n  .v-toggle[data-item-variant='outline']\n    > .v-toggle-item[aria-pressed='true']:is([data-variant='soft'], [data-variant='ghost']),\n  .v-toggle[data-item-variant='outline']\n    > :not(:where(.v-overlay, .v-button-group))\n    .v-toggle-item[aria-pressed='true']:is([data-variant='soft'], [data-variant='ghost']):not(\n      :where(.v-overlay *)\n    ) {\n    border-color: var(--toggle-frame);\n  }\n\n  /*\n   * The class is repeated to reach (0,6,0). The variant, hover and active rules reach (0,5,0),\n   * and with the forcing turned off any of them that still won would paint its tone over the\n   * selection, with HighlightText on top of it.\n   */\n  @media (forced-colors: active) {\n    .v-toggle-item.v-toggle-item.v-toggle-item.v-toggle-item[aria-pressed='true']:not(:disabled) {\n      forced-color-adjust: none;\n      background-color: Highlight;\n      color: HighlightText;\n      border-color: Highlight;\n      outline-color: CanvasText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGA,IAAM,IAAQ,GA4BR,IAAQ,EAA6B,GAAA,YAAkB;EAE7D,SAAS,EAAW,GAA6B;GAC/C,OAAO,EAAM,WACT,MAAM,QAAQ,EAAM,KAAK,KAAK,EAAM,MAAM,SAAS,CAAK,IACxD,EAAM,UAAU;EACtB;EAOA,SAAS,EAAO,GAAoB;GAClC,IAAI,EAAM,UAAU;IAClB,IAAM,IAAU,MAAM,QAAQ,EAAM,KAAK,IAAI,EAAM,QAAQ,CAAC;IAG5D,IAAI,EAAM,aAAa,EAAQ,SAAS,KAAK,EAAQ,OAAO,MAAM,MAAM,CAAK,GAAG;IAChF,EAAM,QAAQ,EAAY,GAAS,CAAK;IACxC;GACF;GACA,IAAI,EAAM,UAAU,GAAO;IACzB,AAAK,EAAM,cAAW,EAAM,QAAQ;IACpC;GACF;GACA,EAAM,QAAQ;EAChB;EAEA,EAAQ,GAAW;GACjB;GACA;GACA,IAAI,cAAc;IAChB,OAAO,EAAM;GACf;GACA,IAAI,kBAAkB;IACpB,OAAO,EAAM;GACf;GACA,IAAI,OAAO;IACT,OAAO,EAAM;GACf;GACA,IAAI,qBAAqB;IACvB,OAAO,EAAM;GACf;EACF,CAAC;EAQD,SAAS,EAAU,GAAsB;GACvC,IAAI,CAAE,EAAM,OAAmB,QAAQ,gBAAgB,GAAG;GAC1D,IAAM,IAAQ,EAAM;GACpB,EAAc,GAAO,SAAa,EAAe,GAAO,+BAA+B,GAAG,EACxF,UAAU,EAAM,gBAAgB,WAClC,CAAC;EACH;EAEA,IAAM,IAAW,EAA8C,IAAI,GAC7D,IAAU,QAAe,EAAS,OAAO,MAAM,IAAI;SAIzD,EAAa;GAKX,QAAQ,MAA2B;IACjC,IAAM,IAAQ,EAAQ,OAChB,IAAU;IAIhB,CAFE,GAAO,cAA2B,GAAG,EAAQ,sBAAsB,KACnE,GAAO,cAA2B,CAAO,EAAA,EACrC,MAAM,CAAO;GACrB;GAEA,IAAI;EACN,CAAC,mBAQC,EAgBe,GAAA;YAfT;GAAJ,KAAI;GACJ,OAAM;GACL,aAAa,EAAA;GACb,UAAU,EAAA;GACV,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,MAAM,EAAA;GACN,SAAS,EAAA,WAAW,KAAA;GACpB,UAAU,EAAA,YAAY,KAAA;GACtB,UAAU,EAAA,YAAY,KAAA;GACtB,OAAO,EAAA;GACP,qBAAmB,EAAA;GACV;;oBAEF,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"VToggle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VToggle/VToggle.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// @keyboard @core\n/**\n * Reuse segmented native buttons with aria-pressed. JavaScript synchronizes selection and\n * provides group keyboard navigation.\n */\nimport { computed, provide, ref } from 'vue'\n\nimport VButtonGroup from '../VButton/VButtonGroup.vue'\nimport { toggleKey } from './context'\n\nimport { toggleValue } from '../../utils/array'\nimport { arrowNavigate, navigableItems } from '../../utils/arrowNav'\n\nimport type { ItemValue } from '../../types'\n\n/**\n * What identifies an item. It is the design system's own `ItemValue`, re-exported\n * under the family's name so a consumer typing a toggle need not reach for another module.\n */\nexport type ToggleValue = ItemValue\n/**\n * What the v-model holds, which follows `multiple`: one value or nothing when a single\n * choice is allowed, and a list of them when several are.\n */\nexport type ToggleModelValue = ToggleValue | ToggleValue[] | null\n/** How the items that are not selected are drawn. */\nexport type ToggleItemVariant = 'ghost' | 'outline'\n/** How a selected item is drawn. */\nexport type ToggleSelectedVariant = 'solid' | 'soft' | 'ghost'\n/** The colour of a selected item. */\nexport type ToggleTone = 'accent' | 'neutral' | 'danger'\n/** The height of the items, from the scale every control shares. */\nexport type ToggleSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n/** Whether the items run across the page or down it. */\nexport type ToggleOrientation = 'horizontal' | 'vertical'\n\ninterface ToggleProps {\n  /** Allows several items to be chosen at once, which makes the v-model a list. */\n  multiple?: boolean\n  /**\n   * Refuses to let the last chosen item be given up, so that something is always\n   * selected once something has been. It is a guard and nothing more: it selects\n   * nothing on its own at the start.\n   */\n  mandatory?: boolean\n  /**\n   * Leaves the items as separate buttons with a gap between them. Left out, they are\n   * joined into one segmented control.\n   */\n  detached?: boolean\n  /**\n   * Draws a line between the joined items, so the row reads as segments rather than as\n   * one frame. It has no effect under `detached`, where the items are separate buttons\n   * already.\n   */\n  bordered?: boolean\n  /** Whether the items run across the page or down it. */\n  orientation?: ToggleOrientation\n  /**\n   * Stretches the row across the whole inline size of its parent, every item taking an equal\n   * share of it, on the terms of VButtonGroup's own `fullWidth`.\n   */\n  fullWidth?: boolean\n  /**\n   * How the UNSELECTED items are drawn. It is named for the ITEMS because that is what it\n   * paints: on VTabs and VDataTable `variant` names the decoration of the frame instead.\n   */\n  itemVariant?: ToggleItemVariant\n  /**\n   * How the SELECTED item is drawn, in the group's tone: filled, tinted, or the colour\n   * of its text alone.\n   */\n  selectedVariant?: ToggleSelectedVariant\n  /** The colour a selected item takes. The others stay neutral. */\n  tone?: ToggleTone\n  /** The height of the items, from the scale shared by every control. */\n  size?: ToggleSize\n  /** Takes 4px off the height of every item. */\n  compact?: boolean\n  /** Raises the row off the page, on the terms of VButtonGroup's own `elevated`. */\n  elevated?: boolean\n  /** Makes the whole group unusable. */\n  disabled?: boolean\n  /**\n   * Draws the selected item's icon in its filled form, a common way of reinforcing\n   * that it is the one in effect.\n   */\n  selectedIconFilled?: boolean\n  /**\n   * What screen readers announce for the group, such as \"Text alignment\" or \"Filters\". It is\n   * strongly recommended: no default could say what a group of buttons is for.\n   */\n  label?: string\n}\n\nconst props = withDefaults(defineProps<ToggleProps>(), {\n  multiple: false,\n  mandatory: false,\n  detached: false,\n  bordered: false,\n  orientation: 'horizontal',\n  fullWidth: false,\n  itemVariant: 'ghost',\n  selectedVariant: 'solid',\n  tone: 'accent',\n  size: 'md',\n  compact: false,\n  elevated: false,\n  disabled: false,\n  selectedIconFilled: false,\n  label: undefined,\n})\n\ndefineSlots<{\n  /** The items of the group. */\n  default(): unknown\n}>()\n\n/**\n * What is selected, and its shape follows `multiple`: a single value (or `null`, which is where\n * it starts) when one item may be chosen, and an array when several may. A null or scalar value\n * passed in `multiple` mode is read as an empty selection.\n */\nconst model = defineModel<ToggleModelValue>({ default: null })\n\nfunction isSelected(value: ToggleValue): boolean {\n  return props.multiple\n    ? Array.isArray(model.value) && model.value.includes(value)\n    : model.value === value\n}\n\n/*\n * With several choices allowed, the list is never changed in place: each write produces a new\n * one. That is what makes a consumer's own watchers and computed values notice; mutating the\n * existing list would leave some of them silent.\n */\nfunction select(value: ToggleValue) {\n  if (props.multiple) {\n    const current = Array.isArray(model.value) ? model.value : []\n    // `every` rather than a length of one: the removal takes out every copy of the value, so\n    // a list holding it twice would otherwise be emptied past the guard.\n    if (props.mandatory && current.length > 0 && current.every((v) => v === value)) return\n    model.value = toggleValue(current, value)\n    return\n  }\n  if (model.value === value) {\n    if (!props.mandatory) model.value = null\n    return\n  }\n  model.value = value\n}\n\nprovide(toggleKey, {\n  isSelected,\n  select,\n  get itemVariant() {\n    return props.itemVariant\n  },\n  get selectedVariant() {\n    return props.selectedVariant\n  },\n  get tone() {\n    return props.tone\n  },\n  get selectedIconFilled() {\n    return props.selectedIconFilled\n  },\n})\n\n// @keyboard @a11y\n/*\n * Every visible item stays a stop in the tab order here; the VPagination model. The single-stop\n * treatment is reserved for the patterns that require it, a row of tabs or a radio group, and a\n * group of buttons is neither.\n */\nfunction onKeydown(event: KeyboardEvent) {\n  if (!(event.target as Element).matches('.v-toggle-item')) return\n  const group = event.currentTarget as HTMLElement\n  arrowNavigate(event, group, () => navigableItems(group, '.v-toggle-item:not(:disabled)'), {\n    vertical: props.orientation === 'vertical',\n  })\n}\n\nconst groupRef = ref<InstanceType<typeof VButtonGroup> | null>(null)\nconst groupEl = computed(() => groupRef.value?.el ?? null)\n\n// `focus` goes to the item that stands for the current choice, the one a keyboard user would\n// expect to resume from.\ndefineExpose({\n  /**\n   * Moves the focus to the selected item (the first of them when several are), or to the\n   * first item that can take it when nothing is selected.\n   */\n  focus: (options?: FocusOptions) => {\n    const group = groupEl.value\n    const enabled = '.v-toggle-item:not(:disabled, [aria-disabled=\"true\"])'\n    const item =\n      group?.querySelector<HTMLElement>(`${enabled}[aria-pressed=\"true\"]`) ??\n      group?.querySelector<HTMLElement>(enabled)\n    item?.focus(options)\n  },\n  /** The `role=\"group\"` row, which is also where the consumer's attributes land. */\n  el: groupEl,\n})\n</script>\n\n<template>\n  <!--\n    Pass default group booleans as undefined so absent opinions do not force false over\n    individual toggle items.\n  -->\n  <VButtonGroup\n    ref=\"groupRef\"\n    class=\"v-toggle\"\n    :orientation=\"orientation\"\n    :detached=\"detached\"\n    :bordered=\"bordered\"\n    :full-width=\"fullWidth\"\n    :size=\"size\"\n    :compact=\"compact || undefined\"\n    :elevated=\"elevated || undefined\"\n    :disabled=\"disabled || undefined\"\n    :label=\"label\"\n    :data-item-variant=\"itemVariant\"\n    @keydown=\"onKeydown\"\n  >\n    <slot />\n  </VButtonGroup>\n</template>\n\n<style>\n@layer vectis.components {\n  /*\n   * The `:not(:where(.v-overlay))` guard weighs nothing and keeps a panel from passing for an\n   * item; the pair is one specificity, so the arbitration with the group's cleared edges holds\n   * on both shapes. The frame of an `outline` row, which only that row has: the colour its\n   * unselected items already paint.\n   */\n  .v-toggle[data-item-variant='outline'] {\n    --toggle-frame: var(--vectis-color-border-strong);\n  }\n\n  .v-toggle[data-item-variant='outline'] > .v-toggle-item:is(:disabled, [aria-disabled='true']),\n  .v-toggle[data-item-variant='outline']\n    > :not(:where(.v-overlay, .v-button-group))\n    .v-toggle-item:is(:disabled, [aria-disabled='true']):not(:where(.v-overlay *)) {\n    --toggle-frame: var(--vectis-color-border);\n  }\n\n  /*\n   * `soft` and `ghost` leave VButton's border transparent, which in an outline row opens a gap\n   * in the frame for the whole width of the selected segment. Restoring it on all four sides is\n   * what keeps the frame closed wherever the selection sits, in either orientation and in RTL.\n   */\n  .v-toggle[data-item-variant='outline']\n    > .v-toggle-item[aria-pressed='true']:is([data-variant='soft'], [data-variant='ghost']),\n  .v-toggle[data-item-variant='outline']\n    > :not(:where(.v-overlay, .v-button-group))\n    .v-toggle-item[aria-pressed='true']:is([data-variant='soft'], [data-variant='ghost']):not(\n      :where(.v-overlay *)\n    ) {\n    border-color: var(--toggle-frame);\n  }\n\n  /*\n   * The class is repeated to reach (0,6,0). The variant, hover and active rules reach (0,5,0),\n   * and with the forcing turned off any of them that still won would paint its tone over the\n   * selection, with HighlightText on top of it.\n   */\n  @media (forced-colors: active) {\n    .v-toggle-item.v-toggle-item.v-toggle-item.v-toggle-item[aria-pressed='true']:not(:disabled) {\n      forced-color-adjust: none;\n      background-color: Highlight;\n      color: HighlightText;\n      border-color: Highlight;\n      outline-color: CanvasText;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgGA,IAAM,IAAQ,GA4BR,IAAQ,EAA6B,GAAA,YAAkB;EAE7D,SAAS,EAAW,GAA6B;GAC/C,OAAO,EAAM,WACT,MAAM,QAAQ,EAAM,KAAK,KAAK,EAAM,MAAM,SAAS,CAAK,IACxD,EAAM,UAAU;EACtB;EAOA,SAAS,EAAO,GAAoB;GAClC,IAAI,EAAM,UAAU;IAClB,IAAM,IAAU,MAAM,QAAQ,EAAM,KAAK,IAAI,EAAM,QAAQ,CAAC;IAG5D,IAAI,EAAM,aAAa,EAAQ,SAAS,KAAK,EAAQ,OAAO,MAAM,MAAM,CAAK,GAAG;IAChF,EAAM,QAAQ,EAAY,GAAS,CAAK;IACxC;GACF;GACA,IAAI,EAAM,UAAU,GAAO;IACzB,AAAK,EAAM,cAAW,EAAM,QAAQ;IACpC;GACF;GACA,EAAM,QAAQ;EAChB;EAEA,EAAQ,GAAW;GACjB;GACA;GACA,IAAI,cAAc;IAChB,OAAO,EAAM;GACf;GACA,IAAI,kBAAkB;IACpB,OAAO,EAAM;GACf;GACA,IAAI,OAAO;IACT,OAAO,EAAM;GACf;GACA,IAAI,qBAAqB;IACvB,OAAO,EAAM;GACf;EACF,CAAC;EAQD,SAAS,EAAU,GAAsB;GACvC,IAAI,CAAE,EAAM,OAAmB,QAAQ,gBAAgB,GAAG;GAC1D,IAAM,IAAQ,EAAM;GACpB,EAAc,GAAO,SAAa,EAAe,GAAO,+BAA+B,GAAG,EACxF,UAAU,EAAM,gBAAgB,WAClC,CAAC;EACH;EAEA,IAAM,IAAW,EAA8C,IAAI,GAC7D,IAAU,QAAe,EAAS,OAAO,MAAM,IAAI;SAIzD,EAAa;GAKX,QAAQ,MAA2B;IACjC,IAAM,IAAQ,EAAQ,OAChB,IAAU;IAIhB,CAFE,GAAO,cAA2B,GAAG,EAAQ,sBAAsB,KACnE,GAAO,cAA2B,CAAO,EAAA,EACrC,MAAM,CAAO;GACrB;GAEA,IAAI;EACN,CAAC,mBAQC,EAgBe,GAAA;YAfT;GAAJ,KAAI;GACJ,OAAM;GACL,aAAa,EAAA;GACb,UAAU,EAAA;GACV,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,MAAM,EAAA;GACN,SAAS,EAAA,WAAW,KAAA;GACpB,UAAU,EAAA,YAAY,KAAA;GACtB,UAAU,EAAA,YAAY,KAAA;GACtB,OAAO,EAAA;GACP,qBAAmB,EAAA;GACV;;oBAEF,CAAR,EAAQ,EAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/VToggle/VToggleItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"VToggleItem.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/VToggle/VToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Reuse VButton as the root so the group can join direct-child borders; context adds\n * aria-pressed and selection behaviour.\n */\nimport { computed, inject } from 'vue'\n\nimport VButton from '../VButton/VButton.vue'\nimport VIcon from '../VIcon/VIcon.vue'\nimport { iconProps } from '../VIcon/iconProps'\nimport type { IconSource } from '../VIcon/types'\nimport { toggleKey } from './context'\nimport type { ToggleValue } from './VToggle.vue'\n\ninterface ToggleItemProps {\n  /**\n   * What choosing this item means. It is what the group's v-model holds when the item\n   * is selected, and it must be unique within the group.\n   */\n  value: ToggleValue\n  /** The visible label. The default slot replaces it. */\n  label?: string\n  /** An icon before the label: an icon name, or an explicit render. */\n  iconStart?: IconSource\n  /** An icon after the label. */\n  iconEnd?: IconSource\n  /**\n   * Renders `iconStart` and `iconEnd` in their filled form (the font's `FILL` axis), whether\n   * the item is selected or not. The group's `selectedIconFilled` still fills the start icon\n   * of the selected item when this is left out.\n   */\n  iconFilled?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<ToggleItemProps>(), {\n  label: undefined,\n  iconStart: undefined,\n  iconEnd: undefined,\n  iconFilled: false,\n  disabled: false,\n})\n\nconst slots = defineSlots<{\n  /** The content of the item, replacing the `label` prop. */\n  default?(): unknown\n  /** Content before the label, which takes the place of `iconStart`. */\n  start?(): unknown\n  /** Content after the label, which takes the place of `iconEnd`. */\n  end?(): unknown\n}>()\n\nconst toggle = inject(toggleKey, null)\n\nconst selected = computed(() => toggle != null && toggle.isSelected(props.value))\n\n// A function read by the template, never a `computed`: `slots` is not reactive, so a computed\n// would keep its first answer while a slot behind a `v-if` comes and goes.\n/**\n * An icon, on either side, and no label at all: the item becomes a square, like a VIconButton.\n * The same definition as VChip's, and the square itself is VButton's `[data-icon-only]` rule.\n */\nfunction iconOnly() {\n  return (\n    !props.label &&\n    !slots.default &&\n    Boolean(slots.start || slots.end || props.iconStart || props.iconEnd)\n  )\n}\n</script>\n\n<template>\n  <!--\n    The filled form is asked of the icon directly, because VButton's own icon options have no\n    effect on an icon handed to it through a slot.\n  -->\n  <VButton\n    class=\"v-toggle-item\"\n    :aria-pressed=\"selected ? 'true' : 'false'\"\n    :variant=\"selected && toggle ? toggle.selectedVariant : toggle?.itemVariant\"\n    :tone=\"selected && toggle ? toggle.tone : 'neutral'\"\n    :disabled=\"disabled\"\n    :data-icon-only=\"iconOnly() ? '' : undefined\"\n    @click=\"toggle?.select(value)\"\n  >\n    <template v-if=\"iconStart || $slots.start\" #start>\n      <slot name=\"start\">\n        <VIcon\n          v-bind=\"iconProps(iconStart!)\"\n          :filled=\"iconFilled || (selected && toggle?.selectedIconFilled)\"\n        />\n      </slot>\n    </template>\n    <template v-if=\"iconEnd || $slots.end\" #end>\n      <slot name=\"end\"><VIcon v-bind=\"iconProps(iconEnd!)\" :filled=\"iconFilled\" /></slot>\n    </template>\n    <slot v-if=\"!iconOnly()\">{{ label }}</slot>\n  </VButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAmCA,IAAM,IAAQ,GAQR,IAAQ,EAAA,GASR,IAAS,EAAO,GAAW,IAAI,GAE/B,IAAW,QAAe,KAAU,QAAQ,EAAO,WAAW,EAAM,KAAK,CAAC;EAQhF,SAAS,IAAW;GAClB,OACE,CAAC,EAAM,SACP,CAAC,EAAM,WACP,GAAQ,EAAM,SAAS,EAAM,OAAO,EAAM,aAAa,EAAM;EAEjE;yBAQE,EAqBU,GAAA;GApBR,OAAM;GACL,gBAAc,EAAA,QAAQ,SAAA;GACtB,SAAS,EAAA,SAAY,EAAA,CAAA,IAAS,EAAA,CAAA,CAAM,CAAC,kBAAkB,EAAA,CAAA,CAAM,EAAE;GAC/D,MAAM,EAAA,SAAY,EAAA,CAAA,IAAS,EAAA,CAAA,CAAM,CAAC,OAAI;GACtC,UAAU,EAAA;GACV,kBAAgB,EAAQ,IAAA,KAAU,KAAA;GAClC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAM,EAAE,OAAO,EAAA,KAAK;;oBADT,CAcN,EAAQ,IAAY,EAAA,IAAA,EAAA,IAAjC,EAA2C,EAAA,QAAA,WAAA,CAAA,SAAA,CAAA,EAAA,EAAf,EAAA,KAAK,GAAA,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA;;MAXjB,EAAA,aAAaA,EAAAA,OAAO,QAAA;SAAQ;eAMnC,CALP,EAKO,EAAA,QAAA,SAAA,CAAA,SAAA,CAJL,EAGE,GAHF,EACU,EAER,CAAA,CAFiB,CAAC,EAAA,SAAS,GAAA,EAC1B,QAAQ,EAAA,cAAe,EAAA,SAAY,EAAA,CAAA,CAAM,EAAE,mBAAA,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;cAIlC,EAAA,WAAWA,EAAAA,OAAO,MAAA;SAAM;eAC6C,CAAnF,EAAmF,EAAA,QAAA,OAAA,CAAA,SAAA,CAAlE,EAA2D,GAA3D,EAAe,EAA4C,CAAA,CAAnC,CAAC,EAAA,OAAO,GAAA,EAAK,QAAQ,EAAA,WAAU,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"VToggleItem.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/components/VToggle/VToggleItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Reuse VButton as the root so the group can join direct-child borders; context adds\n * aria-pressed and selection behaviour.\n */\nimport { computed, inject } from 'vue'\n\nimport VButton from '../VButton/VButton.vue'\nimport VIcon from '../VIcon/VIcon.vue'\nimport { iconProps } from '../VIcon/iconProps'\nimport type { IconSource } from '../VIcon/types'\nimport { toggleKey } from './context'\nimport type { ToggleValue } from './VToggle.vue'\n\ninterface ToggleItemProps {\n  /**\n   * What choosing this item means. It is what the group's v-model holds when the item\n   * is selected, and it must be unique within the group.\n   */\n  value: ToggleValue\n  /** The visible label. The default slot replaces it. */\n  label?: string\n  /** An icon before the label: an icon name, or an explicit render. */\n  iconStart?: IconSource\n  /** An icon after the label. */\n  iconEnd?: IconSource\n  /**\n   * Renders `iconStart` and `iconEnd` in their filled form (the font's `FILL` axis), whether\n   * the item is selected or not. The group's `selectedIconFilled` still fills the start icon\n   * of the selected item when this is left out.\n   */\n  iconFilled?: boolean\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<ToggleItemProps>(), {\n  label: undefined,\n  iconStart: undefined,\n  iconEnd: undefined,\n  iconFilled: false,\n  disabled: false,\n})\n\nconst slots = defineSlots<{\n  /** The content of the item, replacing the `label` prop. */\n  default?(): unknown\n  /** Content before the label, which takes the place of `iconStart`. */\n  start?(): unknown\n  /** Content after the label, which takes the place of `iconEnd`. */\n  end?(): unknown\n}>()\n\nconst toggle = inject(toggleKey, null)\n\nconst selected = computed(() => toggle != null && toggle.isSelected(props.value))\n\n// A function read by the template, never a `computed`: `slots` is not reactive, so a computed\n// would keep its first answer while a slot behind a `v-if` comes and goes.\n/**\n * An icon, on either side, and no label at all: the item becomes a square, like a VIconButton.\n * The same definition as VChip's, and the square itself is VButton's `[data-icon-only]` rule.\n */\nfunction iconOnly() {\n  return (\n    !props.label &&\n    !slots.default &&\n    Boolean(slots.start || slots.end || props.iconStart || props.iconEnd)\n  )\n}\n</script>\n\n<template>\n  <!--\n    The filled form is asked of the icon directly, because VButton's own icon options have no\n    effect on an icon handed to it through a slot.\n  -->\n  <VButton\n    class=\"v-toggle-item\"\n    :aria-pressed=\"selected ? 'true' : 'false'\"\n    :variant=\"selected && toggle ? toggle.selectedVariant : toggle?.itemVariant\"\n    :tone=\"selected && toggle ? toggle.tone : 'neutral'\"\n    :disabled=\"disabled\"\n    :data-icon-only=\"iconOnly() ? '' : undefined\"\n    @click=\"toggle?.select(value)\"\n  >\n    <template v-if=\"iconStart || $slots.start\" #start>\n      <slot name=\"start\">\n        <VIcon\n          v-bind=\"iconProps(iconStart!)\"\n          :filled=\"iconFilled || (selected && toggle?.selectedIconFilled)\"\n        />\n      </slot>\n    </template>\n    <template v-if=\"iconEnd || $slots.end\" #end>\n      <slot name=\"end\"><VIcon v-bind=\"iconProps(iconEnd!)\" :filled=\"iconFilled\" /></slot>\n    </template>\n    <slot v-if=\"!iconOnly()\">{{ label }}</slot>\n  </VButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAmCA,IAAM,IAAQ,GAQR,IAAQ,EAAA,GASR,IAAS,EAAO,GAAW,IAAI,GAE/B,IAAW,QAAe,KAAU,QAAQ,EAAO,WAAW,EAAM,KAAK,CAAC;EAQhF,SAAS,IAAW;GAClB,OACE,CAAC,EAAM,SACP,CAAC,EAAM,WACP,GAAQ,EAAM,SAAS,EAAM,OAAO,EAAM,aAAa,EAAM;EAEjE;yBAQE,EAqBU,GAAA;GApBR,OAAM;GACL,gBAAc,EAAA,QAAQ,SAAA;GACtB,SAAS,EAAA,SAAY,EAAA,CAAA,IAAS,EAAA,CAAA,CAAM,CAAC,kBAAkB,EAAA,CAAA,CAAM,EAAE;GAC/D,MAAM,EAAA,SAAY,EAAA,CAAA,IAAS,EAAA,CAAA,CAAM,CAAC,OAAI;GACtC,UAAU,EAAA;GACV,kBAAgB,EAAQ,IAAA,KAAU,KAAA;GAClC,SAAK,AAAA,EAAA,QAAA,MAAE,EAAA,CAAA,CAAM,EAAE,OAAO,EAAA,KAAK;;oBADG,CAclB,EAAQ,IAAY,EAAA,IAAA,EAAA,IAAjC,EAA2C,EAAA,QAAA,WAAA,CAAA,SAAA,CAAA,EAAA,EAAf,EAAA,KAAK,GAAA,CAAA,CAAA,GAAA,KAAA,GAAA,CAAA,CAAA,CAAA;;MAXjB,EAAA,aAAaA,EAAAA,OAAO,QAAA;SAAQ;eAMnC,CALP,EAKO,EAAA,QAAA,SAAA,CAAA,SAAA,CAJL,EAGE,GAHF,EACU,EAER,CAAA,CAFiB,CAAC,EAAA,SAAS,GAAA,EAC1B,QAAQ,EAAA,cAAe,EAAA,SAAY,EAAA,CAAA,CAAM,EAAE,mBAAA,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;cAIlC,EAAA,WAAWA,EAAAA,OAAO,MAAA;SAAM;eAC6C,CAAnF,EAAmF,EAAA,QAAA,OAAA,CAAA,SAAA,CAAlE,EAA2D,GAA3D,EAAe,EAA4C,CAAA,CAAnC,CAAC,EAAA,OAAO,GAAA,EAAK,QAAQ,EAAA,WAAU,CAAA,GAAA,MAAA,IAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/i18n/en.js

@@ -11,8 +11,10 @@ var e = {
 	},
 	pagination: {
 		label: "Pagination",
+		first: "First page",
 		previous: "Previous page",
 		next: "Next page",
+		last: "Last page",
 		page: (e) => `Page ${e}`
 	},
 	tabs: {

package/dist/i18n/en.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.js","names":[],"sources":["../../src/i18n/en.ts"],"sourcesContent":["/**\n * English is the bundled fallback. Labels are also used by tests and play-function queries;\n * update those contracts when changing wording.\n */\n\nimport type { Messages } from './types'\n\nexport const en: Messages = {\n  common: {\n    loading: 'Loading…',\n    clear: 'Clear',\n    close: 'Close',\n    dismiss: 'Remove',\n    remove: (name) => `Remove ${name}`,\n    cancel: 'Cancel',\n    confirm: 'OK',\n  },\n  pagination: {\n    label: 'Pagination',\n    previous: 'Previous page',\n    next: 'Next page',\n    page: (page) => `Page ${page}`,\n  },\n  tabs: {\n    label: 'Tabs',\n    previous: 'Previous tabs',\n    next: 'Next tabs',\n  },\n  breadcrumb: {\n    label: 'Breadcrumb',\n    ellipsis: 'Show intermediate pages',\n  },\n  sideNavigation: { label: 'Navigation' },\n  combobox: {\n    empty: 'No results',\n    clear: 'Clear selection',\n  },\n  dataTable: {\n    empty: 'No data',\n    loading: 'Loading data…',\n    searchLabel: 'Search the table',\n    searchPlaceholder: 'Search…',\n    perPage: 'Rows per page',\n    perPageValue: (label, value) => `${label}: ${value}`,\n    selectAll: 'Select all',\n    selectRow: (index) => `Select row ${index}`,\n    // The plural is chosen right here, in the message itself. That one line is the whole\n    // of the design system's handling of plurals, and it is meant to be.\n    selection: (count) => `${count} item${count === 1 ? '' : 's'} selected`,\n    range: ({ start, end, total }) => `${start}–${end} of ${total}`,\n    pagination: 'Table pagination',\n  },\n  toaster: { label: 'Notifications' },\n  snackbar: { label: 'Confirmation', action: 'Undo' },\n  inputOTP: {\n    label: 'Verification code',\n    slot: (index, total) => `Character ${index} of ${total}`,\n  },\n  slider: {\n    value: 'Value',\n    start: 'Start',\n    end: 'End',\n    rangeStart: (label) => `${label} (start)`,\n    rangeEnd: (label) => `${label} (end)`,\n  },\n  field: {\n    limitExceeded: (max) => `Exceeds the limit of ${max} characters`,\n  },\n  progress: { percent: (percent) => `${percent}%`, label: 'Progress' },\n  hotkeys: {\n    command: 'Command',\n    ctrl: 'Ctrl',\n    alt: 'Alt',\n    shift: 'Shift',\n    windows: 'Win',\n    super: 'Super',\n    enter: 'Enter',\n    escape: 'Esc',\n    space: 'Space',\n    backspace: 'Backspace',\n    delete: 'Del',\n    tab: 'Tab',\n    up: 'Up arrow',\n    down: 'Down arrow',\n    left: 'Left arrow',\n    right: 'Right arrow',\n    label: (keys) => `Keyboard shortcut: ${keys}`,\n  },\n  datePicker: {\n    label: 'Date picker',\n    previousMonth: 'Previous month',\n    nextMonth: 'Next month',\n    previousYear: 'Previous year',\n    nextYear: 'Next year',\n    monthPicker: 'Choose month',\n    yearPicker: 'Choose year',\n  },\n  dateInput: {\n    clear: 'Clear date',\n    openPicker: 'Open calendar',\n    pickerLabel: 'Choose a date',\n  },\n  timePicker: {\n    label: 'Time picker',\n    meridiem: 'AM or PM',\n    am: 'AM',\n    pm: 'PM',\n    selectHour: 'Select hour',\n    selectMinutes: 'Select minutes',\n    choosingHour: 'Selecting the hour',\n    choosingMinutes: 'Selecting the minutes',\n    hour: 'Hour',\n    minutes: 'Minutes',\n    hourValue: (hour) => `${hour} o'clock`,\n    minutesValue: (minute) => (minute === 1 ? '1 minute' : `${minute} minutes`),\n  },\n  timeInput: {\n    clear: 'Clear time',\n    openPicker: 'Open time picker',\n    pickerLabel: 'Choose a time',\n    meridiemValue: (value) => `AM or PM: ${value}`,\n    maskPlaceholder: 'hh:mm',\n    unavailable: 'This time is not available.',\n  },\n  fileInput: {\n    openPicker: 'Choose files',\n    clear: 'Clear files',\n    files: (count) => `${count} file${count === 1 ? '' : 's'}`,\n    placeholder: 'No file selected',\n  },\n  filePicker: {\n    browse: 'Browse files',\n    or: 'or',\n    list: 'Selected files',\n  },\n  carousel: {\n    label: 'Carousel',\n    roleDescription: 'carousel',\n    slideRoleDescription: 'slide',\n    slides: 'Slides',\n    slide: (index, total) => `${index} of ${total}`,\n    previous: 'Previous slide',\n    next: 'Next slide',\n    indicators: 'Choose slide to display',\n  },\n  calendar: {\n    label: 'Calendar',\n    roleDescription: 'calendar',\n    today: 'Today',\n    view: 'View',\n    viewDay: 'Day',\n    view4Days: '4 days',\n    viewWeek: 'Week',\n    viewMonth: 'Month',\n    viewYear: 'Year',\n    viewCustom: (days) => `${days} days`,\n    previousDay: 'Previous day',\n    nextDay: 'Next day',\n    previousWeek: 'Previous week',\n    nextWeek: 'Next week',\n    previousMonth: 'Previous month',\n    nextMonth: 'Next month',\n    previousYear: 'Previous year',\n    nextYear: 'Next year',\n    previousPeriod: 'Previous period',\n    nextPeriod: 'Next period',\n    allDay: 'All day',\n    moreEvents: (count) => `+${count} more`,\n    openDay: (day) => `Open ${day}`,\n    untitled: '(No title)',\n    eventRoleDescription: 'event',\n    eventHint:\n      'Press Enter to open this event. Press Space to take hold of it, then the arrow keys to move it and Shift with the arrow keys to change when it ends.',\n    grabbed:\n      'Event held. Use the arrow keys to move it, Enter or Space to place it, Escape to cancel.',\n    dropped: 'Event placed.',\n    reverted: 'Move cancelled. The event is back where it was.',\n    movedTo: (title, when) => `${title} moved to ${when}.`,\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"en.js","names":[],"sources":["../../src/i18n/en.ts"],"sourcesContent":["/**\n * English is the bundled fallback. Labels are also used by tests and play-function queries;\n * update those contracts when changing wording.\n */\n\nimport type { Messages } from './types'\n\nexport const en: Messages = {\n  common: {\n    loading: 'Loading…',\n    clear: 'Clear',\n    close: 'Close',\n    dismiss: 'Remove',\n    remove: (name) => `Remove ${name}`,\n    cancel: 'Cancel',\n    confirm: 'OK',\n  },\n  pagination: {\n    label: 'Pagination',\n    first: 'First page',\n    previous: 'Previous page',\n    next: 'Next page',\n    last: 'Last page',\n    page: (page) => `Page ${page}`,\n  },\n  tabs: {\n    label: 'Tabs',\n    previous: 'Previous tabs',\n    next: 'Next tabs',\n  },\n  breadcrumb: {\n    label: 'Breadcrumb',\n    ellipsis: 'Show intermediate pages',\n  },\n  sideNavigation: { label: 'Navigation' },\n  combobox: {\n    empty: 'No results',\n    clear: 'Clear selection',\n  },\n  dataTable: {\n    empty: 'No data',\n    loading: 'Loading data…',\n    searchLabel: 'Search the table',\n    searchPlaceholder: 'Search…',\n    perPage: 'Rows per page',\n    perPageValue: (label, value) => `${label}: ${value}`,\n    selectAll: 'Select all',\n    selectRow: (index) => `Select row ${index}`,\n    // The plural is chosen right here, in the message itself. That one line is the whole\n    // of the design system's handling of plurals, and it is meant to be.\n    selection: (count) => `${count} item${count === 1 ? '' : 's'} selected`,\n    range: ({ start, end, total }) => `${start}–${end} of ${total}`,\n    pagination: 'Table pagination',\n  },\n  toaster: { label: 'Notifications' },\n  snackbar: { label: 'Confirmation', action: 'Undo' },\n  inputOTP: {\n    label: 'Verification code',\n    slot: (index, total) => `Character ${index} of ${total}`,\n  },\n  slider: {\n    value: 'Value',\n    start: 'Start',\n    end: 'End',\n    rangeStart: (label) => `${label} (start)`,\n    rangeEnd: (label) => `${label} (end)`,\n  },\n  field: {\n    limitExceeded: (max) => `Exceeds the limit of ${max} characters`,\n  },\n  progress: { percent: (percent) => `${percent}%`, label: 'Progress' },\n  hotkeys: {\n    command: 'Command',\n    ctrl: 'Ctrl',\n    alt: 'Alt',\n    shift: 'Shift',\n    windows: 'Win',\n    super: 'Super',\n    enter: 'Enter',\n    escape: 'Esc',\n    space: 'Space',\n    backspace: 'Backspace',\n    delete: 'Del',\n    tab: 'Tab',\n    up: 'Up arrow',\n    down: 'Down arrow',\n    left: 'Left arrow',\n    right: 'Right arrow',\n    label: (keys) => `Keyboard shortcut: ${keys}`,\n  },\n  datePicker: {\n    label: 'Date picker',\n    previousMonth: 'Previous month',\n    nextMonth: 'Next month',\n    previousYear: 'Previous year',\n    nextYear: 'Next year',\n    monthPicker: 'Choose month',\n    yearPicker: 'Choose year',\n  },\n  dateInput: {\n    clear: 'Clear date',\n    openPicker: 'Open calendar',\n    pickerLabel: 'Choose a date',\n  },\n  timePicker: {\n    label: 'Time picker',\n    meridiem: 'AM or PM',\n    am: 'AM',\n    pm: 'PM',\n    selectHour: 'Select hour',\n    selectMinutes: 'Select minutes',\n    choosingHour: 'Selecting the hour',\n    choosingMinutes: 'Selecting the minutes',\n    hour: 'Hour',\n    minutes: 'Minutes',\n    hourValue: (hour) => `${hour} o'clock`,\n    minutesValue: (minute) => (minute === 1 ? '1 minute' : `${minute} minutes`),\n  },\n  timeInput: {\n    clear: 'Clear time',\n    openPicker: 'Open time picker',\n    pickerLabel: 'Choose a time',\n    meridiemValue: (value) => `AM or PM: ${value}`,\n    maskPlaceholder: 'hh:mm',\n    unavailable: 'This time is not available.',\n  },\n  fileInput: {\n    openPicker: 'Choose files',\n    clear: 'Clear files',\n    files: (count) => `${count} file${count === 1 ? '' : 's'}`,\n    placeholder: 'No file selected',\n  },\n  filePicker: {\n    browse: 'Browse files',\n    or: 'or',\n    list: 'Selected files',\n  },\n  carousel: {\n    label: 'Carousel',\n    roleDescription: 'carousel',\n    slideRoleDescription: 'slide',\n    slides: 'Slides',\n    slide: (index, total) => `${index} of ${total}`,\n    previous: 'Previous slide',\n    next: 'Next slide',\n    indicators: 'Choose slide to display',\n  },\n  calendar: {\n    label: 'Calendar',\n    roleDescription: 'calendar',\n    today: 'Today',\n    view: 'View',\n    viewDay: 'Day',\n    view4Days: '4 days',\n    viewWeek: 'Week',\n    viewMonth: 'Month',\n    viewYear: 'Year',\n    viewCustom: (days) => `${days} days`,\n    previousDay: 'Previous day',\n    nextDay: 'Next day',\n    previousWeek: 'Previous week',\n    nextWeek: 'Next week',\n    previousMonth: 'Previous month',\n    nextMonth: 'Next month',\n    previousYear: 'Previous year',\n    nextYear: 'Next year',\n    previousPeriod: 'Previous period',\n    nextPeriod: 'Next period',\n    allDay: 'All day',\n    moreEvents: (count) => `+${count} more`,\n    openDay: (day) => `Open ${day}`,\n    untitled: '(No title)',\n    eventRoleDescription: 'event',\n    eventHint:\n      'Press Enter to open this event. Press Space to take hold of it, then the arrow keys to move it and Shift with the arrow keys to change when it ends.',\n    grabbed:\n      'Event held. Use the arrow keys to move it, Enter or Space to place it, Escape to cancel.',\n    dropped: 'Event placed.',\n    reverted: 'Move cancelled. The event is back where it was.',\n    movedTo: (title, when) => `${title} moved to ${when}.`,\n  },\n}\n"],"mappings":"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"}

package/dist/i18n/fr.js

@@ -11,8 +11,10 @@ var e = {
 	},
 	pagination: {
 		label: "Pagination",
+		first: "Première page",
 		previous: "Page précédente",
 		next: "Page suivante",
+		last: "Dernière page",
 		page: (e) => `Page ${e}`
 	},
 	tabs: {

package/dist/i18n/fr.js.map

@@ -1 +1 @@
-{"version":3,"file":"fr.js","names":[],"sources":["../../src/i18n/fr.ts"],"sourcesContent":["/**\n * Opt-in French dictionary registered through registerMessages. Preserve typographic\n * apostrophes and message signatures.\n */\n\nimport type { Messages } from './types'\n\nexport const fr: Messages = {\n  common: {\n    loading: 'Chargement…',\n    clear: 'Effacer',\n    close: 'Fermer',\n    dismiss: 'Retirer',\n    remove: (name) => `Retirer ${name}`,\n    cancel: 'Annuler',\n    confirm: 'OK',\n  },\n  pagination: {\n    label: 'Pagination',\n    previous: 'Page précédente',\n    next: 'Page suivante',\n    page: (page) => `Page ${page}`,\n  },\n  tabs: {\n    label: 'Onglets',\n    previous: 'Onglets précédents',\n    next: 'Onglets suivants',\n  },\n  breadcrumb: {\n    label: 'Fil d’Ariane',\n    ellipsis: 'Afficher les pages intermédiaires',\n  },\n  sideNavigation: { label: 'Navigation' },\n  combobox: {\n    empty: 'Aucun résultat',\n    clear: 'Effacer la sélection',\n  },\n  dataTable: {\n    empty: 'Aucune donnée',\n    loading: 'Chargement des données…',\n    searchLabel: 'Rechercher dans le tableau',\n    searchPlaceholder: 'Rechercher…',\n    perPage: 'Lignes par page',\n    perPageValue: (label, value) => `${label}\\u00A0: ${value}`,\n    selectAll: 'Tout sélectionner',\n    selectRow: (index) => `Sélectionner la ligne ${index}`,\n    selection: (count) =>\n      `${count} élément${count > 1 ? 's' : ''} sélectionné${count > 1 ? 's' : ''}`,\n    range: ({ start, end, total }) => `${start}–${end} sur ${total}`,\n    pagination: 'Pagination du tableau',\n  },\n  toaster: { label: 'Notifications' },\n  snackbar: { label: 'Confirmation', action: 'Annuler' },\n  inputOTP: {\n    label: 'Code de vérification',\n    slot: (index, total) => `Caractère ${index} sur ${total}`,\n  },\n  slider: {\n    value: 'Valeur',\n    start: 'Début',\n    end: 'Fin',\n    rangeStart: (label) => `${label} (début)`,\n    rangeEnd: (label) => `${label} (fin)`,\n  },\n  field: {\n    limitExceeded: (max) => `Dépasse la limite de ${max} caractères`,\n  },\n  // The space before the sign is a NON-BREAKING one, as French typography requires and\n  // English does not. It is written as an escape rather than typed in: the linter refuses\n  // the character itself, and it would be indistinguishable from an ordinary space in a\n  // review.\n  progress: { percent: (percent) => `${percent}\\u00A0%`, label: 'Progression' },\n  hotkeys: {\n    command: 'Commande',\n    ctrl: 'Ctrl',\n    alt: 'Alt',\n    shift: 'Maj',\n    windows: 'Win',\n    super: 'Super',\n    enter: 'Entrée',\n    escape: 'Échap',\n    space: 'Espace',\n    backspace: 'Retour arrière',\n    delete: 'Suppr',\n    tab: 'Tab',\n    up: 'Flèche haut',\n    down: 'Flèche bas',\n    left: 'Flèche gauche',\n    right: 'Flèche droite',\n    label: (keys) => `Raccourci clavier\\u00A0: ${keys}`,\n  },\n  datePicker: {\n    label: 'Sélecteur de date',\n    previousMonth: 'Mois précédent',\n    nextMonth: 'Mois suivant',\n    previousYear: 'Année précédente',\n    nextYear: 'Année suivante',\n    monthPicker: 'Choix du mois',\n    yearPicker: 'Choix de l’année',\n  },\n  dateInput: {\n    clear: 'Effacer la date',\n    openPicker: 'Ouvrir le calendrier',\n    pickerLabel: 'Choisir une date',\n  },\n  timePicker: {\n    label: 'Sélecteur d’heure',\n    meridiem: 'AM ou PM',\n    am: 'AM',\n    pm: 'PM',\n    selectHour: 'Sélectionner l’heure',\n    selectMinutes: 'Sélectionner les minutes',\n    choosingHour: 'Sélection de l’heure',\n    choosingMinutes: 'Sélection des minutes',\n    hour: 'Heure',\n    minutes: 'Minutes',\n    hourValue: (hour) => `${hour} ${hour < 2 ? 'heure' : 'heures'}`,\n    minutesValue: (minute) => `${minute} ${minute < 2 ? 'minute' : 'minutes'}`,\n  },\n  timeInput: {\n    clear: 'Effacer l’heure',\n    openPicker: 'Ouvrir le sélecteur d’heure',\n    pickerLabel: 'Choisir une heure',\n    meridiemValue: (value) => `AM ou PM\\u00A0: ${value}`,\n    maskPlaceholder: 'hh:mm',\n    unavailable: 'Cette heure n’est pas disponible.',\n  },\n  fileInput: {\n    openPicker: 'Choisir des fichiers',\n    clear: 'Effacer les fichiers',\n    // The French plural starts at two, the English one at zero; \"0 fichier\" against \"0 files\".\n    // Each language therefore makes the choice on its own, and there is no shared rule for\n    // either to inherit.\n    files: (count) => `${count} fichier${count > 1 ? 's' : ''}`,\n    placeholder: 'Aucun fichier sélectionné',\n  },\n  filePicker: {\n    browse: 'Parcourir les fichiers',\n    or: 'ou',\n    list: 'Fichiers sélectionnés',\n  },\n  carousel: {\n    label: 'Carrousel',\n    roleDescription: 'carrousel',\n    slideRoleDescription: 'diapositive',\n    slides: 'Diapositives',\n    slide: (index, total) => `${index} sur ${total}`,\n    previous: 'Diapositive précédente',\n    next: 'Diapositive suivante',\n    indicators: 'Choisir la diapositive à afficher',\n  },\n  calendar: {\n    label: 'Calendrier',\n    roleDescription: 'calendrier',\n    today: 'Aujourd’hui',\n    view: 'Affichage',\n    viewDay: 'Jour',\n    view4Days: '4 jours',\n    viewWeek: 'Semaine',\n    viewMonth: 'Mois',\n    viewYear: 'Année',\n    viewCustom: (days) => `${days} jours`,\n    previousDay: 'Jour précédent',\n    nextDay: 'Jour suivant',\n    previousWeek: 'Semaine précédente',\n    nextWeek: 'Semaine suivante',\n    previousMonth: 'Mois précédent',\n    nextMonth: 'Mois suivant',\n    previousYear: 'Année précédente',\n    nextYear: 'Année suivante',\n    previousPeriod: 'Période précédente',\n    nextPeriod: 'Période suivante',\n    allDay: 'Toute la journée',\n    moreEvents: (count) => `+${count} autre${count > 1 ? 's' : ''}`,\n    openDay: (day) => `Ouvrir le ${day}`,\n    untitled: '(Sans titre)',\n    eventRoleDescription: 'évènement',\n    eventHint:\n      'Appuyez sur Entrée pour ouvrir cet évènement. Appuyez sur Espace pour le saisir, puis sur les flèches pour le déplacer et sur Maj avec les flèches pour changer son heure de fin.',\n    grabbed:\n      'Évènement saisi. Utilisez les flèches pour le déplacer, Entrée ou Espace pour le poser, Échap pour annuler.',\n    dropped: 'Évènement posé.',\n    reverted: 'Déplacement annulé. L’évènement est revenu à sa place.',\n    movedTo: (title, when) => `Déplacement de ${title}\\u00A0: ${when}.`,\n  },\n}\n"],"mappings":"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"}
+{"version":3,"file":"fr.js","names":[],"sources":["../../src/i18n/fr.ts"],"sourcesContent":["/**\n * Opt-in French dictionary registered through registerMessages. Preserve typographic\n * apostrophes and message signatures.\n */\n\nimport type { Messages } from './types'\n\nexport const fr: Messages = {\n  common: {\n    loading: 'Chargement…',\n    clear: 'Effacer',\n    close: 'Fermer',\n    dismiss: 'Retirer',\n    remove: (name) => `Retirer ${name}`,\n    cancel: 'Annuler',\n    confirm: 'OK',\n  },\n  pagination: {\n    label: 'Pagination',\n    first: 'Première page',\n    previous: 'Page précédente',\n    next: 'Page suivante',\n    last: 'Dernière page',\n    page: (page) => `Page ${page}`,\n  },\n  tabs: {\n    label: 'Onglets',\n    previous: 'Onglets précédents',\n    next: 'Onglets suivants',\n  },\n  breadcrumb: {\n    label: 'Fil d’Ariane',\n    ellipsis: 'Afficher les pages intermédiaires',\n  },\n  sideNavigation: { label: 'Navigation' },\n  combobox: {\n    empty: 'Aucun résultat',\n    clear: 'Effacer la sélection',\n  },\n  dataTable: {\n    empty: 'Aucune donnée',\n    loading: 'Chargement des données…',\n    searchLabel: 'Rechercher dans le tableau',\n    searchPlaceholder: 'Rechercher…',\n    perPage: 'Lignes par page',\n    perPageValue: (label, value) => `${label}\\u00A0: ${value}`,\n    selectAll: 'Tout sélectionner',\n    selectRow: (index) => `Sélectionner la ligne ${index}`,\n    selection: (count) =>\n      `${count} élément${count > 1 ? 's' : ''} sélectionné${count > 1 ? 's' : ''}`,\n    range: ({ start, end, total }) => `${start}–${end} sur ${total}`,\n    pagination: 'Pagination du tableau',\n  },\n  toaster: { label: 'Notifications' },\n  snackbar: { label: 'Confirmation', action: 'Annuler' },\n  inputOTP: {\n    label: 'Code de vérification',\n    slot: (index, total) => `Caractère ${index} sur ${total}`,\n  },\n  slider: {\n    value: 'Valeur',\n    start: 'Début',\n    end: 'Fin',\n    rangeStart: (label) => `${label} (début)`,\n    rangeEnd: (label) => `${label} (fin)`,\n  },\n  field: {\n    limitExceeded: (max) => `Dépasse la limite de ${max} caractères`,\n  },\n  // The space before the sign is a NON-BREAKING one, as French typography requires and\n  // English does not. It is written as an escape rather than typed in: the linter refuses\n  // the character itself, and it would be indistinguishable from an ordinary space in a\n  // review.\n  progress: { percent: (percent) => `${percent}\\u00A0%`, label: 'Progression' },\n  hotkeys: {\n    command: 'Commande',\n    ctrl: 'Ctrl',\n    alt: 'Alt',\n    shift: 'Maj',\n    windows: 'Win',\n    super: 'Super',\n    enter: 'Entrée',\n    escape: 'Échap',\n    space: 'Espace',\n    backspace: 'Retour arrière',\n    delete: 'Suppr',\n    tab: 'Tab',\n    up: 'Flèche haut',\n    down: 'Flèche bas',\n    left: 'Flèche gauche',\n    right: 'Flèche droite',\n    label: (keys) => `Raccourci clavier\\u00A0: ${keys}`,\n  },\n  datePicker: {\n    label: 'Sélecteur de date',\n    previousMonth: 'Mois précédent',\n    nextMonth: 'Mois suivant',\n    previousYear: 'Année précédente',\n    nextYear: 'Année suivante',\n    monthPicker: 'Choix du mois',\n    yearPicker: 'Choix de l’année',\n  },\n  dateInput: {\n    clear: 'Effacer la date',\n    openPicker: 'Ouvrir le calendrier',\n    pickerLabel: 'Choisir une date',\n  },\n  timePicker: {\n    label: 'Sélecteur d’heure',\n    meridiem: 'AM ou PM',\n    am: 'AM',\n    pm: 'PM',\n    selectHour: 'Sélectionner l’heure',\n    selectMinutes: 'Sélectionner les minutes',\n    choosingHour: 'Sélection de l’heure',\n    choosingMinutes: 'Sélection des minutes',\n    hour: 'Heure',\n    minutes: 'Minutes',\n    hourValue: (hour) => `${hour} ${hour < 2 ? 'heure' : 'heures'}`,\n    minutesValue: (minute) => `${minute} ${minute < 2 ? 'minute' : 'minutes'}`,\n  },\n  timeInput: {\n    clear: 'Effacer l’heure',\n    openPicker: 'Ouvrir le sélecteur d’heure',\n    pickerLabel: 'Choisir une heure',\n    meridiemValue: (value) => `AM ou PM\\u00A0: ${value}`,\n    maskPlaceholder: 'hh:mm',\n    unavailable: 'Cette heure n’est pas disponible.',\n  },\n  fileInput: {\n    openPicker: 'Choisir des fichiers',\n    clear: 'Effacer les fichiers',\n    // The French plural starts at two, the English one at zero; \"0 fichier\" against \"0 files\".\n    // Each language therefore makes the choice on its own, and there is no shared rule for\n    // either to inherit.\n    files: (count) => `${count} fichier${count > 1 ? 's' : ''}`,\n    placeholder: 'Aucun fichier sélectionné',\n  },\n  filePicker: {\n    browse: 'Parcourir les fichiers',\n    or: 'ou',\n    list: 'Fichiers sélectionnés',\n  },\n  carousel: {\n    label: 'Carrousel',\n    roleDescription: 'carrousel',\n    slideRoleDescription: 'diapositive',\n    slides: 'Diapositives',\n    slide: (index, total) => `${index} sur ${total}`,\n    previous: 'Diapositive précédente',\n    next: 'Diapositive suivante',\n    indicators: 'Choisir la diapositive à afficher',\n  },\n  calendar: {\n    label: 'Calendrier',\n    roleDescription: 'calendrier',\n    today: 'Aujourd’hui',\n    view: 'Affichage',\n    viewDay: 'Jour',\n    view4Days: '4 jours',\n    viewWeek: 'Semaine',\n    viewMonth: 'Mois',\n    viewYear: 'Année',\n    viewCustom: (days) => `${days} jours`,\n    previousDay: 'Jour précédent',\n    nextDay: 'Jour suivant',\n    previousWeek: 'Semaine précédente',\n    nextWeek: 'Semaine suivante',\n    previousMonth: 'Mois précédent',\n    nextMonth: 'Mois suivant',\n    previousYear: 'Année précédente',\n    nextYear: 'Année suivante',\n    previousPeriod: 'Période précédente',\n    nextPeriod: 'Période suivante',\n    allDay: 'Toute la journée',\n    moreEvents: (count) => `+${count} autre${count > 1 ? 's' : ''}`,\n    openDay: (day) => `Ouvrir le ${day}`,\n    untitled: '(Sans titre)',\n    eventRoleDescription: 'évènement',\n    eventHint:\n      'Appuyez sur Entrée pour ouvrir cet évènement. Appuyez sur Espace pour le saisir, puis sur les flèches pour le déplacer et sur Maj avec les flèches pour changer son heure de fin.',\n    grabbed:\n      'Évènement saisi. Utilisez les flèches pour le déplacer, Entrée ou Espace pour le poser, Échap pour annuler.',\n    dropped: 'Évènement posé.',\n    reverted: 'Déplacement annulé. L’évènement est revenu à sa place.',\n    movedTo: (title, when) => `Déplacement de ${title}\\u00A0: ${when}.`,\n  },\n}\n"],"mappings":"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"}

package/dist/i18n/types.d.ts

@@ -24,8 +24,10 @@ export interface Messages {
     };
     pagination: {
         label: string;
+        first: string;
         previous: string;
         next: string;
+        last: string;
         page: (page: number) => string;
     };
     tabs: {

package/dist/icons.js

@@ -2,37 +2,39 @@ import { ICON_VIEW_BOX as e } from "./components/VIcon/icons/viewBox.js";
 import { builtinIconNames as t } from "./components/VIcon/icons/names.js";
 import { chevron_left as n } from "./components/VIcon/icons/chevron_left.js";
 import { chevron_right as r } from "./components/VIcon/icons/chevron_right.js";
-import { more_horiz as i } from "./components/VIcon/icons/more_horiz.js";
-import { expand_less as a } from "./components/VIcon/icons/expand_less.js";
-import { expand_more as o } from "./components/VIcon/icons/expand_more.js";
-import { close as s } from "./components/VIcon/icons/close.js";
-import { check_circle as c } from "./components/VIcon/icons/check_circle.js";
-import { error as l } from "./components/VIcon/icons/error.js";
-import { info as u } from "./components/VIcon/icons/info.js";
-import { notifications as d } from "./components/VIcon/icons/notifications.js";
-import { warning as f } from "./components/VIcon/icons/warning.js";
-import { check as p } from "./components/VIcon/icons/check.js";
-import { arrow_downward as m } from "./components/VIcon/icons/arrow_downward.js";
-import { arrow_drop_down as h } from "./components/VIcon/icons/arrow_drop_down.js";
-import { arrow_upward as g } from "./components/VIcon/icons/arrow_upward.js";
-import { search as _ } from "./components/VIcon/icons/search.js";
-import { swap_vert as v } from "./components/VIcon/icons/swap_vert.js";
-import { arrow_drop_up as y } from "./components/VIcon/icons/arrow_drop_up.js";
-import { calendar_today as b } from "./components/VIcon/icons/calendar_today.js";
-import { schedule as x } from "./components/VIcon/icons/schedule.js";
-import { attach_file as S } from "./components/VIcon/icons/attach_file.js";
-import { audio_file as C } from "./components/VIcon/icons/audio_file.js";
-import { cloud_upload as w } from "./components/VIcon/icons/cloud_upload.js";
-import { code as T } from "./components/VIcon/icons/code.js";
-import { description as E } from "./components/VIcon/icons/description.js";
-import { folder_zip as D } from "./components/VIcon/icons/folder_zip.js";
-import { image as O } from "./components/VIcon/icons/image.js";
-import { picture_as_pdf as k } from "./components/VIcon/icons/picture_as_pdf.js";
-import { table_chart as A } from "./components/VIcon/icons/table_chart.js";
-import { video_file as j } from "./components/VIcon/icons/video_file.js";
-import { arrow_downward_alt as M } from "./components/VIcon/icons/arrow_downward_alt.js";
-import { arrow_left_alt as N } from "./components/VIcon/icons/arrow_left_alt.js";
-import { arrow_right_alt as P } from "./components/VIcon/icons/arrow_right_alt.js";
-import { arrow_upward_alt as F } from "./components/VIcon/icons/arrow_upward_alt.js";
-import { builtinIcons as I } from "./components/VIcon/icons/index.js";
-export { e as ICON_VIEW_BOX, m as arrow_downward, M as arrow_downward_alt, h as arrow_drop_down, y as arrow_drop_up, N as arrow_left_alt, P as arrow_right_alt, g as arrow_upward, F as arrow_upward_alt, S as attach_file, C as audio_file, t as builtinIconNames, I as builtinIcons, b as calendar_today, p as check, c as check_circle, n as chevron_left, r as chevron_right, s as close, w as cloud_upload, T as code, E as description, l as error, a as expand_less, o as expand_more, D as folder_zip, O as image, u as info, i as more_horiz, d as notifications, k as picture_as_pdf, x as schedule, _ as search, v as swap_vert, A as table_chart, j as video_file, f as warning };
+import { first_page as i } from "./components/VIcon/icons/first_page.js";
+import { last_page as a } from "./components/VIcon/icons/last_page.js";
+import { more_horiz as o } from "./components/VIcon/icons/more_horiz.js";
+import { expand_less as s } from "./components/VIcon/icons/expand_less.js";
+import { expand_more as c } from "./components/VIcon/icons/expand_more.js";
+import { close as l } from "./components/VIcon/icons/close.js";
+import { check_circle as u } from "./components/VIcon/icons/check_circle.js";
+import { error as d } from "./components/VIcon/icons/error.js";
+import { info as f } from "./components/VIcon/icons/info.js";
+import { notifications as p } from "./components/VIcon/icons/notifications.js";
+import { warning as m } from "./components/VIcon/icons/warning.js";
+import { check as h } from "./components/VIcon/icons/check.js";
+import { arrow_downward as g } from "./components/VIcon/icons/arrow_downward.js";
+import { arrow_drop_down as _ } from "./components/VIcon/icons/arrow_drop_down.js";
+import { arrow_upward as v } from "./components/VIcon/icons/arrow_upward.js";
+import { search as y } from "./components/VIcon/icons/search.js";
+import { swap_vert as b } from "./components/VIcon/icons/swap_vert.js";
+import { arrow_drop_up as x } from "./components/VIcon/icons/arrow_drop_up.js";
+import { calendar_today as S } from "./components/VIcon/icons/calendar_today.js";
+import { schedule as C } from "./components/VIcon/icons/schedule.js";
+import { attach_file as w } from "./components/VIcon/icons/attach_file.js";
+import { audio_file as T } from "./components/VIcon/icons/audio_file.js";
+import { cloud_upload as E } from "./components/VIcon/icons/cloud_upload.js";
+import { code as D } from "./components/VIcon/icons/code.js";
+import { description as O } from "./components/VIcon/icons/description.js";
+import { folder_zip as k } from "./components/VIcon/icons/folder_zip.js";
+import { image as A } from "./components/VIcon/icons/image.js";
+import { picture_as_pdf as j } from "./components/VIcon/icons/picture_as_pdf.js";
+import { table_chart as M } from "./components/VIcon/icons/table_chart.js";
+import { video_file as N } from "./components/VIcon/icons/video_file.js";
+import { arrow_downward_alt as P } from "./components/VIcon/icons/arrow_downward_alt.js";
+import { arrow_left_alt as F } from "./components/VIcon/icons/arrow_left_alt.js";
+import { arrow_right_alt as I } from "./components/VIcon/icons/arrow_right_alt.js";
+import { arrow_upward_alt as L } from "./components/VIcon/icons/arrow_upward_alt.js";
+import { builtinIcons as R } from "./components/VIcon/icons/index.js";
+export { e as ICON_VIEW_BOX, g as arrow_downward, P as arrow_downward_alt, _ as arrow_drop_down, x as arrow_drop_up, F as arrow_left_alt, I as arrow_right_alt, v as arrow_upward, L as arrow_upward_alt, w as attach_file, T as audio_file, t as builtinIconNames, R as builtinIcons, S as calendar_today, h as check, u as check_circle, n as chevron_left, r as chevron_right, l as close, E as cloud_upload, D as code, O as description, d as error, s as expand_less, c as expand_more, i as first_page, k as folder_zip, A as image, f as info, a as last_page, o as more_horiz, p as notifications, j as picture_as_pdf, C as schedule, y as search, b as swap_vert, M as table_chart, N as video_file, m as warning };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vectis-ui",
-  "version": "0.10.3",
+  "version": "0.11.0",
   "description": "Vue 3 design system — HTML/CSS first, CSS tokens, Nuxt 3 (SSR) compatible",
   "type": "module",
   "license": "MIT",