sprintify-ui 0.11.21 → 0.11.23

package/dist/types/components/BaseTagAutocompleteFetch.vue.d.ts

@@ -84,6 +84,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
 }>, {
     focus: () => void | undefined;
     blur: () => void | undefined;
@@ -140,6 +148,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    optionColor: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
+    optionIcon: {
+        default: undefined;
+        type: PropType<(option: RawOption) => string>;
+    };
 }>> & Readonly<{
     onFocus?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -151,6 +167,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     disabled: boolean;
     hasError: boolean;
     max: number;
+    optionColor: (option: RawOption) => string;
+    optionIcon: (option: RawOption) => string;
     focusOnMount: boolean;
     queryKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.11.21",
+  "version": "0.11.23",
   "type": "module",
   "scripts": {
     "generate-llm-txt": "node scripts/generate-llm-txt.js",
@@ -40,6 +40,8 @@
   "dependencies": {
     "@floating-ui/vue": "^1.0.6",
     "@headlessui/vue": "^1.7.19",
+    "@tiptap/extension-subscript": "^3.20.4",
+    "@tiptap/extension-superscript": "^3.20.4",
     "color2k": "^2.0.3",
     "tailwind-merge": "^2.4.0"
   },

package/src/components/BaseTagAutocompleteFetch.stories.js

@@ -47,6 +47,30 @@ const Template = (args) => {
 export const Demo = Template.bind({});
 Demo.args = {};
 
+export const OptionColor = Template.bind({});
+OptionColor.args = {};
+
+export const OptionIcon = Template.bind({});
+OptionIcon.args = {
+  optionColor: undefined,
+  optionIcon: (option) => {
+    if (option.type === "work") return "heroicons:briefcase";
+    if (option.type === "personal") return "heroicons:user";
+    if (option.type === "family") return "heroicons:home";
+    return "heroicons:tag";
+  },
+};
+
+export const OptionIconWithColor = Template.bind({});
+OptionIconWithColor.args = {
+  optionIcon: (option) => {
+    if (option.type === "work") return "heroicons:briefcase";
+    if (option.type === "personal") return "heroicons:user";
+    if (option.type === "family") return "heroicons:home";
+    return "heroicons:tag";
+  },
+};
+
 export const LabelFunction = Template.bind({});
 LabelFunction.args = {
   labelKey: (option) => {

package/src/components/BaseTagAutocompleteFetch.vue

@@ -13,6 +13,8 @@
     :max="max"
     :filter="() => true"
     :focus-on-mount="focusOnMount"
+    :option-color="optionColor"
+    :option-icon="optionIcon"
     @open="onOpen"
     @typing="onTyping"
     @scroll-bottom="scrollBottom"
@@ -116,6 +118,14 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  optionColor: {
+    default: undefined,
+    type: Function as PropType<(option: RawOption) => string>,
+  },
+  optionIcon: {
+    default: undefined,
+    type: Function as PropType<(option: RawOption) => string>,
+  },
 });
 
 defineEmits(['update:modelValue', 'typing', 'focus', 'scrollBottom']);

package/src/components/BaseTipTap.vue

@@ -37,6 +37,8 @@
 import { Editor, EditorContent } from '@tiptap/vue-3';
 import Document from '@tiptap/extension-document';
 import Link from '@tiptap/extension-link';
+import Superscript from '@tiptap/extension-superscript';
+import Subscript from '@tiptap/extension-subscript';
 import { Placeholder } from '@tiptap/extensions'
 import { Footnotes, FootnoteReference, Footnote } from "tiptap-footnotes";
 import StarterKit from '@tiptap/starter-kit';
@@ -70,6 +72,8 @@ const editor = new Editor({
     Placeholder.configure({
       placeholder: props.placeholder || 'Start typing here...',
     }),
+    Superscript,
+    Subscript,
     Footnotes,
     Footnote,
     FootnoteReference,
@@ -219,6 +223,16 @@ const actions = computed<Action[]>(() => {
       icon: 'material-symbols:format-underlined',
       command: () => editor.chain().focus().toggleUnderline().run(),
     },
+    {
+      name: 'superscript',
+      icon: 'material-symbols:superscript',
+      command: () => editor.chain().focus().toggleSuperscript().run(),
+    },
+    {
+      name: 'subscript',
+      icon: 'material-symbols:subscript',
+      command: () => editor.chain().focus().toggleSubscript().run(),
+    },
     {
       name: 'link',
       icon: 'material-symbols:link',