vectis-ui 0.1.0

package/dist/components/VHotkeys/platform.js

@@ -0,0 +1,115 @@
+//#region src/components/VHotkeys/platform.ts
+var e = "other";
+function t() {
+	if (typeof navigator > "u") return e;
+	let t = navigator, n = (t.userAgentData?.platform || t.platform || "").toLowerCase();
+	return /mac|iphone|ipad|ipod/.test(n) ? "mac" : n.includes("win") ? "windows" : /linux|android|cros|chrome os/.test(n) ? "linux" : e;
+}
+var n = {
+	cmd: "meta",
+	command: "meta",
+	win: "meta",
+	windows: "meta",
+	super: "meta",
+	os: "meta",
+	cmdorctrl: "mod",
+	commandorcontrol: "mod",
+	control: "ctrl",
+	option: "alt",
+	opt: "alt",
+	return: "enter",
+	escape: "esc",
+	spacebar: "space",
+	" ": "space",
+	del: "delete",
+	arrowup: "up",
+	arrowdown: "down",
+	arrowleft: "left",
+	arrowright: "right",
+	"+": "plus"
+}, r = {
+	mod: "⌘",
+	meta: "⌘",
+	ctrl: "⌃",
+	alt: "⌥",
+	shift: "⇧",
+	enter: "↵",
+	backspace: "⌫",
+	delete: "⌦",
+	tab: "⇥"
+}, i = {
+	up: "↑",
+	down: "↓",
+	left: "←",
+	right: "→",
+	plus: "+"
+}, a = {
+	ctrl: "ctrl",
+	alt: "alt",
+	shift: "shift",
+	enter: "enter",
+	esc: "escape",
+	space: "space",
+	backspace: "backspace",
+	delete: "delete",
+	tab: "tab",
+	up: "up",
+	down: "down",
+	left: "left",
+	right: "right"
+}, o = /* @__PURE__ */ new Set([
+	"mod",
+	"meta",
+	"ctrl",
+	"alt",
+	"shift"
+]), s = /* @__PURE__ */ new Set([
+	"button",
+	"submit",
+	"reset",
+	"checkbox",
+	"radio",
+	"file",
+	"range",
+	"color",
+	"image"
+]);
+function c(e) {
+	return e.split("+").map((e) => e.trim().toLowerCase()).filter(Boolean).map((e) => n[e] ?? e);
+}
+function l(e) {
+	return o.has(e);
+}
+function u(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function d(e, t) {
+	return e === "mod" ? t === "mac" ? "command" : "ctrl" : e === "meta" ? t === "mac" ? "command" : t === "windows" ? "windows" : "super" : a[e];
+}
+function f(e, t) {
+	return e.map((e) => ({
+		token: e,
+		glyph: (t === "mac" ? r[e] : void 0) ?? i[e],
+		word: d(e, t)
+	}));
+}
+function p(e) {
+	let t = e.key.toLowerCase();
+	return n[t] ?? t;
+}
+function m(e, t, n) {
+	let r = t.includes("ctrl") || n !== "mac" && t.includes("mod"), i = t.includes("meta") || n === "mac" && t.includes("mod");
+	if (e.ctrlKey !== r || e.metaKey !== i || e.altKey !== t.includes("alt") || e.shiftKey !== t.includes("shift")) return !1;
+	let a = t.find((e) => !l(e));
+	return a !== void 0 && p(e) === a;
+}
+function h(e) {
+	if (!(e instanceof HTMLElement)) return !1;
+	if (e.isContentEditable) return !0;
+	let t = e.tagName;
+	return t === "TEXTAREA" || t === "SELECT" || t === "INPUT" && !s.has(e.type);
+}
+//#endregion
+export { e as DEFAULT_PLATFORM, u as capLabel, t as detectPlatform, h as isEditableTarget, m as matchesEvent, c as parseHotkeys, f as resolveKeys };
+
+//# sourceMappingURL=platform.js.map

package/dist/components/VHotkeys/platform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"platform.js","names":[],"sources":["../../../src/components/VHotkeys/platform.ts"],"sourcesContent":["import { isDev } from '../../utils/env'\n\n// @core — module-wide: pure, no Vue and no lifecycle. `detectPlatform` is the\n// exception below.\n/**\n * Everything VHotkeys needs to know about keyboards: which system this one belongs to,\n * and how a written token relates to the symbol engraved on the key, to the word for\n * it, and to what the browser reports when it is pressed.\n *\n * An operating system is not a language, and the distinction matters here. Whether a\n * key shows ⌘ or Ctrl is a fact about the hardware, so it does NOT depend on the\n * reader's language. Only the WORDS do — Shift becomes Maj in French — and those live\n * in the dictionary: this module hands back the dictionary KEY and never the text\n * itself.\n *\n * What earns the module its existence is the alias table. The SAME table normalizes\n * the tokens a consumer writes in `keys` and the key names the browser reports, so a\n * shortcut cannot be declared in a spelling the matcher would fail to recognize.\n *\n * TRAP — detecting the platform must only ever be done once a component is mounted.\n * There is nothing to read it from on a server, and sniffing a request header is not\n * this library's business.\n */\nexport type HotkeysPlatform = 'mac' | 'windows' | 'linux' | 'other'\n\n/**\n * The dictionary entries naming a key, and only those — the sentence framing the\n * shortcut is not one of them.\n *\n * The list is written out here rather than derived from the dictionary's own type,\n * which would tie this module to the dictionary's shape. Nothing is lost: reading an\n * entry by one of these names is checked just as strictly at the point of use.\n */\nexport type HotkeysWord =\n  | 'command'\n  | 'ctrl'\n  | 'alt'\n  | 'shift'\n  | 'windows'\n  | 'super'\n  | 'enter'\n  | 'escape'\n  | 'space'\n  | 'backspace'\n  | 'delete'\n  | 'tab'\n  | 'up'\n  | 'down'\n  | 'left'\n  | 'right'\n\n/** One key of a shortcut, once resolved for a given platform. */\nexport interface ResolvedKey {\n  /** Its canonical name, which is what the matcher compares a key press against. */\n  token: string\n  /** The symbol engraved on that key, where the system engraves one. */\n  glyph?: string\n  /**\n   * Which dictionary entry names it. Nothing here means the design system does not\n   * know this key, and it is printed as it was written.\n   */\n  word?: HotkeysWord\n}\n\n// @ssr\n/**\n * What a SERVER renders, and therefore what the browser's FIRST render must be as\n * well. It shares its words with Windows and Linux — Ctrl, Alt, Shift — so only a Mac\n * visitor pays a single frame of \"Ctrl\" before it is corrected to ⌘.\n */\nexport const DEFAULT_PLATFORM: HotkeysPlatform = 'other'\n\n// @ssr @fallback — the DS's ONLY `navigator` read, with a two-source ladder.\n/**\n * Works out which system the keyboard belongs to, from two sources in order. The\n * modern one is the more reliable; the older one is deprecated and frozen, but it is\n * still the only one Firefox and Safari provide.\n *\n * The modern one is missing from TypeScript's own definitions, so it is described by a\n * type declared LOCALLY rather than added to the global ones — the latter would leak\n * out into every consumer's compilation.\n */\nexport function detectPlatform(): HotkeysPlatform {\n  if (typeof navigator === 'undefined') return DEFAULT_PLATFORM\n  const nav = navigator as Navigator & { userAgentData?: { platform?: string } }\n  const source = (nav.userAgentData?.platform || nav.platform || '').toLowerCase()\n  /* iPadOS reports itself as a Mac, which is fine here: an attached keyboard carries\n     the same modifier symbols either way. */\n  if (/mac|iphone|ipad|ipod/.test(source)) return 'mac'\n  if (source.includes('win')) return 'windows'\n  /* ChromeOS spells itself two different ways depending on which of the two sources\n     answered. Both have to be listed, or the branch is dead precisely where it\n     matters. */\n  if (/linux|android|cros|chrome os/.test(source)) return 'linux'\n  return DEFAULT_PLATFORM\n}\n\n/* Every spelling accepted in the `keys` prop, and at the same time the table that\n   normalizes what the browser reports. Serving both is what guarantees the two can\n   never disagree.\n\n   The `+` key is canonically named `plus`, since `+` is the separator and cannot name\n   itself in the prop — but the browser does report it as `'+'`, hence its presence\n   here. */\nconst ALIASES: Record<string, string> = {\n  cmd: 'meta',\n  command: 'meta',\n  win: 'meta',\n  windows: 'meta',\n  super: 'meta',\n  os: 'meta',\n  cmdorctrl: 'mod',\n  commandorcontrol: 'mod',\n  control: 'ctrl',\n  option: 'alt',\n  opt: 'alt',\n  return: 'enter',\n  escape: 'esc',\n  spacebar: 'space',\n  ' ': 'space',\n  del: 'delete',\n  arrowup: 'up',\n  arrowdown: 'down',\n  arrowleft: 'left',\n  arrowright: 'right',\n  '+': 'plus',\n}\n\n/* The symbols engraved on an Apple keyboard, and on no other. Escape and the space bar\n   are deliberately absent: the Mac key really does read \"esc\", and the space bar\n   carries no symbol at all. */\nconst MAC_GLYPHS: Record<string, string> = {\n  mod: '⌘',\n  meta: '⌘',\n  ctrl: '⌃',\n  alt: '⌥',\n  shift: '⇧',\n  enter: '↵',\n  backspace: '⌫',\n  delete: '⌦',\n  tab: '⇥',\n}\n\n/* Symbols that are the same everywhere: an arrow key is engraved with an arrow on\n   every keyboard ever made. */\nconst GLYPHS: Record<string, string> = {\n  up: '↑',\n  down: '↓',\n  left: '←',\n  right: '→',\n  plus: '+',\n}\n\nconst WORDS: Record<string, HotkeysWord> = {\n  ctrl: 'ctrl',\n  alt: 'alt',\n  shift: 'shift',\n  enter: 'enter',\n  esc: 'escape',\n  space: 'space',\n  backspace: 'backspace',\n  delete: 'delete',\n  tab: 'tab',\n  up: 'up',\n  down: 'down',\n  left: 'left',\n  right: 'right',\n}\n\nconst MODIFIERS = new Set(['mod', 'meta', 'ctrl', 'alt', 'shift'])\n\n/**\n * The kinds of field one cannot type prose into. A shortcut stays live over a\n * checkbox, a button or a colour picker: there is no sentence to interrupt there.\n */\nconst NON_TEXT_INPUT_TYPES = new Set([\n  'button',\n  'submit',\n  'reset',\n  'checkbox',\n  'radio',\n  'file',\n  'range',\n  'color',\n  'image',\n])\n\n/**\n * Reads a combination as it was written and returns its keys in canonical form:\n * `'mod+k'` and `' Mod + K '` both give the same two. Empty segments are dropped, so a\n * trailing separator is harmless — and the `+` KEY itself is written `plus`.\n */\nexport function parseHotkeys(keys: string): string[] {\n  const tokens = keys\n    .split('+')\n    .map((token) => token.trim().toLowerCase())\n    .filter(Boolean)\n    .map((token) => ALIASES[token] ?? token)\n  if (isDev && tokens.length === 0) {\n    console.warn(`[VHotkeys] \\`keys\\` is empty: \"${keys}\" declares no key.`)\n  }\n  return tokens\n}\n\n/** Whether this key is one that is held down rather than pressed. */\nfunction isModifier(token: string): boolean {\n  return MODIFIERS.has(token)\n}\n\n/**\n * How a key nobody has a word or a symbol for is printed: as it was written, merely\n * capitalized — `k` becomes K, `f5` becomes F5, and a slash stays a slash.\n */\nexport function capLabel(token: string): string {\n  return token.charAt(0).toUpperCase() + token.slice(1)\n}\n\nfunction wordOf(token: string, platform: HotkeysPlatform): HotkeysWord | undefined {\n  /* The two keys whose name depends on the system. `mod` is the modifier a consumer\n     writes when they mean \"the usual one here\" — Command on a Mac, Ctrl elsewhere —\n     while `meta` names that physical key literally, and it is called something\n     different on each system. */\n  if (token === 'mod') return platform === 'mac' ? 'command' : 'ctrl'\n  if (token === 'meta') {\n    if (platform === 'mac') return 'command'\n    return platform === 'windows' ? 'windows' : 'super'\n  }\n  return WORDS[token]\n}\n\n/**\n * Resolves each key of a combination for a given system, attaching the symbol engraved\n * on it and the dictionary entry naming it, where either exists.\n */\nexport function resolveKeys(tokens: string[], platform: HotkeysPlatform): ResolvedKey[] {\n  return tokens.map((token) => ({\n    token,\n    glyph: (platform === 'mac' ? MAC_GLYPHS[token] : undefined) ?? GLYPHS[token],\n    word: wordOf(token, platform),\n  }))\n}\n\nfunction normalizeEventKey(event: KeyboardEvent): string {\n  const key = event.key.toLowerCase()\n  return ALIASES[key] ?? key\n}\n\n/**\n * Whether a key press IS this combination.\n *\n * The modifiers are compared EXACTLY, and never as \"at least these ones\". Without\n * that, `mod+k` and `mod+shift+k` could not coexist in one application: the first\n * would swallow every press meant for the second.\n */\nexport function matchesEvent(\n  event: KeyboardEvent,\n  tokens: string[],\n  platform: HotkeysPlatform,\n): boolean {\n  const wantCtrl = tokens.includes('ctrl') || (platform !== 'mac' && tokens.includes('mod'))\n  const wantMeta = tokens.includes('meta') || (platform === 'mac' && tokens.includes('mod'))\n  if (event.ctrlKey !== wantCtrl) return false\n  if (event.metaKey !== wantMeta) return false\n  if (event.altKey !== tokens.includes('alt')) return false\n  if (event.shiftKey !== tokens.includes('shift')) return false\n  const main = tokens.find((token) => !isModifier(token))\n  /* A combination made of modifiers alone never fires: there is no key to press. */\n  if (main === undefined) return false\n  /* Both sides go through the same normalization, which is also what makes a press\n     reported as \"K\" — because Shift was held — match a shortcut written `k`. */\n  return normalizeEventKey(event) === main\n}\n\n// @keyboard — what `allowInInput` is asked about: a shortcut must not fire in the\n// middle of someone typing a sentence.\nexport function isEditableTarget(target: EventTarget | null): boolean {\n  if (!(target instanceof HTMLElement)) return false\n  if (target.isContentEditable) return true\n  const tag = target.tagName\n  if (tag === 'TEXTAREA' || tag === 'SELECT') return true\n  if (tag !== 'INPUT') return false\n  return !NON_TEXT_INPUT_TYPES.has((target as HTMLInputElement).type)\n}\n"],"mappings":";AAsEA,IAAa,IAAoC;AAYjD,SAAgB,IAAkC;CAChD,IAAI,OAAO,YAAc,KAAa,OAAO;CAC7C,IAAM,IAAM,WACN,KAAU,EAAI,eAAe,YAAY,EAAI,YAAY,GAAA,CAAI,YAAY;CAS/E,OANI,uBAAuB,KAAK,CAAM,IAAU,QAC5C,EAAO,SAAS,KAAK,IAAU,YAI/B,+BAA+B,KAAK,CAAM,IAAU,UACjD;AACT;AASA,IAAM,IAAkC;CACtC,KAAK;CACL,SAAS;CACT,KAAK;CACL,SAAS;CACT,OAAO;CACP,IAAI;CACJ,WAAW;CACX,kBAAkB;CAClB,SAAS;CACT,QAAQ;CACR,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,KAAK;CACL,KAAK;CACL,SAAS;CACT,WAAW;CACX,WAAW;CACX,YAAY;CACZ,KAAK;AACP,GAKM,IAAqC;CACzC,KAAK;CACL,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,OAAO;CACP,WAAW;CACX,QAAQ;CACR,KAAK;AACP,GAIM,IAAiC;CACrC,IAAI;CACJ,MAAM;CACN,MAAM;CACN,OAAO;CACP,MAAM;AACR,GAEM,IAAqC;CACzC,MAAM;CACN,KAAK;CACL,OAAO;CACP,OAAO;CACP,KAAK;CACL,OAAO;CACP,WAAW;CACX,QAAQ;CACR,KAAK;CACL,IAAI;CACJ,MAAM;CACN,MAAM;CACN,OAAO;AACT,GAEM,oBAAY,IAAI,IAAI;CAAC;CAAO;CAAQ;CAAQ;CAAO;AAAO,CAAC,GAM3D,oBAAuB,IAAI,IAAI;CACnC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAOD,SAAgB,EAAa,GAAwB;CASnD,OARe,EACZ,MAAM,GAAG,CAAC,CACV,KAAK,MAAU,EAAM,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAC1C,OAAO,OAAO,CAAC,CACf,KAAK,MAAU,EAAQ,MAAU,CAI7B;AACT;AAGA,SAAS,EAAW,GAAwB;CAC1C,OAAO,EAAU,IAAI,CAAK;AAC5B;AAMA,SAAgB,EAAS,GAAuB;CAC9C,OAAO,EAAM,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,EAAM,MAAM,CAAC;AACtD;AAEA,SAAS,EAAO,GAAe,GAAoD;CAUjF,OALI,MAAU,QAAc,MAAa,QAAQ,YAAY,SACzD,MAAU,SACR,MAAa,QAAc,YACxB,MAAa,YAAY,YAAY,UAEvC,EAAM;AACf;AAMA,SAAgB,EAAY,GAAkB,GAA0C;CACtF,OAAO,EAAO,KAAK,OAAW;EAC5B;EACA,QAAQ,MAAa,QAAQ,EAAW,KAAS,KAAA,MAAc,EAAO;EACtE,MAAM,EAAO,GAAO,CAAQ;CAC9B,EAAE;AACJ;AAEA,SAAS,EAAkB,GAA8B;CACvD,IAAM,IAAM,EAAM,IAAI,YAAY;CAClC,OAAO,EAAQ,MAAQ;AACzB;AASA,SAAgB,EACd,GACA,GACA,GACS;CACT,IAAM,IAAW,EAAO,SAAS,MAAM,KAAM,MAAa,SAAS,EAAO,SAAS,KAAK,GAClF,IAAW,EAAO,SAAS,MAAM,KAAM,MAAa,SAAS,EAAO,SAAS,KAAK;CAIxF,IAHI,EAAM,YAAY,KAClB,EAAM,YAAY,KAClB,EAAM,WAAW,EAAO,SAAS,KAAK,KACtC,EAAM,aAAa,EAAO,SAAS,OAAO,GAAG,OAAO;CACxD,IAAM,IAAO,EAAO,MAAM,MAAU,CAAC,EAAW,CAAK,CAAC;CAKtD,OAHI,MAAS,KAAA,KAGN,EAAkB,CAAK,MAAM;AACtC;AAIA,SAAgB,EAAiB,GAAqC;CACpE,IAAI,EAAE,aAAkB,cAAc,OAAO;CAC7C,IAAI,EAAO,mBAAmB,OAAO;CACrC,IAAM,IAAM,EAAO;CAGnB,OAFI,MAAQ,cAAc,MAAQ,YAC9B,MAAQ,WACL,CAAC,EAAqB,IAAK,EAA4B,IAAI;AACpE"}

