@inkbar/vue 0.1.1 → 0.3.0

package/dist/components/InkRoot.vue.d.ts

@@ -84,8 +84,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "note";
-        icon: "note" | "comment" | "help" | "insert" | "key" | "paragraph";
+        type: "text";
+        icon: "comment" | "note" | "help" | "insert" | "key" | "paragraph";
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -105,13 +105,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "freeText";
-        text: string;
+        type: "freetext";
+        contents: string;
         fontSize: number;
         fontFamily: string;
         align: "left" | "center" | "right";
         author?: string | undefined;
-        contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
@@ -134,13 +133,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "square" | "circle";
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -164,13 +163,14 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         };
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        endings?: ["square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash", "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash"] | undefined;
+        head?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
+        tail?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
     } | {
         id: string;
         page: number;
@@ -190,13 +190,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         }[];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -212,11 +212,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "ink";
-        paths: {
+        inklist: {
             x: number;
             y: number;
         }[][];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -238,7 +238,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         source: "session" | "pdf";
         type: "redact";
         origin: "user" | "suggested";
-        fill: string;
+        interiorColor: string;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -331,8 +331,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "note";
-        icon: "note" | "comment" | "help" | "insert" | "key" | "paragraph";
+        type: "text";
+        icon: "comment" | "note" | "help" | "insert" | "key" | "paragraph";
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -352,13 +352,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "freeText";
-        text: string;
+        type: "freetext";
+        contents: string;
         fontSize: number;
         fontFamily: string;
         align: "left" | "center" | "right";
         author?: string | undefined;
-        contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
@@ -381,13 +380,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "square" | "circle";
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -411,13 +410,14 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         };
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        endings?: ["square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash", "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash"] | undefined;
+        head?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
+        tail?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
     } | {
         id: string;
         page: number;
@@ -437,13 +437,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         }[];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -459,11 +459,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "ink";
-        paths: {
+        inklist: {
             x: number;
             y: number;
         }[][];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -485,7 +485,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         source: "session" | "pdf";
         type: "redact";
         origin: "user" | "suggested";
-        fill: string;
+        interiorColor: string;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -581,8 +581,8 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "note";
-        icon: "note" | "comment" | "help" | "insert" | "key" | "paragraph";
+        type: "text";
+        icon: "comment" | "note" | "help" | "insert" | "key" | "paragraph";
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -602,13 +602,12 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         createdAt: string;
         modifiedAt: string;
         source: "session" | "pdf";
-        type: "freeText";
-        text: string;
+        type: "freetext";
+        contents: string;
         fontSize: number;
         fontFamily: string;
         align: "left" | "center" | "right";
         author?: string | undefined;
-        contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
@@ -631,13 +630,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "square" | "circle";
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -661,13 +660,14 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         };
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        endings?: ["square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash", "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash"] | undefined;
+        head?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
+        tail?: "square" | "circle" | "none" | "openArrow" | "closedArrow" | "diamond" | "butt" | "slash" | undefined;
     } | {
         id: string;
         page: number;
@@ -687,13 +687,13 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
             x: number;
             y: number;
         }[];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
         locked?: boolean | undefined;
         custom?: Record<string, unknown> | undefined;
