@inkbar/vue 0.1.1 → 0.2.0

package/README.md

@@ -20,7 +20,7 @@
 
 ---
 
-Drop a PDF viewer into your Vue app and let people highlight text, leave notes with replies and review redactions. `@inkbar/vue` gives you a default toolbar and popovers styled by `@inkbar/theme`, plus the unstyled components and composables they are made from, so you can keep the defaults or build your own UI.
+Drop a PDF viewer into your Vue app and let people highlight text, leave notes with replies and review redactions. `@inkbar/vue` gives you components and composables to build your own toolbars, plus note and suggestion popovers, all styled by `@inkbar/theme`.
 
 Annotations are plain typed objects. Bind them with `v-model` to keep them in your own state, or let Inkbar hold them with undo and redo.
 
@@ -40,7 +40,16 @@ import { ref } from 'vue'
 import {
   InkRoot,
   InkViewport,
-  DefaultToolbar,
+  InkToolbar,
+  InkToolButton,
+  InkToolbarSeparator,
+  InkUndo,
+  InkRedo,
+  InkPrevPage,
+  InkPageInput,
+  InkPageCount,
+  InkNextPage,
+  InkZoomSelect,
   InkNotePopover,
   InkSuggestionCard,
 } from '@inkbar/vue'
@@ -59,14 +68,31 @@ const annotations = ref<Annotation[]>([])
     :assets="assets"
     v-model:annotations="annotations"
   >
-    <DefaultToolbar />
+    <InkToolbar>
+      <InkToolButton tool="select" />
+      <InkToolButton tool="highlight" />
+      <InkToolButton tool="redact-area" />
+      <InkToolButton tool="note" />
+      <InkToolbarSeparator />
+      <InkUndo />
+      <InkRedo />
+    </InkToolbar>
     <InkViewport />