package/dist/components/VIcon/VIcon.css

@@ -0,0 +1,2 @@
+@layer vectis.reset, vectis.tokens, vectis.components, vectis.utilities;
+@layer vectis.components{.v-icon{--icon-size:var(--vectis-icon-size,1em);--icon-opsz:var(--vectis-icon-opsz,24);inline-size:var(--icon-size);block-size:var(--icon-size);font-size:var(--icon-size);flex:none;justify-content:center;align-items:center;display:inline-flex}.v-icon:has(>.v-icon-symbol){overflow:hidden}.v-icon-symbol{font-family:var(--vectis-font-family-icon);font-weight:var(--vectis-font-weight-regular);font-style:normal;line-height:var(--vectis-font-leading-none);letter-spacing:normal;text-transform:none;white-space:nowrap;font-variation-settings:"FILL" var(--icon-fill,0), "wght" 400, "GRAD" 0, "opsz" var(--icon-opsz);direction:ltr}.v-icon[data-filled] .v-icon-symbol{--icon-fill:1}.v-icon-img,.v-icon>svg{object-fit:contain;block-size:100%;inline-size:100%}.v-icon-glyph{font-style:normal;line-height:var(--vectis-font-leading-none);display:block}.v-icon-svg{fill:currentColor;display:block}}