-        fill?: string | undefined;
+        interiorColor?: string | undefined;
     } | {
         id: string;
         page: number;
@@ -709,11 +709,11 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         modifiedAt: string;
         source: "session" | "pdf";
         type: "ink";
-        paths: {
+        inklist: {
             x: number;
             y: number;
         }[][];
-        strokeWidth: number;
+        width: number;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;
@@ -735,7 +735,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
         source: "session" | "pdf";
         type: "redact";
         origin: "user" | "suggested";
-        fill: string;
+        interiorColor: string;
         author?: string | undefined;
         contents?: string | undefined;
         inReplyTo?: string | undefined;

package/dist/components/InkToolButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkToolButton.js","names":["_sfc_main","InkToolButton_vue_vue_type_script_setup_true_lang_default","InkToolButton_default"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport type { ToolId } from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\">{{ name }}</slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}
+{"version":3,"file":"InkToolButton.js","names":["_sfc_main","InkToolButton_vue_vue_type_script_setup_true_lang_default","InkToolButton_default"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { Hand, Highlighter, MessageSquare, MousePointer2, Square } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { ToolId } from '@inkbar/core/dom'\nimport type { IconNode } from '@inkbar/icons'\n\nconst ICONS: Readonly<Record<ToolId, IconNode>> = {\n  view: Hand,\n  select: MousePointer2,\n  highlight: Highlighter,\n  'redact-area': Square,\n  note: MessageSquare,\n}\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\"><InkIcon :icon=\"ICONS[tool]\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

package/dist/components/InkToolButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkToolButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolButton.vue"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAG9C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA2DnF,QAAA,IAAI,OAAO;;;CAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InkToolButton.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolButton.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AAY9C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAqEnF,QAAA,IAAI,OAAO;;;CAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InkToolButton.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,11 @@
 import { useTool as e } from "../composables/useTool.js";
-import { computed as t, createBlock as n, createTextVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l, withCtx as u } from "vue";
+import t from "./InkIcon.js";
+import { computed as n, createBlock as r, createVNode as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, withCtx as u } from "vue";
 import { TOOL_LABELS as d } from "@inkbar/core/dom";
 import { ToolbarButton as f } from "reka-ui";
+import { Hand as p, Highlighter as m, MessageSquare as h, MousePointer2 as g, Square as _ } from "@inkbar/icons";
 //#region src/components/InkToolButton.vue?vue&type=script&setup=true&lang.ts
-var p = /*@__PURE__*/ i({
+var v = /*@__PURE__*/ a({
 	__name: "InkToolButton",
 	props: {
 		tool: {},
@@ -13,24 +15,30 @@ var p = /*@__PURE__*/ i({
 			default: !1
 		}
 	},
-	setup(i) {
-		let p = i, { tool: m, setTool: h } = e(), g = t(() => m.value === p.tool), _ = t(() => p.label ?? d[p.tool]), v = t(() => ({
-			"aria-pressed": String(g.value),
-			"aria-label": _.value,
-			title: _.value,
-			onClick: () => h(p.tool)
+	setup(a) {
+		let v = {
+			view: p,
+			select: g,
+			highlight: m,
+			"redact-area": _,
+			note: h
+		}, y = a, { tool: b, setTool: x } = e(), S = n(() => b.value === y.tool), C = n(() => y.label ?? d[y.tool]), w = n(() => ({
+			"aria-pressed": String(S.value),
+			"aria-label": C.value,
+			title: C.value,
+			onClick: () => x(y.tool)
 		}));
-		return (e, t) => (o(), n(l(f), a({
-			"as-child": i.asChild,
+		return (e, n) => (s(), r(l(f), o({
+			"as-child": a.asChild,
 			class: "ink-tool-button",
 			"data-ink-tool-button": "",
-			"data-tool": i.tool,
-			"data-state": g.value ? "on" : "off"
-		}, v.value), {
-			default: u(() => [s(e.$slots, "default", {
-				active: g.value,
-				label: _.value
-			}, () => [r(c(_.value), 1)])]),
+			"data-tool": a.tool,
+			"data-state": S.value ? "on" : "off"
+		}, w.value), {
+			default: u(() => [c(e.$slots, "default", {
+				active: S.value,
+				label: C.value
+			}, () => [i(t, { icon: v[a.tool] }, null, 8, ["icon"])])]),
 			_: 3
 		}, 16, [
 			"as-child",
@@ -40,6 +48,6 @@ var p = /*@__PURE__*/ i({
 	}
 });
 //#endregion
-export { p as default };
+export { v as default };
 
 //# sourceMappingURL=InkToolButton.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InkToolButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createTextVNode","_toDisplayString","InkToolButton_vue_vue_type_script_setup_true_lang_default","props","__props","current","useTool","active","computed","name","TOOL_LABELS","attrs","setTool","openBlock","createBlock","unref","ToolbarButton","mergeProps","withCtx","renderSlot","_ctx","createTextVNode","toDisplayString"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport type { ToolId } from '@inkbar/core/dom'\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\">{{ name }}</slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EASA,IAAMS,IAAQC,GAKR,EAAE,MAAMC,GAAS,eAAYC,EAAQ,GACrCC,IAASC,QAAeH,EAAQ,UAAUF,EAAM,IAAI,GACpDM,IAAOD,QAAeL,EAAM,SAASO,EAAYP,EAAM,KAAK,GAE5DQ,IAAQH,SAAgB;GAC5B,gBAAgB,OAAOD,EAAO,KAAK;GACnC,cAAcE,EAAK;GACnB,OAAOA,EAAK;GACZ,eAAeG,EAAQT,EAAM,IAAI;EACnC,EAAE;oBAIAT,EAAA,GAAAC,EASgBC,EAAAoB,CAAA,GAThBnB,EASgB;GARb,YAAUO,EAAA;GACX,OAAM;GACN,wBAAA;GACC,aAAWA,EAAA;GACX,cAAYG,EAAA,QAAM,OAAA;EACX,GAAAI,EAAA,KAAK,GAAA;GAEb,SAAAb,QAAsD,CAAtDC,EAAsDqB,EAAA,QAAA,WAAA;IAA/C,QAAQb,EAAA;IAAS,OAAOE,EAAA;GAA/B,SAAsD,CAAdT,EAAAC,EAAAQ,EAAA,KAAI,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"InkToolButton.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkToolButton_vue_vue_type_script_setup_true_lang_default","ICONS","Hand","MousePointer2","Highlighter","Square","MessageSquare","props","__props","current","useTool","active","computed","name","TOOL_LABELS","attrs","setTool","openBlock","createBlock","unref","ToolbarButton","mergeProps","withCtx","renderSlot","_ctx","createVNode"],"sources":["../../src/components/InkToolButton.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TOOL_LABELS } from '@inkbar/core/dom'\nimport { Hand, Highlighter, MessageSquare, MousePointer2, Square } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { useTool } from '../composables/useTool'\n\nimport InkIcon from './InkIcon.vue'\n\nimport type { ToolId } from '@inkbar/core/dom'\nimport type { IconNode } from '@inkbar/icons'\n\nconst ICONS: Readonly<Record<ToolId, IconNode>> = {\n  view: Hand,\n  select: MousePointer2,\n  highlight: Highlighter,\n  'redact-area': Square,\n  note: MessageSquare,\n}\n\nconst props = withDefaults(\n  defineProps<{ tool: ToolId; label?: string | undefined; asChild?: boolean }>(),\n  { label: undefined, asChild: false }\n)\n\nconst { tool: current, setTool } = useTool()\nconst active = computed(() => current.value === props.tool)\nconst name = computed(() => props.label ?? TOOL_LABELS[props.tool])\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = computed(() => ({\n  'aria-pressed': String(active.value),\n  'aria-label': name.value,\n  title: name.value,\n  onClick: () => setTool(props.tool),\n}))\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-tool-button\"\n    data-ink-tool-button\n    :data-tool=\"tool\"\n    :data-state=\"active ? 'on' : 'off'\"\n    v-bind=\"attrs\"\n  >\n    <slot :active=\"active\" :label=\"name\"><InkIcon :icon=\"ICONS[tool]\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAaA,IAAMU,IAA4C;GAChD,MAAMC;GACN,QAAQC;GACR,WAAWC;GACX,eAAeC;GACf,MAAMC;EACR,GAEMC,IAAQC,GAKR,EAAE,MAAMC,GAAS,eAAYC,EAAQ,GACrCC,IAASC,QAAeH,EAAQ,UAAUF,EAAM,IAAI,GACpDM,IAAOD,QAAeL,EAAM,SAASO,EAAYP,EAAM,KAAK,GAE5DQ,IAAQH,SAAgB;GAC5B,gBAAgB,OAAOD,EAAO,KAAK;GACnC,cAAcE,EAAK;GACnB,OAAOA,EAAK;GACZ,eAAeG,EAAQT,EAAM,IAAI;EACnC,EAAE;oBAIAhB,EAAA,GAAAC,EASgBC,EAAA2B,CAAA,GAThB1B,EASgB;GARb,YAAUc,EAAA;GACX,OAAM;GACN,wBAAA;GACC,aAAWA,EAAA;GACX,cAAYG,EAAA,QAAM,OAAA;EACX,GAAAI,EAAA,KAAK,GAAA;GAEb,SAAApB,QAA2E,CAA3EC,EAA2E4B,EAAA,QAAA,WAAA;IAApE,QAAQb,EAAA;IAAS,OAAOE,EAAA;GAA/B,SAA2E,CAAtChB,EAA+BC,GAAA,EAArB,MAAMG,EAAMO,EAAA,MAAA,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkToolbarSeparator.js

@@ -0,0 +1,7 @@
+import e from "./InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/InkToolbarSeparator.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=InkToolbarSeparator.js.map

package/dist/components/InkToolbarSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.js","names":["_sfc_main","InkToolbarSeparator_vue_vue_type_script_setup_true_lang_default","InkToolbarSeparator_default"],"sources":["../../src/components/InkToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* A divider between groups of controls in a horizontal toolbar. Not focusable. */\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"ink-toolbar-separator\"\n    data-ink-toolbar-separator\n  />\n</template>\n"],"mappings":""}

package/dist/components/InkToolbarSeparator.vue.d.ts

@@ -0,0 +1,4 @@
+declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InkToolbarSeparator.vue.d.ts.map

package/dist/components/InkToolbarSeparator.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkToolbarSeparator.vue"],"names":[],"mappings":"AA6BA,QAAA,MAAM,YAAY,+QAChB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,17 @@
+import { createElementBlock as e, defineComponent as t, openBlock as n } from "vue";
+//#region src/components/InkToolbarSeparator.vue?vue&type=script&setup=true&lang.ts
+var r = {
+	role: "separator",
+	"aria-orientation": "vertical",
+	class: "ink-toolbar-separator",
+	"data-ink-toolbar-separator": ""
+}, i = /*@__PURE__*/ t({
+	__name: "InkToolbarSeparator",
+	setup(t) {
+		return (t, i) => (n(), e("div", r));
+	}
+});
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkToolbarSeparator.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_hoisted_1","InkToolbarSeparator_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock"],"sources":["../../src/components/InkToolbarSeparator.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/* A divider between groups of controls in a horizontal toolbar. Not focusable. */\n</script>\n\n<template>\n  <div\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"ink-toolbar-separator\"\n    data-ink-toolbar-separator\n  />\n</template>\n"],"mappings":";;;;;;;;;;oBAKEA,EAAA,GAAAC,EAKE,OALFC,CAKE"}

package/dist/components/InkUndo.js

@@ -0,0 +1,7 @@
+import e from "./InkUndo.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/InkUndo.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=InkUndo.js.map

package/dist/components/InkUndo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkUndo.js","names":["_sfc_main","InkUndo_vue_vue_type_script_setup_true_lang_default","InkUndo_default"],"sources":["../../src/components/InkUndo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Undo2 } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useHistory } from '../composables/useHistory'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { canUndo, undo } = useHistory()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Undo',\n  title: 'Undo',\n  onClick: () => undo(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"!canUndo\"\n    class=\"ink-undo\"\n    data-ink-undo\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"Undo2\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

package/dist/components/InkUndo.vue.d.ts

@@ -0,0 +1,19 @@
+type __VLS_Props = {
+    asChild?: boolean;
+};
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    asChild: 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;
+    };
+};
+//# sourceMappingURL=InkUndo.vue.d.ts.map

package/dist/components/InkUndo.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkUndo.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkUndo.vue"],"names":[],"mappings":"AAuCA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAyDzC,QAAA,IAAI,OAAO,IAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InkUndo.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { useHistory as e } from "../composables/useHistory.js";
+import t from "./InkIcon.js";
+import { createBlock as n, createVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { ToolbarButton as u } from "reka-ui";
+import { Undo2 as d } from "@inkbar/icons";
+//#region src/components/InkUndo.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	__name: "InkUndo",
+	props: { asChild: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(i) {
+		let { canUndo: f, undo: p } = e(), m = {
+			"aria-label": "Undo",
+			title: "Undo",
+			onClick: () => p()
+		};
+		return (e, p) => (o(), n(c(u), a({
+			"as-child": i.asChild,
+			disabled: !c(f),
+			class: "ink-undo",
+			"data-ink-undo": ""
+		}, m), {
+			default: l(() => [s(e.$slots, "default", {}, () => [r(t, { icon: c(d) }, null, 8, ["icon"])])]),
+			_: 3
+		}, 16, ["as-child", "disabled"]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=InkUndo.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkUndo.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkUndo_vue_vue_type_script_setup_true_lang_default","useHistory","attrs","undo","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","canUndo","withCtx","renderSlot","_ctx","createVNode","Undo2"],"sources":["../../src/components/InkUndo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Undo2 } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useHistory } from '../composables/useHistory'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { canUndo, undo } = useHistory()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Undo',\n  title: 'Undo',\n  onClick: () => undo(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"!canUndo\"\n    class=\"ink-undo\"\n    data-ink-undo\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"Undo2\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;EASA,IAAM,EAAE,YAAS,YAASU,EAAW,GAE/BC,IAAQ;GACZ,cAAc;GACd,OAAO;GACP,eAAeC,EAAK;EACtB;oBAIEZ,EAAA,GAAAC,EAQgBC,EAAAc,CAAA,GARhBb,EAQgB;GAPb,YAAUe,EAAA;GACV,UAAQ,CAAGhB,EAAAiB,CAAA;GACZ,OAAM;GACN,iBAAA;EACQ,GAAAR,CAAK,GAAA;GAEb,SAAAP,QAAsC,CAAtCC,EAAsCiB,EAAA,QAAA,WAAA,CAAA,SAAA,CAAhChB,EAAyBC,GAAA,EAAf,MAAML,EAAAsB,CAAA,EAAK,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkZoomIn.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkZoomIn.js","names":["_sfc_main","InkZoomIn_vue_vue_type_script_setup_true_lang_default","InkZoomIn_default"],"sources":["../../src/components/InkZoomIn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomIn } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom in',\n  title: 'Zoom in',\n  onClick: () => zoomIn(),\n}\n</script>\n\n<template>\n  <ToolbarButton :as-child=\"asChild\" class=\"ink-zoom-in\" data-ink-zoom-in v-bind=\"attrs\">\n    <slot>+</slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}
+{"version":3,"file":"InkZoomIn.js","names":["_sfc_main","InkZoomIn_vue_vue_type_script_setup_true_lang_default","InkZoomIn_default"],"sources":["../../src/components/InkZoomIn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ZoomIn } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomIn } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom in',\n  title: 'Zoom in',\n  onClick: () => zoomIn(),\n}\n</script>\n\n<template>\n  <ToolbarButton :as-child=\"asChild\" class=\"ink-zoom-in\" data-ink-zoom-in v-bind=\"attrs\">\n    <slot><InkIcon :icon=\"ZoomIn\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

package/dist/components/InkZoomIn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkZoomIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkZoomIn.vue"],"names":[],"mappings":"AA2BA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6CzC,QAAA,IAAI,OAAO,IAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InkZoomIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkZoomIn.vue"],"names":[],"mappings":"AAiCA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAsDzC,QAAA,IAAI,OAAO,IAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/InkZoomIn.vue_vue_type_script_setup_true_lang.js

@@ -1,30 +1,32 @@
 import { useZoom as e } from "../composables/useZoom.js";
-import { createBlock as t, createTextVNode as n, defineComponent as r, mergeProps as i, openBlock as a, renderSlot as o, unref as s, withCtx as c } from "vue";
-import { ToolbarButton as l } from "reka-ui";
+import t from "./InkIcon.js";
+import { createBlock as n, createVNode as r, defineComponent as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, withCtx as l } from "vue";
+import { ToolbarButton as u } from "reka-ui";
+import { ZoomIn as d } from "@inkbar/icons";
 //#region src/components/InkZoomIn.vue?vue&type=script&setup=true&lang.ts
-var u = /*@__PURE__*/ r({
+var f = /*@__PURE__*/ i({
 	__name: "InkZoomIn",
 	props: { asChild: {
 		type: Boolean,
 		default: !1
 	} },
-	setup(r) {
-		let { zoomIn: u } = e(), d = {
+	setup(i) {
+		let { zoomIn: f } = e(), p = {
 			"aria-label": "Zoom in",
 			title: "Zoom in",
-			onClick: () => u()
+			onClick: () => f()
 		};
-		return (e, u) => (a(), t(s(l), i({
-			"as-child": r.asChild,
+		return (e, f) => (o(), n(c(u), a({
+			"as-child": i.asChild,
 			class: "ink-zoom-in",
 			"data-ink-zoom-in": ""
-		}, d), {
-			default: c(() => [o(e.$slots, "default", {}, () => [u[0] ||= n("+", -1)])]),
+		}, p), {
+			default: l(() => [s(e.$slots, "default", {}, () => [r(t, { icon: c(d) }, null, 8, ["icon"])])]),
 			_: 3
 		}, 16, ["as-child"]));
 	}
 });
 //#endregion
-export { u as default };
+export { f as default };
 
 //# sourceMappingURL=InkZoomIn.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InkZoomIn.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createTextVNode","InkZoomIn_vue_vue_type_script_setup_true_lang_default","useZoom","attrs","zoomIn","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","withCtx","renderSlot","_ctx","_cache","createTextVNode"],"sources":["../../src/components/InkZoomIn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomIn } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom in',\n  title: 'Zoom in',\n  onClick: () => zoomIn(),\n}\n</script>\n\n<template>\n  <ToolbarButton :as-child=\"asChild\" class=\"ink-zoom-in\" data-ink-zoom-in v-bind=\"attrs\">\n    <slot>+</slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;EAMA,IAAM,EAAE,cAAWQ,EAAQ,GAErBC,IAAQ;GACZ,cAAc;GACd,OAAO;GACP,eAAeC,EAAO;EACxB;oBAIEV,EAAA,GAAAC,EAEgBC,EAAAY,CAAA,GAFhBX,EAEgB;GAFA,YAAUa,EAAA;GAAS,OAAM;GAAc,oBAAA;EAAyB,GAAAP,CAAK,GAAA;GACnF,SAAAL,QAAc,CAAdC,EAAcc,EAAA,QAAA,WAAA,CAAA,SAAA,CAAR,AAAAC,EAAA,OAAAd,EAAA,KAAC,EAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"InkZoomIn.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkZoomIn_vue_vue_type_script_setup_true_lang_default","useZoom","attrs","zoomIn","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","withCtx","renderSlot","_ctx","createVNode","ZoomIn"],"sources":["../../src/components/InkZoomIn.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ZoomIn } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomIn } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom in',\n  title: 'Zoom in',\n  onClick: () => zoomIn(),\n}\n</script>\n\n<template>\n  <ToolbarButton :as-child=\"asChild\" class=\"ink-zoom-in\" data-ink-zoom-in v-bind=\"attrs\">\n    <slot><InkIcon :icon=\"ZoomIn\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;EASA,IAAM,EAAE,cAAWU,EAAQ,GAErBC,IAAQ;GACZ,cAAc;GACd,OAAO;GACP,eAAeC,EAAO;EACxB;oBAIEZ,EAAA,GAAAC,EAEgBC,EAAAc,CAAA,GAFhBb,EAEgB;GAFA,YAAUe,EAAA;GAAS,OAAM;GAAc,oBAAA;EAAyB,GAAAP,CAAK,GAAA;GACnF,SAAAP,QAAuC,CAAvCC,EAAuCgB,EAAA,QAAA,WAAA,CAAA,SAAA,CAAjCf,EAA0BC,GAAA,EAAhB,MAAML,EAAAqB,CAAA,EAAM,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkZoomOut.js.map

@@ -1 +1 @@
-{"version":3,"file":"InkZoomOut.js","names":["_sfc_main","InkZoomOut_vue_vue_type_script_setup_true_lang_default","InkZoomOut_default"],"sources":["../../src/components/InkZoomOut.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomOut } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom out',\n  title: 'Zoom out',\n  onClick: () => zoomOut(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-zoom-out\"\n    data-ink-zoom-out\n    v-bind=\"attrs\"\n  >\n    <slot>−</slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}
+{"version":3,"file":"InkZoomOut.js","names":["_sfc_main","InkZoomOut_vue_vue_type_script_setup_true_lang_default","InkZoomOut_default"],"sources":["../../src/components/InkZoomOut.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ZoomOut } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\n\nimport { useZoom } from '../composables/useZoom'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { zoomOut } = useZoom()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Zoom out',\n  title: 'Zoom out',\n  onClick: () => zoomOut(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    class=\"ink-zoom-out\"\n    data-ink-zoom-out\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"ZoomOut\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

package/dist/components/InkZoomOut.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InkZoomOut.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkZoomOut.vue"],"names":[],"mappings":"AAgCA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AA6CzC,QAAA,IAAI,OAAO,IAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"InkZoomOut.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkZoomOut.vue"],"names":[],"mappings":"AAsCA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAsDzC,QAAA,IAAI,OAAO,IAAW,CAAC;AACvB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAG/C,QAAA,MAAM,UAAU;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}