+    <InkToolbar label="Page and zoom">
+      <InkPrevPage />
+      <InkPageInput />
+      <InkPageCount />
+      <InkNextPage />
+      <InkZoomSelect />
+    </InkToolbar>
     <InkNotePopover />
     <InkSuggestionCard />
   </InkRoot>
 </template>
 ```
 
+Each control is a separate component, so put them in any order or leave some out. Buttons show icons from `@inkbar/icons`. Put your own in a button's default slot to replace one, and use `InkIcon` to put the same icons on your own buttons.
+
 `v-model:annotations` makes your list the source of truth. Leave it off and Inkbar keeps the state itself, with undo and redo.
 
 ## Controlled mode

package/dist/components/InkIcon.js

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

package/dist/components/InkIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkIcon.js","names":["_sfc_main","InkIcon_vue_vue_type_script_setup_true_lang_default","InkIcon_default"],"sources":["../../src/components/InkIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * An icon from `@inkbar/icons`, hidden from assistive technology: the control it sits in\n * carries the name. The theme sizes it with `--ink-icon-size`.\n */\nimport { ICON_ATTRIBUTES } from '@inkbar/icons'\n\nimport type { IconNode } from '@inkbar/icons'\n\nwithDefaults(defineProps<{ icon: IconNode; size?: number }>(), { size: 18 })\n</script>\n\n<template>\n  <svg\n    v-bind=\"ICON_ATTRIBUTES\"\n    :width=\"size\"\n    :height=\"size\"\n    class=\"ink-icon\"\n    aria-hidden=\"true\"\n  >\n    <component :is=\"tag\" v-for=\"([tag, attrs], i) in icon\" :key=\"i\" v-bind=\"attrs\" />\n  </svg>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+import { IconNode } from '@inkbar/icons';
+type __VLS_Props = {
+    icon: IconNode;
+    size?: number;
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;
+//# sourceMappingURL=InkIcon.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkIcon.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkIcon.vue"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAG7C,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,QAAQ,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAyCrD,QAAA,MAAM,YAAY;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/InkIcon.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,22 @@
+import { Fragment as e, createBlock as t, createElementBlock as n, defineComponent as r, mergeProps as i, openBlock as a, renderList as o, resolveDynamicComponent as s, unref as c } from "vue";
+import { ICON_ATTRIBUTES as l } from "@inkbar/icons";
+//#region src/components/InkIcon.vue?vue&type=script&setup=true&lang.ts
+var u = ["width", "height"], d = /*@__PURE__*/ r({
+	__name: "InkIcon",
+	props: {
+		icon: {},
+		size: { default: 18 }
+	},
+	setup(r) {
+		return (d, f) => (a(), n("svg", i(c(l), {
+			width: r.size,
+			height: r.size,
+			class: "ink-icon",
+			"aria-hidden": "true"
+		}), [(a(!0), n(e, null, o(r.icon, ([e, n], r) => (a(), t(s(e), i({ key: r }, { ref_for: !0 }, n), null, 16))), 128))], 16, u));
+	}
+});
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=InkIcon.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkIcon.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_mergeProps","_unref","_Fragment","_renderList","_createBlock","_resolveDynamicComponent","_hoisted_1","InkIcon_vue_vue_type_script_setup_true_lang_default","openBlock","createElementBlock","mergeProps","unref","ICON_ATTRIBUTES","__props","Fragment","renderList","tag","attrs","createBlock","resolveDynamicComponent","i"],"sources":["../../src/components/InkIcon.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/*\n * An icon from `@inkbar/icons`, hidden from assistive technology: the control it sits in\n * carries the name. The theme sizes it with `--ink-icon-size`.\n */\nimport { ICON_ATTRIBUTES } from '@inkbar/icons'\n\nimport type { IconNode } from '@inkbar/icons'\n\nwithDefaults(defineProps<{ icon: IconNode; size?: number }>(), { size: 18 })\n</script>\n\n<template>\n  <svg\n    v-bind=\"ICON_ATTRIBUTES\"\n    :width=\"size\"\n    :height=\"size\"\n    class=\"ink-icon\"\n    aria-hidden=\"true\"\n  >\n    <component :is=\"tag\" v-for=\"([tag, attrs], i) in icon\" :key=\"i\" v-bind=\"attrs\" />\n  </svg>\n</template>\n"],"mappings":";;;;;;;;;;oBAaEA,EAAA,GAAAC,EAQM,OARNC,EACUC,EAOJW,CAAA,GAPmB;GACtB,OAAOC,EAAA;GACP,QAAQA,EAAA;GACT,OAAM;GACN,eAAY;EAEZf,CAAAA,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAAiFG,GAAA,MAAAC,EAAhCU,EAAA,OAAI,CAAvBG,GAAKC,IAAQ,OAA3CnB,EAAA,GAAAM,EAAiFC,EAAjEW,CAAG,GAAnBhB,EAAiF,EAAzB,KAAKoB,EAAC,GAAA,EAAA,SAAA,GAAA,GAAUH,CAAK,GAAA,MAAA,EAAA"}

package/dist/components/InkNextPage.js

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

package/dist/components/InkNextPage.js.map

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

package/dist/components/InkNextPage.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=InkNextPage.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkNextPage.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkNextPage.vue"],"names":[],"mappings":"AA0CA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwDzC,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/InkNextPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { usePage as e } from "../composables/usePage.js";
+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 { ToolbarButton as d } from "reka-ui";
+import { ChevronRight as f } from "@inkbar/icons";
+//#region src/components/InkNextPage.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ a({
+	__name: "InkNextPage",
+	props: { asChild: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(a) {
+		let { current: p, count: m, next: h } = e(), g = n(() => p.value >= m.value - 1), _ = {
+			"aria-label": "Next page",
+			title: "Next page",
+			onClick: () => h()
+		};
+		return (e, n) => (s(), r(l(d), o({
+			"as-child": a.asChild,
+			disabled: g.value,
+			class: "ink-next-page",
+			"data-ink-next-page": ""
+		}, _), {
+			default: u(() => [c(e.$slots, "default", {}, () => [i(t, { icon: l(f) }, null, 8, ["icon"])])]),
+			_: 3
+		}, 16, ["as-child", "disabled"]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=InkNextPage.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkNextPage.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkNextPage_vue_vue_type_script_setup_true_lang_default","usePage","disabled","computed","current","count","attrs","next","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","withCtx","renderSlot","_ctx","createVNode","ChevronRight"],"sources":["../../src/components/InkNextPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronRight } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { usePage } from '../composables/usePage'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { current, count, next } = usePage()\nconst disabled = computed(() => current.value >= count.value - 1)\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Next page',\n  title: 'Next page',\n  onClick: () => next(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"disabled\"\n    class=\"ink-next-page\"\n    data-ink-next-page\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"ChevronRight\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAUA,IAAM,EAAE,YAAS,UAAO,YAASU,EAAQ,GACnCC,IAAWC,QAAeC,EAAQ,SAASC,EAAM,QAAQ,CAAC,GAE1DC,IAAQ;GACZ,cAAc;GACd,OAAO;GACP,eAAeC,EAAK;EACtB;oBAIEhB,EAAA,GAAAC,EAQgBC,EAAAkB,CAAA,GARhBjB,EAQgB;GAPb,YAAUmB,EAAA;GACV,UAAUX,EAAA;GACX,OAAM;GACN,sBAAA;EACQ,GAAAI,CAAK,GAAA;GAEb,SAAAX,QAA6C,CAA7CC,EAA6CoB,EAAA,QAAA,WAAA,CAAA,SAAA,CAAvCnB,EAAgCC,GAAA,EAAtB,MAAML,EAAAyB,CAAA,EAAY,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkPrevPage.js

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

package/dist/components/InkPrevPage.js.map

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

package/dist/components/InkPrevPage.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=InkPrevPage.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkPrevPage.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkPrevPage.vue"],"names":[],"mappings":"AA0CA,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAwDzC,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/InkPrevPage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,33 @@
+import { usePage as e } from "../composables/usePage.js";
+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 { ToolbarButton as d } from "reka-ui";
+import { ChevronLeft as f } from "@inkbar/icons";
+//#region src/components/InkPrevPage.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ a({
+	__name: "InkPrevPage",
+	props: { asChild: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(a) {
+		let { current: p, previous: m } = e(), h = n(() => p.value <= 0), g = {
+			"aria-label": "Previous page",
+			title: "Previous page",
+			onClick: () => m()
+		};
+		return (e, n) => (s(), r(l(d), o({
+			"as-child": a.asChild,
+			disabled: h.value,
+			class: "ink-prev-page",
+			"data-ink-prev-page": ""
+		}, g), {
+			default: u(() => [c(e.$slots, "default", {}, () => [i(t, { icon: l(f) }, null, 8, ["icon"])])]),
+			_: 3
+		}, 16, ["as-child", "disabled"]));
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=InkPrevPage.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkPrevPage.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkPrevPage_vue_vue_type_script_setup_true_lang_default","usePage","disabled","computed","current","attrs","previous","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","withCtx","renderSlot","_ctx","createVNode","ChevronLeft"],"sources":["../../src/components/InkPrevPage.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ChevronLeft } from '@inkbar/icons'\nimport { ToolbarButton } from 'reka-ui'\nimport { computed } from 'vue'\n\nimport { usePage } from '../composables/usePage'\n\nimport InkIcon from './InkIcon.vue'\n\nwithDefaults(defineProps<{ asChild?: boolean }>(), { asChild: false })\nconst { current, previous } = usePage()\nconst disabled = computed(() => current.value <= 0)\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Previous page',\n  title: 'Previous page',\n  onClick: () => previous(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"disabled\"\n    class=\"ink-prev-page\"\n    data-ink-prev-page\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"ChevronLeft\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;EAUA,IAAM,EAAE,YAAS,gBAAaU,EAAQ,GAChCC,IAAWC,QAAeC,EAAQ,SAAS,CAAC,GAE5CC,IAAQ;GACZ,cAAc;GACd,OAAO;GACP,eAAeC,EAAS;EAC1B;oBAIEf,EAAA,GAAAC,EAQgBC,EAAAiB,CAAA,GARhBhB,EAQgB;GAPb,YAAUkB,EAAA;GACV,UAAUV,EAAA;GACX,OAAM;GACN,sBAAA;EACQ,GAAAG,CAAK,GAAA;GAEb,SAAAV,QAA4C,CAA5CC,EAA4CmB,EAAA,QAAA,WAAA,CAAA,SAAA,CAAtClB,EAA+BC,GAAA,EAArB,MAAML,EAAAwB,CAAA,EAAW,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/components/InkRedo.js

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

package/dist/components/InkRedo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InkRedo.js","names":["_sfc_main","InkRedo_vue_vue_type_script_setup_true_lang_default","InkRedo_default"],"sources":["../../src/components/InkRedo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Redo2 } 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 { canRedo, redo } = useHistory()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Redo',\n  title: 'Redo',\n  onClick: () => redo(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"!canRedo\"\n    class=\"ink-redo\"\n    data-ink-redo\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"Redo2\" /></slot>\n  </ToolbarButton>\n</template>\n"],"mappings":""}

package/dist/{compositions/DefaultToolbar.vue.d.ts → components/InkRedo.vue.d.ts}

@@ -1,12 +1,12 @@
 type __VLS_Props = {
-    label?: string;
+    asChild?: boolean;
 };
-declare var __VLS_99: {};
+declare var __VLS_7: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_99) => any;
+    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<{}>, {
-    label: string;
+    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;
@@ -16,4 +16,4 @@ type __VLS_WithSlots<T, S> = T & {
         $slots: S;
     };
 };
-//# sourceMappingURL=DefaultToolbar.vue.d.ts.map
+//# sourceMappingURL=InkRedo.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkRedo.vue.d.ts","sourceRoot":"","sources":["../../src/components/InkRedo.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/InkRedo.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 { Redo2 as d } from "@inkbar/icons";
+//#region src/components/InkRedo.vue?vue&type=script&setup=true&lang.ts
+var f = /*@__PURE__*/ i({
+	__name: "InkRedo",
+	props: { asChild: {
+		type: Boolean,
+		default: !1
+	} },
+	setup(i) {
+		let { canRedo: f, redo: p } = e(), m = {
+			"aria-label": "Redo",
+			title: "Redo",
+			onClick: () => p()
+		};
+		return (e, p) => (o(), n(c(u), a({
+			"as-child": i.asChild,
+			disabled: !c(f),
+			class: "ink-redo",
+			"data-ink-redo": ""
+		}, 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=InkRedo.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InkRedo.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","_createVNode","InkIcon","InkIcon_default","InkRedo_vue_vue_type_script_setup_true_lang_default","useHistory","attrs","redo","openBlock","createBlock","unref","ToolbarButton","mergeProps","__props","canRedo","withCtx","renderSlot","_ctx","createVNode","Redo2"],"sources":["../../src/components/InkRedo.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Redo2 } 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 { canRedo, redo } = useHistory()\n// Reka's typed props stop at its own; ARIA and listeners go through a bound object.\nconst attrs = {\n  'aria-label': 'Redo',\n  title: 'Redo',\n  onClick: () => redo(),\n}\n</script>\n\n<template>\n  <ToolbarButton\n    :as-child=\"asChild\"\n    :disabled=\"!canRedo\"\n    class=\"ink-redo\"\n    data-ink-redo\n    v-bind=\"attrs\"\n  >\n    <slot><InkIcon :icon=\"Redo2\" /></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/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":""}