package/dist/components/VIcon/VIcon.d.ts

@@ -0,0 +1,57 @@
+import { BuiltinIcon, IconRender } from './types.js';
+interface IconProps {
+    /**
+     * Which icon to draw. A plain string is a name: it is offered to the consumer's
+     * resolver and then left to the icon font as a ligature. One of the design
+     * system's own icons, imported from `vectis-ui/icons`, carries its drawing with
+     * it — the resolver is still asked first, and the drawing is what answers when
+     * nothing else does.
+     */
+    name?: string | BuiltinIcon;
+    /**
+     * An explicit description of what to draw — an image, a component, a path, a class
+     * — which wins over everything else. This is the route every `IconSource` prop of
+     * the design system takes when it is given something other than a plain name.
+     */
+    render?: IconRender;
+    /** The address of an image to use as the icon. It wins over `name`. */
+    src?: string;
+    /**
+     * A size in pixels. Left out, the icon takes the size its context imposes — a
+     * button sets one for the icons inside it — and failing that 1em, which makes it
+     * follow the surrounding text.
+     */
+    size?: number;
+    /**
+     * What the icon means, for screen readers. Leaving it out marks the icon as
+     * decorative and hides it from them, which is the right thing whenever the
+     * surrounding text already says what it says.
+     */
+    label?: string;
+    /**
+     * Draws the filled version of the icon. The built-in icons honour it wherever
+     * filling actually changes the drawing, and the ligature font always does. It
+     * means nothing for an image or an inline SVG, whose shape is fixed.
+     */
+    filled?: boolean;
+}
+type __VLS_Slots = {
+    /** An inline SVG, used when neither `src` nor `name` was given. */
+    default?(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+    label: string;
+    size: number;
+    name: string | BuiltinIcon;
+    render: IconRender;
+    src: string;
+    filled: boolean;
+}, {}, {}, {}, 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/VIcon/VIcon.js

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

package/dist/components/VIcon/VIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VIcon.js","names":[],"sources":["../../../src/components/VIcon/VIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// @core\n/**\n * An icon, whatever the icons of the host application happen to be made of. The\n * component's real work is deciding WHERE the drawing comes from, and it asks in a\n * fixed order: an explicit render first, then an image address, then the name —\n * which is offered to the consumer's own resolver if one was installed, then to the\n * drawing the icon brought along with it, and finally to a ligature font. A raw SVG\n * can always be passed through the slot instead.\n *\n * That order IS the contract. The resolver is asked before the built-in drawing,\n * otherwise the design system's own icons would stay Material for a consumer who has\n * wired in their own library; and a resolver that answers `undefined` for a name\n * simply hands over to that drawing, which is what makes a PARTIAL mapping usable.\n *\n * It is what allows the design system to work with no icon font at all: the icons\n * the library draws by itself — crosses, chevrons, toast tones — are imported by the\n * components that render them and travel as a name AND its paths, so they depend on\n * nothing being installed, and a consumer downloads only the ones their components\n * actually draw. The ligature remains the fallback for every other name.\n *\n * Despite the `computed`, there is no behavioural JavaScript here: no event, no\n * lifecycle, no DOM. It is a pure choice of source, which the server and the browser\n * make identically.\n */\nimport { computed, type Component } from 'vue'\n\nimport { ICON_VIEW_BOX } from './icons/viewBox'\nimport { resolveIcon } from './resolver'\nimport type { BuiltinIcon, IconRender } from './types'\n\ninterface IconProps {\n  /**\n   * Which icon to draw. A plain string is a name: it is offered to the consumer's\n   * resolver and then left to the icon font as a ligature. One of the design\n   * system's own icons, imported from `vectis-ui/icons`, carries its drawing with\n   * it — the resolver is still asked first, and the drawing is what answers when\n   * nothing else does.\n   */\n  name?: string | BuiltinIcon\n  /**\n   * An explicit description of what to draw — an image, a component, a path, a class\n   * — which wins over everything else. This is the route every `IconSource` prop of\n   * the design system takes when it is given something other than a plain name.\n   */\n  render?: IconRender\n  /** The address of an image to use as the icon. It wins over `name`. */\n  src?: string\n  /**\n   * A size in pixels. Left out, the icon takes the size its context imposes — a\n   * button sets one for the icons inside it — and failing that 1em, which makes it\n   * follow the surrounding text.\n   */\n  size?: number\n  /**\n   * What the icon means, for screen readers. Leaving it out marks the icon as\n   * decorative and hides it from them, which is the right thing whenever the\n   * surrounding text already says what it says.\n   */\n  label?: string\n  /**\n   * Draws the filled version of the icon. The built-in icons honour it wherever\n   * filling actually changes the drawing, and the ligature font always does. It\n   * means nothing for an image or an inline SVG, whose shape is fixed.\n   */\n  filled?: boolean\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n  name: undefined,\n  render: undefined,\n  src: undefined,\n  size: undefined,\n  label: undefined,\n  filled: false,\n})\n\ndefineSlots<{\n  /** An inline SVG, used when neither `src` nor `name` was given. */\n  default?(): unknown\n}>()\n\n/**\n * The chosen source, labelled with its kind. The public `IconRender` union carries\n * no such label — the consumer writes it by hand and has nothing to tag it with —\n * but the template needs one thing it can branch on reliably, and applying the tag\n * is also where the documented precedence between the shapes gets decided.\n */\ntype Resolved =\n  | { kind: 'path'; path: string; viewBox: string }\n  | { kind: 'component'; component: Component; props?: Record<string, unknown> }\n  | { kind: 'src'; src: string }\n  | { kind: 'text'; text: string; class?: string }\n  | { kind: 'class'; class: string }\n\nfunction tag(render: IconRender): Resolved {\n  if ('path' in render)\n    return { kind: 'path', path: render.path, viewBox: render.viewBox ?? ICON_VIEW_BOX }\n  if ('component' in render)\n    return { kind: 'component', component: render.component, props: render.props }\n  if ('src' in render) return { kind: 'src', src: render.src }\n  if ('text' in render) return { kind: 'text', text: render.text, class: render.class }\n  return { kind: 'class', class: render.class }\n}\n\n// @fallback — the ladder itself: every rung hands over to the next one, and the\n// ligature is the last resort, reached when neither the resolver nor the registry\n// recognized the name.\n/**\n * Works out what to draw: an explicit `render` if there is one, then the consumer's\n * resolver, then the icons built into the library. Answering `undefined` here is not\n * a failure — it means the template falls through to the image, the ligature or the\n * slot.\n */\n/**\n * The icon's identity: the name the resolver is asked for, and the one `data-icon`\n * records whatever the drawing turned out to come from.\n */\nconst iconName = computed(() => (typeof props.name === 'string' ? props.name : props.name?.name))\n\nconst resolved = computed<Resolved | undefined>(() => {\n  if (props.render) return tag(props.render)\n  if (props.src !== undefined || props.name === undefined) return undefined\n\n  const custom = resolveIcon(iconName.value!, { filled: props.filled })\n  if (custom) return tag(custom)\n\n  // A bare name has no drawing of its own, so it falls through to the ligature; only\n  // one of the library's own icons brings its paths along.\n  if (typeof props.name === 'string') return undefined\n\n  const { paths } = props.name\n  // A second path is only stored when filling actually changes the drawing, so most\n  // icons have one path and fall back to it (see icons.ts).\n  const path = (props.filled ? paths[1] : undefined) ?? paths[0]\n  return { kind: 'path', path, viewBox: ICON_VIEW_BOX }\n})\n</script>\n\n<template>\n  <span\n    class=\"v-icon\"\n    :style=\"size !== undefined ? { '--vectis-icon-size': `${size}px` } : undefined\"\n    :data-icon=\"iconName\"\n    :data-filled=\"filled || undefined\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  >\n    <template v-if=\"resolved\">\n      <svg\n        v-if=\"resolved.kind === 'path'\"\n        class=\"v-icon-svg\"\n        :viewBox=\"resolved.viewBox\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <path :d=\"resolved.path\" />\n      </svg>\n      <component\n        :is=\"resolved.component\"\n        v-else-if=\"resolved.kind === 'component'\"\n        v-bind=\"resolved.props\"\n      />\n      <img v-else-if=\"resolved.kind === 'src'\" class=\"v-icon-img\" :src=\"resolved.src\" alt=\"\" />\n      <!-- The interpolation is written flush against the tags: a ligature is matched\n           on the exact text, and any surrounding whitespace would break it -->\n      <span v-else-if=\"resolved.kind === 'text'\" class=\"v-icon-symbol\" :class=\"resolved.class\">{{\n        resolved.text\n      }}</span>\n      <span v-else class=\"v-icon-glyph\" :class=\"resolved.class\" />\n    </template>\n    <img v-else-if=\"src\" class=\"v-icon-img\" :src=\"src\" alt=\"\" />\n    <span v-else-if=\"name\" class=\"v-icon-symbol\">{{ name }}</span>\n    <slot v-else />\n  </span>\n</template>\n\n<style>\n@layer vectis.components {\n  .v-icon {\n    /*\n     * How the size is settled, in order of priority:\n     * 1. the `size` prop, written inline on the element as --vectis-icon-size — a\n     *    declaration made on the element itself beats both inheritance and the\n     *    layer, so it always wins;\n     * 2. the variables inherited from an ancestor, which is the context API: a\n     *    VButton sets them from its own size, and the icons inside follow;\n     * 3. 1em, which makes the icon follow the size of the text around it.\n     */\n    --icon-size: var(--vectis-icon-size, 1em);\n    --icon-opsz: var(--vectis-icon-opsz, 24);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    /* a ligature is text, so it is the font-size that sizes it */\n    font-size: var(--icon-size);\n  }\n\n  /* When the icon font has not loaded, a ligature shows as its own name in plain\n     text. Clipping keeps that text inside the square instead of letting it push the\n     layout apart. The rule is scoped to the ONE branch it protects rather than to\n     `.v-icon`: a third-party icon font may legitimately draw outside its 1em box,\n     and clipping everything would cut those glyphs. */\n  .v-icon:has(> .v-icon-symbol) {\n    overflow: hidden;\n  }\n\n  .v-icon-symbol {\n    font-family: var(--vectis-font-family-icon);\n    font-weight: var(--vectis-font-weight-regular);\n    font-style: normal;\n    line-height: var(--vectis-font-leading-none);\n    letter-spacing: normal;\n    text-transform: none;\n    white-space: nowrap;\n    direction: ltr;\n    /* The variable axes of the Material Symbols font. These numbers are the font's\n       own technical contract and not design decisions, which is why they are written\n       literally here rather than taken from tokens — the same tolerance as the\n       opacities. */\n    font-variation-settings:\n      'FILL' var(--icon-fill, 0),\n      'wght' 400,\n      'GRAD' 0,\n      'opsz' var(--icon-opsz);\n  }\n\n  .v-icon[data-filled] .v-icon-symbol {\n    --icon-fill: 1;\n  }\n\n  .v-icon-img,\n  .v-icon > svg {\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: contain;\n  }\n\n  /* An icon coming from a class-based font, as Font Awesome and Phosphor ship them:\n     the glyph is drawn by a `::before`, at the font-size `.v-icon` has set. Because\n     the design system renders this element itself rather than accepting the usual\n     `<i>`, one rule normalizes it for every such library — `font-style` undoes the\n     italics those conventions carry, and `line-height` stops the inherited line box\n     from pushing the glyph off centre. */\n  .v-icon-glyph {\n    display: block;\n    font-style: normal;\n    line-height: var(--vectis-font-leading-none);\n  }\n\n  /* An SVG drawn from the built-in icons. The fill is set on OUR class and never on\n     `.v-icon > svg`, so that a multicoloured SVG handed in through the slot keeps\n     its own colours instead of being flattened to the text colour. `display: block`\n     removes the gap an inline element leaves under its baseline. */\n  .v-icon-svg {\n    display: block;\n    fill: currentcolor;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/VIcon/VIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,99 @@
+import { ICON_VIEW_BOX as e } from "./icons/viewBox.js";
+import { resolveIcon as t } from "./resolver.js";
+import { Fragment as n, computed as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeProps as c, normalizeClass as l, normalizeProps as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h } from "vue";
+//#region src/components/VIcon/VIcon.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"data-icon",
+	"data-filled",
+	"role",
+	"aria-label",
+	"aria-hidden"
+], _ = ["viewBox"], v = ["d"], y = ["src"], b = ["src"], x = {
+	key: 2,
+	class: "v-icon-symbol"
+}, S = /*@__PURE__*/ s({
+	__name: "VIcon",
+	props: {
+		name: { default: void 0 },
+		render: { default: void 0 },
+		src: { default: void 0 },
+		size: { default: void 0 },
+		label: { default: void 0 },
+		filled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(s) {
+		let S = s;
+		function C(e) {
+			return "path" in e ? {
+				kind: "path",
+				path: e.path,
+				viewBox: e.viewBox ?? "0 -960 960 960"
+			} : "component" in e ? {
+				kind: "component",
+				component: e.component,
+				props: e.props
+			} : "src" in e ? {
+				kind: "src",
+				src: e.src
+			} : "text" in e ? {
+				kind: "text",
+				text: e.text,
+				class: e.class
+			} : {
+				kind: "class",
+				class: e.class
+			};
+		}
+		let w = r(() => typeof S.name == "string" ? S.name : S.name?.name), T = r(() => {
+			if (S.render) return C(S.render);
+			if (S.src !== void 0 || S.name === void 0) return;
+			let n = t(w.value, { filled: S.filled });
+			if (n) return C(n);
+			if (typeof S.name == "string") return;
+			let { paths: r } = S.name;
+			return {
+				kind: "path",
+				path: (S.filled ? r[1] : void 0) ?? r[0],
+				viewBox: e
+			};
+		});
+		return (e, t) => (f(), a("span", {
+			class: "v-icon",
+			style: d(s.size === void 0 ? void 0 : { "--vectis-icon-size": `${s.size}px` }),
+			"data-icon": w.value,
+			"data-filled": s.filled || void 0,
+			role: s.label ? "img" : void 0,
+			"aria-label": s.label,
+			"aria-hidden": s.label ? void 0 : "true"
+		}, [T.value ? (f(), a(n, { key: 0 }, [T.value.kind === "path" ? (f(), a("svg", {
+			key: 0,
+			class: "v-icon-svg",
+			viewBox: T.value.viewBox,
+			"aria-hidden": "true",
+			focusable: "false"
+		}, [o("path", { d: T.value.path }, null, 8, v)], 8, _)) : T.value.kind === "component" ? (f(), i(m(T.value.component), u(c({ key: 1 }, T.value.props)), null, 16)) : T.value.kind === "src" ? (f(), a("img", {
+			key: 2,
+			class: "v-icon-img",
+			src: T.value.src,
+			alt: ""
+		}, null, 8, y)) : T.value.kind === "text" ? (f(), a("span", {
+			key: 3,
+			class: l(["v-icon-symbol", T.value.class])
+		}, h(T.value.text), 3)) : (f(), a("span", {
+			key: 4,
+			class: l(["v-icon-glyph", T.value.class])
+		}, null, 2))], 64)) : s.src ? (f(), a("img", {
+			key: 1,
+			class: "v-icon-img",
+			src: s.src,
+			alt: ""
+		}, null, 8, b)) : s.name ? (f(), a("span", x, h(s.name), 1)) : p(e.$slots, "default", {}, void 0, void 0, 3)], 12, g));
+	}
+});
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=VIcon.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VIcon.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/VIcon/VIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n// @core\n/**\n * An icon, whatever the icons of the host application happen to be made of. The\n * component's real work is deciding WHERE the drawing comes from, and it asks in a\n * fixed order: an explicit render first, then an image address, then the name —\n * which is offered to the consumer's own resolver if one was installed, then to the\n * drawing the icon brought along with it, and finally to a ligature font. A raw SVG\n * can always be passed through the slot instead.\n *\n * That order IS the contract. The resolver is asked before the built-in drawing,\n * otherwise the design system's own icons would stay Material for a consumer who has\n * wired in their own library; and a resolver that answers `undefined` for a name\n * simply hands over to that drawing, which is what makes a PARTIAL mapping usable.\n *\n * It is what allows the design system to work with no icon font at all: the icons\n * the library draws by itself — crosses, chevrons, toast tones — are imported by the\n * components that render them and travel as a name AND its paths, so they depend on\n * nothing being installed, and a consumer downloads only the ones their components\n * actually draw. The ligature remains the fallback for every other name.\n *\n * Despite the `computed`, there is no behavioural JavaScript here: no event, no\n * lifecycle, no DOM. It is a pure choice of source, which the server and the browser\n * make identically.\n */\nimport { computed, type Component } from 'vue'\n\nimport { ICON_VIEW_BOX } from './icons/viewBox'\nimport { resolveIcon } from './resolver'\nimport type { BuiltinIcon, IconRender } from './types'\n\ninterface IconProps {\n  /**\n   * Which icon to draw. A plain string is a name: it is offered to the consumer's\n   * resolver and then left to the icon font as a ligature. One of the design\n   * system's own icons, imported from `vectis-ui/icons`, carries its drawing with\n   * it — the resolver is still asked first, and the drawing is what answers when\n   * nothing else does.\n   */\n  name?: string | BuiltinIcon\n  /**\n   * An explicit description of what to draw — an image, a component, a path, a class\n   * — which wins over everything else. This is the route every `IconSource` prop of\n   * the design system takes when it is given something other than a plain name.\n   */\n  render?: IconRender\n  /** The address of an image to use as the icon. It wins over `name`. */\n  src?: string\n  /**\n   * A size in pixels. Left out, the icon takes the size its context imposes — a\n   * button sets one for the icons inside it — and failing that 1em, which makes it\n   * follow the surrounding text.\n   */\n  size?: number\n  /**\n   * What the icon means, for screen readers. Leaving it out marks the icon as\n   * decorative and hides it from them, which is the right thing whenever the\n   * surrounding text already says what it says.\n   */\n  label?: string\n  /**\n   * Draws the filled version of the icon. The built-in icons honour it wherever\n   * filling actually changes the drawing, and the ligature font always does. It\n   * means nothing for an image or an inline SVG, whose shape is fixed.\n   */\n  filled?: boolean\n}\n\nconst props = withDefaults(defineProps<IconProps>(), {\n  name: undefined,\n  render: undefined,\n  src: undefined,\n  size: undefined,\n  label: undefined,\n  filled: false,\n})\n\ndefineSlots<{\n  /** An inline SVG, used when neither `src` nor `name` was given. */\n  default?(): unknown\n}>()\n\n/**\n * The chosen source, labelled with its kind. The public `IconRender` union carries\n * no such label — the consumer writes it by hand and has nothing to tag it with —\n * but the template needs one thing it can branch on reliably, and applying the tag\n * is also where the documented precedence between the shapes gets decided.\n */\ntype Resolved =\n  | { kind: 'path'; path: string; viewBox: string }\n  | { kind: 'component'; component: Component; props?: Record<string, unknown> }\n  | { kind: 'src'; src: string }\n  | { kind: 'text'; text: string; class?: string }\n  | { kind: 'class'; class: string }\n\nfunction tag(render: IconRender): Resolved {\n  if ('path' in render)\n    return { kind: 'path', path: render.path, viewBox: render.viewBox ?? ICON_VIEW_BOX }\n  if ('component' in render)\n    return { kind: 'component', component: render.component, props: render.props }\n  if ('src' in render) return { kind: 'src', src: render.src }\n  if ('text' in render) return { kind: 'text', text: render.text, class: render.class }\n  return { kind: 'class', class: render.class }\n}\n\n// @fallback — the ladder itself: every rung hands over to the next one, and the\n// ligature is the last resort, reached when neither the resolver nor the registry\n// recognized the name.\n/**\n * Works out what to draw: an explicit `render` if there is one, then the consumer's\n * resolver, then the icons built into the library. Answering `undefined` here is not\n * a failure — it means the template falls through to the image, the ligature or the\n * slot.\n */\n/**\n * The icon's identity: the name the resolver is asked for, and the one `data-icon`\n * records whatever the drawing turned out to come from.\n */\nconst iconName = computed(() => (typeof props.name === 'string' ? props.name : props.name?.name))\n\nconst resolved = computed<Resolved | undefined>(() => {\n  if (props.render) return tag(props.render)\n  if (props.src !== undefined || props.name === undefined) return undefined\n\n  const custom = resolveIcon(iconName.value!, { filled: props.filled })\n  if (custom) return tag(custom)\n\n  // A bare name has no drawing of its own, so it falls through to the ligature; only\n  // one of the library's own icons brings its paths along.\n  if (typeof props.name === 'string') return undefined\n\n  const { paths } = props.name\n  // A second path is only stored when filling actually changes the drawing, so most\n  // icons have one path and fall back to it (see icons.ts).\n  const path = (props.filled ? paths[1] : undefined) ?? paths[0]\n  return { kind: 'path', path, viewBox: ICON_VIEW_BOX }\n})\n</script>\n\n<template>\n  <span\n    class=\"v-icon\"\n    :style=\"size !== undefined ? { '--vectis-icon-size': `${size}px` } : undefined\"\n    :data-icon=\"iconName\"\n    :data-filled=\"filled || undefined\"\n    :role=\"label ? 'img' : undefined\"\n    :aria-label=\"label\"\n    :aria-hidden=\"label ? undefined : 'true'\"\n  >\n    <template v-if=\"resolved\">\n      <svg\n        v-if=\"resolved.kind === 'path'\"\n        class=\"v-icon-svg\"\n        :viewBox=\"resolved.viewBox\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <path :d=\"resolved.path\" />\n      </svg>\n      <component\n        :is=\"resolved.component\"\n        v-else-if=\"resolved.kind === 'component'\"\n        v-bind=\"resolved.props\"\n      />\n      <img v-else-if=\"resolved.kind === 'src'\" class=\"v-icon-img\" :src=\"resolved.src\" alt=\"\" />\n      <!-- The interpolation is written flush against the tags: a ligature is matched\n           on the exact text, and any surrounding whitespace would break it -->\n      <span v-else-if=\"resolved.kind === 'text'\" class=\"v-icon-symbol\" :class=\"resolved.class\">{{\n        resolved.text\n      }}</span>\n      <span v-else class=\"v-icon-glyph\" :class=\"resolved.class\" />\n    </template>\n    <img v-else-if=\"src\" class=\"v-icon-img\" :src=\"src\" alt=\"\" />\n    <span v-else-if=\"name\" class=\"v-icon-symbol\">{{ name }}</span>\n    <slot v-else />\n  </span>\n</template>\n\n<style>\n@layer vectis.components {\n  .v-icon {\n    /*\n     * How the size is settled, in order of priority:\n     * 1. the `size` prop, written inline on the element as --vectis-icon-size — a\n     *    declaration made on the element itself beats both inheritance and the\n     *    layer, so it always wins;\n     * 2. the variables inherited from an ancestor, which is the context API: a\n     *    VButton sets them from its own size, and the icons inside follow;\n     * 3. 1em, which makes the icon follow the size of the text around it.\n     */\n    --icon-size: var(--vectis-icon-size, 1em);\n    --icon-opsz: var(--vectis-icon-opsz, 24);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex: none;\n    inline-size: var(--icon-size);\n    block-size: var(--icon-size);\n    /* a ligature is text, so it is the font-size that sizes it */\n    font-size: var(--icon-size);\n  }\n\n  /* When the icon font has not loaded, a ligature shows as its own name in plain\n     text. Clipping keeps that text inside the square instead of letting it push the\n     layout apart. The rule is scoped to the ONE branch it protects rather than to\n     `.v-icon`: a third-party icon font may legitimately draw outside its 1em box,\n     and clipping everything would cut those glyphs. */\n  .v-icon:has(> .v-icon-symbol) {\n    overflow: hidden;\n  }\n\n  .v-icon-symbol {\n    font-family: var(--vectis-font-family-icon);\n    font-weight: var(--vectis-font-weight-regular);\n    font-style: normal;\n    line-height: var(--vectis-font-leading-none);\n    letter-spacing: normal;\n    text-transform: none;\n    white-space: nowrap;\n    direction: ltr;\n    /* The variable axes of the Material Symbols font. These numbers are the font's\n       own technical contract and not design decisions, which is why they are written\n       literally here rather than taken from tokens — the same tolerance as the\n       opacities. */\n    font-variation-settings:\n      'FILL' var(--icon-fill, 0),\n      'wght' 400,\n      'GRAD' 0,\n      'opsz' var(--icon-opsz);\n  }\n\n  .v-icon[data-filled] .v-icon-symbol {\n    --icon-fill: 1;\n  }\n\n  .v-icon-img,\n  .v-icon > svg {\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: contain;\n  }\n\n  /* An icon coming from a class-based font, as Font Awesome and Phosphor ship them:\n     the glyph is drawn by a `::before`, at the font-size `.v-icon` has set. Because\n     the design system renders this element itself rather than accepting the usual\n     `<i>`, one rule normalizes it for every such library — `font-style` undoes the\n     italics those conventions carry, and `line-height` stops the inherited line box\n     from pushing the glyph off centre. */\n  .v-icon-glyph {\n    display: block;\n    font-style: normal;\n    line-height: var(--vectis-font-leading-none);\n  }\n\n  /* An SVG drawn from the built-in icons. The fill is set on OUR class and never on\n     `.v-icon > svg`, so that a multicoloured SVG handed in through the slot keeps\n     its own colours instead of being flattened to the text colour. `display: block`\n     removes the gap an inline element leaves under its baseline. */\n  .v-icon-svg {\n    display: block;\n    fill: currentcolor;\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEA,IAAM,IAAQ;EA2Bd,SAAS,EAAI,GAA8B;GAOzC,OANI,UAAU,IACL;IAAE,MAAM;IAAQ,MAAM,EAAO;IAAM,SAAS,EAAO,WAAA;GAAyB,IACjF,eAAe,IACV;IAAE,MAAM;IAAa,WAAW,EAAO;IAAW,OAAO,EAAO;GAAM,IAC3E,SAAS,IAAe;IAAE,MAAM;IAAO,KAAK,EAAO;GAAI,IACvD,UAAU,IAAe;IAAE,MAAM;IAAQ,MAAM,EAAO;IAAM,OAAO,EAAO;GAAM,IAC7E;IAAE,MAAM;IAAS,OAAO,EAAO;GAAM;EAC9C;EAeA,IAAM,IAAW,QAAgB,OAAO,EAAM,QAAS,WAAW,EAAM,OAAO,EAAM,MAAM,IAAK,GAE1F,IAAW,QAAqC;GACpD,IAAI,EAAM,QAAQ,OAAO,EAAI,EAAM,MAAM;GACzC,IAAI,EAAM,QAAQ,KAAA,KAAa,EAAM,SAAS,KAAA,GAAW;GAEzD,IAAM,IAAS,EAAY,EAAS,OAAQ,EAAE,QAAQ,EAAM,OAAO,CAAC;GACpE,IAAI,GAAQ,OAAO,EAAI,CAAM;GAI7B,IAAI,OAAO,EAAM,QAAS,UAAU;GAEpC,IAAM,EAAE,aAAU,EAAM;GAIxB,OAAO;IAAE,MAAM;IAAQ,OADT,EAAM,SAAS,EAAM,KAAK,KAAA,MAAc,EAAM;IAC/B,SAAS;GAAc;EACtD,CAAC;yBAIC,EAmCO,QAAA;GAlCL,OAAM;GACL,OAAK,EAAE,EAAA,SAAS,KAAA,IAAoD,KAAA,IAA3C,EAAA,sBAAA,GAA8B,EAAA,KAAI,IAAA,CAAkB;GAC7E,aAAW,EAAA;GACX,eAAa,EAAA,UAAU,KAAA;GACvB,MAAM,EAAA,QAAK,QAAW,KAAA;GACtB,cAAY,EAAA;GACZ,eAAa,EAAA,QAAQ,KAAA,IAAS;MAEf,EAAA,SAAA,EAAA,GAAhB,EAsBW,GAAA,EAAA,KAAA,EAAA,GAAA,CApBD,EAAA,MAAS,SAAI,UAAA,EAAA,GADrB,EAQM,OAAA;;GANJ,OAAM;GACL,SAAS,EAAA,MAAS;GACnB,eAAY;GACZ,WAAU;MAEV,EAA2B,QAAA,EAApB,GAAG,EAAA,MAAS,KAAA,GAAA,MAAA,GAAA,CAAA,CAAA,GAAA,GAAA,CAAA,KAIR,EAAA,MAAS,SAAI,eAAA,EAAA,GAF1B,EAIE,EAHK,EAAA,MAAS,SAAS,GAAA,EAAA,EAAA,EAAA,KAAA,EAAA,GAEf,EAAA,MAAS,KAAK,CAAA,GAAA,MAAA,EAAA,KAER,EAAA,MAAS,SAAI,SAAA,EAAA,GAA7B,EAAyF,OAAA;;GAAhD,OAAM;GAAc,KAAK,EAAA,MAAS;GAAK,KAAI;oBAGnE,EAAA,MAAS,SAAI,UAAA,EAAA,GAA9B,EAES,QAAA;;GAFkC,OAAK,EAAA,CAAC,iBAAwB,EAAA,MAAS,KAAK,CAAA;OACrF,EAAA,MAAS,IAAI,GAAA,CAAA,MAAA,EAAA,GAEf,EAA4D,QAAA;;GAA/C,OAAK,EAAA,CAAC,gBAAuB,EAAA,MAAS,KAAK,CAAA;wBAE1C,EAAA,OAAA,EAAA,GAAhB,EAA4D,OAAA;;GAAvC,OAAM;GAAc,KAAK,EAAA;GAAK,KAAI;oBACtC,EAAA,QAAA,EAAA,GAAjB,EAA8D,QAA9D,GAA8D,EAAd,EAAA,IAAI,GAAA,CAAA,KACpD,EAAe,EAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA"}

package/dist/components/VIcon/iconProps.d.ts

@@ -0,0 +1,30 @@
+import { BuiltinIcon, IconRender, IconSource } from './types.js';
+/**
+ * Turns what a consumer wrote in an icon prop into the props VIcon expects. It is
+ * what every component of the design system calls before rendering an icon it was
+ * given.
+ *
+ * There is NO guesswork in the conversion: a plain string is ALWAYS a name, and an
+ * image or a component is declared explicitly as an object, `{ src: '/logo.svg' }`.
+ * That is what keeps the usual naming conventions — `mdi:close`, `fa6-solid:xmark` —
+ * reaching the resolver intact rather than being mistaken for addresses.
+ */
+export declare const iconProps: (icon: IconSource) => {
+    name: string | BuiltinIcon;
+    render?: undefined;
+} | {
+    render: IconRender;
+    name?: undefined;
+};
+/**
+ * A readable name for an icon, used as a last-resort accessible label when the
+ * consumer supplied none.
+ *
+ * It answers `undefined` as soon as the icon was DESCRIBED rather than named — an
+ * image, a component, a class — because such a description has no name to give and
+ * an `[object Object]` read out by a screen reader would be worse than silence.
+ * `useIconClickHandlers` is what warns the integrator when that happens on a control
+ * that needs a name. One of the library's own icons does carry its name, so it
+ * answers here exactly as the bare string used to.
+ */
+export declare const iconName: (icon: IconSource | undefined) => string | undefined;

package/dist/components/VIcon/iconProps.js

@@ -0,0 +1,6 @@
+//#region src/components/VIcon/iconProps.ts
+var e = (e) => "paths" in e, t = (t) => typeof t == "string" || e(t) ? { name: t } : { render: t }, n = (t) => typeof t == "string" ? t : t && e(t) ? t.name : void 0;
+//#endregion
+export { n as iconName, t as iconProps };
+
+//# sourceMappingURL=iconProps.js.map

package/dist/components/VIcon/iconProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconProps.js","names":[],"sources":["../../../src/components/VIcon/iconProps.ts"],"sourcesContent":["import type { BuiltinIcon, IconRender, IconSource } from './types'\n\n/**\n * Tells one of the library's own icons from something the consumer described by\n * hand. Only a `BuiltinIcon` carries `paths`, and the distinction matters: it is\n * what routes a built-in default to `name` — where the resolver still gets first\n * refusal — instead of to `render`, which wins outright and would silence it.\n */\nconst isBuiltinIcon = (icon: BuiltinIcon | IconRender): icon is BuiltinIcon => 'paths' in icon\n\n/**\n * Turns what a consumer wrote in an icon prop into the props VIcon expects. It is\n * what every component of the design system calls before rendering an icon it was\n * given.\n *\n * There is NO guesswork in the conversion: a plain string is ALWAYS a name, and an\n * image or a component is declared explicitly as an object, `{ src: '/logo.svg' }`.\n * That is what keeps the usual naming conventions — `mdi:close`, `fa6-solid:xmark` —\n * reaching the resolver intact rather than being mistaken for addresses.\n */\nexport const iconProps = (icon: IconSource) =>\n  typeof icon === 'string' || isBuiltinIcon(icon) ? { name: icon } : { render: icon }\n\n/**\n * A readable name for an icon, used as a last-resort accessible label when the\n * consumer supplied none.\n *\n * It answers `undefined` as soon as the icon was DESCRIBED rather than named — an\n * image, a component, a class — because such a description has no name to give and\n * an `[object Object]` read out by a screen reader would be worse than silence.\n * `useIconClickHandlers` is what warns the integrator when that happens on a control\n * that needs a name. One of the library's own icons does carry its name, so it\n * answers here exactly as the bare string used to.\n */\nexport const iconName = (icon: IconSource | undefined) =>\n  typeof icon === 'string' ? icon : icon && isBuiltinIcon(icon) ? icon.name : undefined\n"],"mappings":";AAQA,IAAM,KAAiB,MAAwD,WAAW,GAY7E,KAAa,MACxB,OAAO,KAAS,YAAY,EAAc,CAAI,IAAI,EAAE,MAAM,EAAK,IAAI,EAAE,QAAQ,EAAK,GAavE,KAAY,MACvB,OAAO,KAAS,WAAW,IAAO,KAAQ,EAAc,CAAI,IAAI,EAAK,OAAO,KAAA"}

package/dist/components/VIcon/icons/arrow_downward.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_downward`. */
+export declare const arrow_downward: {
+    readonly name: "arrow_downward";
+    readonly paths: readonly ["M440-313v-447q0-17 11.5-28.5T480-800q17 0 28.5 11.5T520-760v447l196-196q12-12 28-11.5t28 12.5q11 12 11.5 28T772-452L508-188q-6 6-13 8.5t-15 2.5q-8 0-15-2.5t-13-8.5L188-452q-11-11-11-27.5t11-28.5q12-12 28.5-12t28.5 12l195 195Z"];
+};

package/dist/components/VIcon/icons/arrow_downward.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_downward.ts
+var e = {
+	name: "arrow_downward",
+	paths: ["M440-313v-447q0-17 11.5-28.5T480-800q17 0 28.5 11.5T520-760v447l196-196q12-12 28-11.5t28 12.5q11 12 11.5 28T772-452L508-188q-6 6-13 8.5t-15 2.5q-8 0-15-2.5t-13-8.5L188-452q-11-11-11-27.5t11-28.5q12-12 28.5-12t28.5 12l195 195Z"]
+};
+//#endregion
+export { e as arrow_downward };
+
+//# sourceMappingURL=arrow_downward.js.map

package/dist/components/VIcon/icons/arrow_downward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_downward.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_downward.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_downward`. */\nexport const arrow_downward = {\n  name: 'arrow_downward',\n  paths: [\n    'M440-313v-447q0-17 11.5-28.5T480-800q17 0 28.5 11.5T520-760v447l196-196q12-12 28-11.5t28 12.5q11 12 11.5 28T772-452L508-188q-6 6-13 8.5t-15 2.5q-8 0-15-2.5t-13-8.5L188-452q-11-11-11-27.5t11-28.5q12-12 28.5-12t28.5 12l195 195Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAiB;CAC5B,MAAM;CACN,OAAO,CACL,mOACF;AACF"}

package/dist/components/VIcon/icons/arrow_downward_alt.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_downward_alt`. */
+export declare const arrow_downward_alt: {
+    readonly name: "arrow_downward_alt";
+    readonly paths: readonly ["M440-392v-328q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v328l116-116q11-11 28-11t28 11q11 11 11 28t-11 28L508-268q-12 12-28 12t-28-12L268-452q-11-11-11-28t11-28q11-11 28-11t28 11l116 116Z"];
+};

package/dist/components/VIcon/icons/arrow_downward_alt.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_downward_alt.ts
+var e = {
+	name: "arrow_downward_alt",
+	paths: ["M440-392v-328q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v328l116-116q11-11 28-11t28 11q11 11 11 28t-11 28L508-268q-12 12-28 12t-28-12L268-452q-11-11-11-28t11-28q11-11 28-11t28 11l116 116Z"]
+};
+//#endregion
+export { e as arrow_downward_alt };
+
+//# sourceMappingURL=arrow_downward_alt.js.map

package/dist/components/VIcon/icons/arrow_downward_alt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_downward_alt.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_downward_alt.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_downward_alt`. */\nexport const arrow_downward_alt = {\n  name: 'arrow_downward_alt',\n  paths: [\n    'M440-392v-328q0-17 11.5-28.5T480-760q17 0 28.5 11.5T520-720v328l116-116q11-11 28-11t28 11q11 11 11 28t-11 28L508-268q-12 12-28 12t-28-12L268-452q-11-11-11-28t11-28q11-11 28-11t28 11l116 116Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAqB;CAChC,MAAM;CACN,OAAO,CACL,gMACF;AACF"}

package/dist/components/VIcon/icons/arrow_drop_down.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_drop_down`. */
+export declare const arrow_drop_down: {
+    readonly name: "arrow_drop_down";
+    readonly paths: readonly ["M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z"];
+};

package/dist/components/VIcon/icons/arrow_drop_down.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_drop_down.ts
+var e = {
+	name: "arrow_drop_down",
+	paths: ["M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z"]
+};
+//#endregion
+export { e as arrow_drop_down };
+
+//# sourceMappingURL=arrow_drop_down.js.map

package/dist/components/VIcon/icons/arrow_drop_down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_drop_down.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_drop_down.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_drop_down`. */\nexport const arrow_drop_down = {\n  name: 'arrow_drop_down',\n  paths: [\n    'M459-381 314-526q-3-3-4.5-6.5T308-540q0-8 5.5-14t14.5-6h304q9 0 14.5 6t5.5 14q0 2-6 14L501-381q-5 5-10 7t-11 2q-6 0-11-2t-10-7Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAkB;CAC7B,MAAM;CACN,OAAO,CACL,iIACF;AACF"}

package/dist/components/VIcon/icons/arrow_drop_up.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_drop_up`. */
+export declare const arrow_drop_up: {
+    readonly name: "arrow_drop_up";
+    readonly paths: readonly ["M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z"];
+};

package/dist/components/VIcon/icons/arrow_drop_up.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_drop_up.ts
+var e = {
+	name: "arrow_drop_up",
+	paths: ["M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z"]
+};
+//#endregion
+export { e as arrow_drop_up };
+
+//# sourceMappingURL=arrow_drop_up.js.map

package/dist/components/VIcon/icons/arrow_drop_up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_drop_up.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_drop_up.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_drop_up`. */\nexport const arrow_drop_up = {\n  name: 'arrow_drop_up',\n  paths: [\n    'M328-400q-9 0-14.5-6t-5.5-14q0-2 6-14l145-145q5-5 10-7t11-2q6 0 11 2t10 7l145 145q3 3 4.5 6.5t1.5 7.5q0 8-5.5 14t-14.5 6H328Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAgB;CAC3B,MAAM;CACN,OAAO,CACL,+HACF;AACF"}

package/dist/components/VIcon/icons/arrow_left_alt.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_left_alt`. */
+export declare const arrow_left_alt: {
+    readonly name: "arrow_left_alt";
+    readonly paths: readonly ["m314-440 114 114q12 12 11.5 28T428-270q-12 12-28.5 12.5T371-269L188-452q-12-12-12-28t12-28l183-183q12-12 28.5-11.5T428-690q11 12 11.5 28T428-634L314-520h446q17 0 28.5 11.5T800-480q0 17-11.5 28.5T760-440H314Z"];
+};

package/dist/components/VIcon/icons/arrow_left_alt.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_left_alt.ts
+var e = {
+	name: "arrow_left_alt",
+	paths: ["m314-440 114 114q12 12 11.5 28T428-270q-12 12-28.5 12.5T371-269L188-452q-12-12-12-28t12-28l183-183q12-12 28.5-11.5T428-690q11 12 11.5 28T428-634L314-520h446q17 0 28.5 11.5T800-480q0 17-11.5 28.5T760-440H314Z"]
+};
+//#endregion
+export { e as arrow_left_alt };
+
+//# sourceMappingURL=arrow_left_alt.js.map

package/dist/components/VIcon/icons/arrow_left_alt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_left_alt.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_left_alt.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_left_alt`. */\nexport const arrow_left_alt = {\n  name: 'arrow_left_alt',\n  paths: [\n    'm314-440 114 114q12 12 11.5 28T428-270q-12 12-28.5 12.5T371-269L188-452q-12-12-12-28t12-28l183-183q12-12 28.5-11.5T428-690q11 12 11.5 28T428-634L314-520h446q17 0 28.5 11.5T800-480q0 17-11.5 28.5T760-440H314Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAiB;CAC5B,MAAM;CACN,OAAO,CACL,iNACF;AACF"}

package/dist/components/VIcon/icons/arrow_right_alt.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_right_alt`. */
+export declare const arrow_right_alt: {
+    readonly name: "arrow_right_alt";
+    readonly paths: readonly ["M646-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h446L532-634q-12-12-11.5-28t11.5-28q12-12 28.5-12.5T589-691l183 183q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L589-269q-12 12-28.5 11.5T532-270q-11-12-11.5-28t11.5-28l114-114Z"];
+};

package/dist/components/VIcon/icons/arrow_right_alt.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_right_alt.ts
+var e = {
+	name: "arrow_right_alt",
+	paths: ["M646-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h446L532-634q-12-12-11.5-28t11.5-28q12-12 28.5-12.5T589-691l183 183q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L589-269q-12 12-28.5 11.5T532-270q-11-12-11.5-28t11.5-28l114-114Z"]
+};
+//#endregion
+export { e as arrow_right_alt };
+
+//# sourceMappingURL=arrow_right_alt.js.map

package/dist/components/VIcon/icons/arrow_right_alt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_right_alt.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_right_alt.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_right_alt`. */\nexport const arrow_right_alt = {\n  name: 'arrow_right_alt',\n  paths: [\n    'M646-440H200q-17 0-28.5-11.5T160-480q0-17 11.5-28.5T200-520h446L532-634q-12-12-11.5-28t11.5-28q12-12 28.5-12.5T589-691l183 183q6 6 8.5 13t2.5 15q0 8-2.5 15t-8.5 13L589-269q-12 12-28.5 11.5T532-270q-11-12-11.5-28t11.5-28l114-114Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAkB;CAC7B,MAAM;CACN,OAAO,CACL,sOACF;AACF"}

package/dist/components/VIcon/icons/arrow_upward.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_upward`. */
+export declare const arrow_upward: {
+    readonly name: "arrow_upward";
+    readonly paths: readonly ["M440-647 244-451q-12 12-28 11.5T188-452q-11-12-11.5-28t11.5-28l264-264q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l264 264q11 11 11 27.5T772-452q-12 12-28.5 12T715-452L520-647v447q0 17-11.5 28.5T480-160q-17 0-28.5-11.5T440-200v-447Z"];
+};

package/dist/components/VIcon/icons/arrow_upward.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_upward.ts
+var e = {
+	name: "arrow_upward",
+	paths: ["M440-647 244-451q-12 12-28 11.5T188-452q-11-12-11.5-28t11.5-28l264-264q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l264 264q11 11 11 27.5T772-452q-12 12-28.5 12T715-452L520-647v447q0 17-11.5 28.5T480-160q-17 0-28.5-11.5T440-200v-447Z"]
+};
+//#endregion
+export { e as arrow_upward };
+
+//# sourceMappingURL=arrow_upward.js.map

package/dist/components/VIcon/icons/arrow_upward.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_upward.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_upward.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_upward`. */\nexport const arrow_upward = {\n  name: 'arrow_upward',\n  paths: [\n    'M440-647 244-451q-12 12-28 11.5T188-452q-11-12-11.5-28t11.5-28l264-264q6-6 13-8.5t15-2.5q8 0 15 2.5t13 8.5l264 264q11 11 11 27.5T772-452q-12 12-28.5 12T715-452L520-647v447q0 17-11.5 28.5T480-160q-17 0-28.5-11.5T440-200v-447Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAe;CAC1B,MAAM;CACN,OAAO,CACL,kOACF;AACF"}

package/dist/components/VIcon/icons/arrow_upward_alt.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `arrow_upward_alt`. */
+export declare const arrow_upward_alt: {
+    readonly name: "arrow_upward_alt";
+    readonly paths: readonly ["M440-608 324-492q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L520-608v328q0 17-11.5 28.5T480-240q-17 0-28.5-11.5T440-280v-328Z"];
+};

package/dist/components/VIcon/icons/arrow_upward_alt.js

@@ -0,0 +1,9 @@
+//#region src/components/VIcon/icons/arrow_upward_alt.ts
+var e = {
+	name: "arrow_upward_alt",
+	paths: ["M440-608 324-492q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L520-608v328q0 17-11.5 28.5T480-240q-17 0-28.5-11.5T440-280v-328Z"]
+};
+//#endregion
+export { e as arrow_upward_alt };
+
+//# sourceMappingURL=arrow_upward_alt.js.map

package/dist/components/VIcon/icons/arrow_upward_alt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow_upward_alt.js","names":[],"sources":["../../../../src/components/VIcon/icons/arrow_upward_alt.ts"],"sourcesContent":["/*\n * GENERATED FILE — do not edit by hand.\n * Regenerate: pnpm icons  ·  Source: scripts/build-icons.ts\n *\n * Material Symbols Rounded (wght 400 · GRAD 0 · opsz 24)\n * google/material-design-icons @ 528cb964c01fb2b09bc3b9208f82b6d8f8c1c1e2\n * Apache-2.0 licence © Google.\n */\nimport type { BuiltinIcon } from '../types'\n\n/** Material Symbols Rounded `arrow_upward_alt`. */\nexport const arrow_upward_alt = {\n  name: 'arrow_upward_alt',\n  paths: [\n    'M440-608 324-492q-11 11-28 11t-28-11q-11-11-11-28t11-28l184-184q12-12 28-12t28 12l184 184q11 11 11 28t-11 28q-11 11-28 11t-28-11L520-608v328q0 17-11.5 28.5T480-240q-17 0-28.5-11.5T440-280v-328Z',\n  ],\n} as const satisfies BuiltinIcon\n"],"mappings":";AAWA,IAAa,IAAmB;CAC9B,MAAM;CACN,OAAO,CACL,mMACF;AACF"}

package/dist/components/VIcon/icons/attach_file.d.ts

@@ -0,0 +1,5 @@
+/** Material Symbols Rounded `attach_file`. */
+export declare const attach_file: {
+    readonly name: "attach_file";
+    readonly paths: readonly ["M720-330q0 104-73 177T470-80q-104 0-177-73t-73-177v-370q0-75 52.5-127.5T400-880q75 0 127.5 52.5T580-700v350q0 46-32 78t-78 32q-46 0-78-32t-32-78v-330q0-17 11.5-28.5T400-720q17 0 28.5 11.5T440-680v330q0 13 8.5 21.5T470-320q13 0 21.5-8.5T500-350v-350q-1-42-29.5-71T400-800q-42 0-71 29t-29 71v370q-1 71 49 120.5T470-160q70 0 119-49.5T640-330v-350q0-17 11.5-28.5T680-720q17 0 28.5 11.5T720-680v350Z"];
+};