@dialpad/dialtone-vue 3.96.1 → 3.96.3

package/dist/types/recipes/cards/ivr_node/ivr_node_constants.d.ts

@@ -7,31 +7,31 @@ export const IVR_NODE_BRANCH: "branch";
 export const IVR_NODE_TRANSFER: "transfer";
 export const IVR_NODE_HANGUP: "hangup";
 export namespace IVR_NODE_ICON_TYPES {
-    const promptmenu: string;
-    const promptcollect: string;
-    const promptplay: string;
-    const gotoexpert: string;
-    const branch: string;
-    const goto: string;
-    const transfer: string;
-    const hangup: string;
+    let promptmenu: string;
+    let promptcollect: string;
+    let promptplay: string;
+    let gotoexpert: string;
+    let branch: string;
+    let goto: string;
+    let transfer: string;
+    let hangup: string;
 }
 export namespace IVR_NODE_LABELS {
-    const promptmenu_1: string;
+    let promptmenu_1: string;
     export { promptmenu_1 as promptmenu };
-    const promptcollect_1: string;
+    let promptcollect_1: string;
     export { promptcollect_1 as promptcollect };
-    const promptplay_1: string;
+    let promptplay_1: string;
     export { promptplay_1 as promptplay };
-    const gotoexpert_1: string;
+    let gotoexpert_1: string;
     export { gotoexpert_1 as gotoexpert };
-    const branch_1: string;
+    let branch_1: string;
     export { branch_1 as branch };
-    const goto_1: string;
+    let goto_1: string;
     export { goto_1 as goto };
-    const transfer_1: string;
+    let transfer_1: string;
     export { transfer_1 as transfer };
-    const hangup_1: string;
+    let hangup_1: string;
     export { hangup_1 as hangup };
 }
 export namespace IVR_NODE_COLOR_MAPPING {
@@ -54,19 +54,19 @@ export namespace IVR_NODE_COLOR_MAPPING {
 }
 declare namespace IVR_NODE_COLORS {
     namespace PROMPT {
-        const normal: string;
-        const selected: string;
+        let normal: string;
+        let selected: string;
     }
     namespace LOGIC {
-        const normal_1: string;
+        let normal_1: string;
         export { normal_1 as normal };
-        const selected_1: string;
+        let selected_1: string;
         export { selected_1 as selected };
     }
     namespace TERMINAL {
-        const normal_2: string;
+        let normal_2: string;
         export { normal_2 as normal };
-        const selected_2: string;
+        let selected_2: string;
         export { selected_2 as selected };
     }
 }

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue.d.ts

@@ -347,14 +347,14 @@ declare const _default: import("vue").DefineComponent<{
     onRemove?: ((...args: any[]) => any) | undefined;
     "onMax-selected"?: ((...args: any[]) => any) | undefined;
 }, {
-    placeholder: string;
     size: string;
     loading: boolean;
-    description: string;
     transition: string;
     showList: boolean;
     labelVisible: boolean;
+    description: string;
     appendTo: string | HTMLElement;
+    placeholder: string;
     hasSuggestionList: boolean;
     selectedItems: unknown[];
     inputMessages: unknown[];

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select_constants.d.ts

@@ -0,0 +1,25 @@
+export namespace MULTI_SELECT_SIZES {
+    let EXTRA_SMALL: string;
+    let SMALL: string;
+    let DEFAULT: string;
+}
+export namespace CHIP_SIZES {
+    let xs: string;
+    let sm: string;
+    let md: string;
+}
+export namespace CHIP_TOP_POSITION {
+    let xs_1: number;
+    export { xs_1 as xs };
+    let sm_1: number;
+    export { sm_1 as sm };
+    let md_1: number;
+    export { md_1 as md };
+}
+declare namespace _default {
+    export { MULTI_SELECT_SIZES };
+    export { CHIP_SIZES };
+    export { CHIP_TOP_POSITION };
+}
+export default _default;
+//# sourceMappingURL=combobox_multi_select_constants.d.ts.map

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select_constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox_multi_select_constants.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_multi_select/combobox_multi_select_constants.js"],"names":[],"mappings":""}

package/dist/types/recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.d.ts

@@ -3,22 +3,4 @@ export const ITEMS_LIST_DATA: {
     value: string;
     type: string;
 }[];
-export namespace MULTI_SELECT_SIZES {
-    const EXTRA_SMALL: string;
-    const SMALL: string;
-    const DEFAULT: string;
-}
-export namespace CHIP_SIZES {
-    const xs: string;
-    const sm: string;
-    const md: string;
-}
-export namespace CHIP_TOP_POSITION {
-    const xs_1: number;
-    export { xs_1 as xs };
-    const sm_1: number;
-    export { sm_1 as sm };
-    const md_1: number;
-    export { md_1 as md };
-}
 //# sourceMappingURL=combobox_multi_select_story_constants.d.ts.map

package/dist/types/recipes/comboboxes/combobox_multi_select/index.d.ts

@@ -1,3 +1,3 @@
 export { default as DtRecipeComboboxMultiSelect } from "./combobox_multi_select.vue";
-export { MULTI_SELECT_SIZES } from "./combobox_multi_select_story_constants";
+export { MULTI_SELECT_SIZES, CHIP_SIZES, CHIP_TOP_POSITION } from "./combobox_multi_select_constants.js";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts

@@ -412,12 +412,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     size: string;
     loading: boolean;
-    description: string;
     transition: string;
     maxHeight: string;
     maxWidth: string;
     showList: boolean;
     labelVisible: boolean;
+    description: string;
     listId: string;
     onBeginningOfList: Function;
     onEndOfList: Function;

package/dist/types/recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox_with_popover.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAlMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA1NyC,gBAAgB"}
+{"version":3,"file":"combobox_with_popover.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/comboboxes/combobox_with_popover/combobox_with_popover.vue.js"],"names":[],"mappings":";IAuBI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAlMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;;IASH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;;;;IAUH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAnNyC,gBAAgB"}

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts

@@ -66,13 +66,23 @@ declare const _default: import("vue").DefineComponent<{
         mouseleave: () => void;
         focusin: () => void;
         focusout: () => void;
+        keydown: (event: any) => void;
     };
     listItemClasses(): any[];
 }, {
+    trapFocus(e: any): void;
     setFocus(bool: any): void;
     setHover(bool: any): void;
     fade(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "hover")[], "focus" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {
+    methods: {
+        getFirstFocusableElement(el: object): Promise<any>;
+        focusFirstElement(el: object): Promise<void>;
+        _getFirstFocusElement(focusableElements: any): any;
+        _getFocusableElements(el?: object, includeNegativeTabIndex?: bool): any[];
+        focusTrappedTabPress(e: object, el: object): void;
+    };
+}, import("vue").ComponentOptionsMixin, ("focus" | "keydown" | "hover")[], "focus" | "keydown" | "hover", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Avatar seed, set this to the user's ID to get the same avatar background gradient each time it is displayed.
      */
@@ -134,15 +144,16 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
     onHover?: ((...args: any[]) => any) | undefined;
 }, {
     time: string;
     isActive: boolean;
     state: string;
-    displayName: string;
     avatarSeed: string;
     showHeader: boolean;
     avatarImageUrl: string;
+    displayName: string;
     shortTime: string;
 }, {}>;
 export default _default;

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAmBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;IA5DH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
+{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAsBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA5DH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}

package/dist/types/recipes/conversation_view/feed_item_row/feed_item_row_constants.d.ts

@@ -1,7 +1,7 @@
 export namespace FEED_ROW_STATE_BACKGROUND_COLOR {
-    const NORMAL: string;
-    const SEARCHED: string;
-    const ERROR: string;
+    let NORMAL: string;
+    let SEARCHED: string;
+    let ERROR: string;
 }
 export const DEFAULT_FEED_ROW_STATE: "NORMAL";
 declare namespace _default {

package/dist/types/recipes/conversation_view/feed_item_row/index.d.ts

@@ -1,2 +1,3 @@
 export { default as DtRecipeFeedItemRow } from "./feed_item_row.vue";
+export { FEED_ROW_STATE_BACKGROUND_COLOR, DEFAULT_FEED_ROW_STATE } from "./feed_item_row_constants";
 //# sourceMappingURL=index.d.ts.map

package/dist/types/recipes/conversation_view/feed_pill/feed_item_pill_constants.d.ts

@@ -1,8 +1,8 @@
 export namespace FEED_ITEM_PILL_BORDER_COLORS {
-    const _default: string;
+    let _default: string;
     export { _default as default };
-    export const ai: string;
-    export const critical: string;
+    export let ai: string;
+    export let critical: string;
 }
 declare namespace _default {
     export { FEED_ITEM_PILL_BORDER_COLORS };

package/dist/types/recipes/conversation_view/message_input/message_input.vue.d.ts

@@ -463,10 +463,10 @@ declare const _default: import("vue").DefineComponent<{
     "onNotice-close"?: ((...args: any[]) => any) | undefined;
 }, {
     link: boolean | Record<string, any>;
-    placeholder: string;
     maxHeight: string;
     modelValue: string | Record<string, any>;
     inputClass: string;
+    placeholder: string;
     editable: boolean;
     inputAriaLabel: string;
     autoFocus: string | number | boolean;

package/dist/types/recipes/leftbar/callbox/callbox_constants.d.ts

@@ -1,11 +1,11 @@
 export namespace CALLBOX_BADGE_COLORS {
-    const warning: string;
+    let warning: string;
 }
 export namespace CALLBOX_BORDER_COLORS {
-    const _default: string;
+    let _default: string;
     export { _default as default };
-    export const ai: string;
-    export const critical: string;
+    export let ai: string;
+    export let critical: string;
 }
 declare namespace _default {
     export { CALLBOX_BADGE_COLORS };

package/dist/types/recipes/leftbar/general_row/general_row.vue.d.ts

@@ -264,9 +264,9 @@ declare const _default: import("vue").DefineComponent<{
     onCall?: ((...args: any[]) => any) | undefined;
 }, {
     type: string;
-    color: string;
     ariaLabel: string;
     iconSize: string;
+    color: string;
     muted: boolean;
     selected: boolean;
     hasUnreads: boolean;

package/dist/types/recipes/leftbar/general_row/general_row_constants.d.ts

@@ -1,16 +1,16 @@
 export namespace LEFTBAR_GENERAL_ROW_TYPES {
-    const INBOX: string;
-    const CONTACTS: string;
-    const CHANNELS: string;
-    const THREADS: string;
-    const LOCKED_CHANNEL: string;
-    const CONTACT_CENTER: string;
-    const QUICK_START: string;
-    const COACHING_GROUP: string;
-    const COACHING_CENTER: string;
-    const DIALBOT: string;
-    const ASSIGNED: string;
-    const DIGITAL: string;
+    let INBOX: string;
+    let CONTACTS: string;
+    let CHANNELS: string;
+    let THREADS: string;
+    let LOCKED_CHANNEL: string;
+    let CONTACT_CENTER: string;
+    let QUICK_START: string;
+    let COACHING_GROUP: string;
+    let COACHING_CENTER: string;
+    let DIALBOT: string;
+    let ASSIGNED: string;
+    let DIGITAL: string;
 }
 export const LEFTBAR_GENERAL_ROW_ICON_MAPPING: {
     [x: string]: string;

package/dist/types/recipes/leftbar/general_row/leftbar_general_row_icon.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     type: string;
-    color: string;
     iconSize: string;
+    color: string;
 }, {}>;
 export default _default;
 //# sourceMappingURL=leftbar_general_row_icon.vue.d.ts.map

package/dist/types/recipes/list_items/contact_info/contact_info.vue.d.ts

@@ -186,8 +186,8 @@ declare const _default: import("vue").DefineComponent<{
     "onAvatar-click"?: ((...args: any[]) => any) | undefined;
 }, {
     presence: string;
-    id: string;
     role: string;
+    id: string;
     avatarSrc: string;
     avatarSeed: string;
     avatarFullName: string;

package/package.json

@@ -1,33 +1,7 @@
 {
   "name": "@dialpad/dialtone-vue",
-  "version": "3.96.1",
+  "version": "3.96.3",
   "description": "Vue component library for Dialpad's design system Dialtone",
-  "scripts": {
-    "build": "run-s clean build:main build:typescript build:documentation",
-    "build:typescript": "vue-tsc",
-    "build:main": "vite build",
-    "lint": "run-s lint:code lint:docs",
-    "build:documentation": "node scripts/build-docs.js",
-    "build:documentation:functions": "npx typedoc --plugin typedoc-plugin-markdown",
-    "clean": "rm -rf ./dist",
-    "install:all": "npm install && npm install --prefix generator-dialtone-vue",
-    "lint-staged:code": "eslint --ext .js,.vue --ignore-path .gitignore --fix",
-    "lint-staged:docs": "markdownlint --fix",
-    "lint:code": "eslint . --ext .js,.vue --ignore-path .gitignore",
-    "lint:docs": "markdownlint '**/*.mdx'",
-    "prepublishOnly": "npm run build",
-    "pretest": "npm run clean",
-    "release": "./scripts/release.sh",
-    "start": "npm run storybook",
-    "storybook": "STORYBOOK_ENV=development storybook dev -p 9010",
-    "storybook:clean": "rm -rf ./storybook-static",
-    "storybook:build": "npm run build:documentation:functions && npm run storybook:clean && STORYBOOK_ENV=production storybook build && touch ./storybook-static/.nojekyll",
-    "storybook:build:docs-only": "STORYBOOK_ENV=production && build:documentation:functions && storybook build --docs",
-    "storybook:test": "test-storybook --url http://localhost:9010/",
-    "test": "vitest run --test-timeout=10000",
-    "test:one": "vitest related --run",
-    "test:watch": "vitest"
-  },
   "files": [
     "dist",
     "types",
@@ -35,7 +9,7 @@
     "CHANGELOG.json"
   ],
   "dependencies": {
-    "@dialpad/dialtone-icons": "^4.1.0",
+    "@tiptap/core": "^2.0.3",
     "@tiptap/extension-code-block": "^2.0.3",
     "@tiptap/extension-document": "^2.0.3",
     "@tiptap/extension-hard-break": "^2.0.3",
@@ -49,29 +23,33 @@
     "date-fns": "^2.30.0",
     "emoji-regex": "^10.2.1",
     "emoji-toolkit": "^6.6.0",
-    "tippy.js": "^6.3.7"
+    "tippy.js": "^6.3.7",
+    "@dialpad/dialtone-icons": "^4.1.1"
   },
   "devDependencies": {
     "@commitlint/cli": "^17.6.6",
     "@commitlint/config-conventional": "^17.6.6",
     "@dialpad/conventional-changelog-angular": "^1.1.1",
-    "@dialpad/dialtone": "^8.21.4",
     "@dialpad/semantic-release-changelog-json": "^1.0.0",
     "@percy/cli": "^1.27.4",
-    "@percy/storybook": "^5.0.0",
+    "@percy/storybook": "^5.0.1",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^7.5.3",
-    "@storybook/addon-essentials": "^7.5.3",
-    "@storybook/addon-links": "^7.5.3",
-    "@storybook/blocks": "^7.5.3",
-    "@storybook/manager-api": "^7.5.3",
-    "@storybook/test-runner": "^0.15.1",
+    "@storybook/addon-a11y": "^7.6.1",
+    "@storybook/addon-actions": "^7.6.1",
+    "@storybook/addon-docs": "^7.6.1",
+    "@storybook/addon-essentials": "^7.6.1",
+    "@storybook/addon-links": "^7.6.1",
+    "@storybook/addon-mdx-gfm": "^7.6.1",
+    "@storybook/addon-viewport": "^7.6.1",
+    "@storybook/blocks": "^7.6.1",
+    "@storybook/manager-api": "^7.6.1",
+    "@storybook/test-runner": "^0.16.0",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^7.5.3",
-    "@storybook/vue3": "^7.5.3",
-    "@storybook/vue3-vite": "^7.5.3",
+    "@storybook/theming": "^7.6.1",
+    "@storybook/vue3": "^7.6.1",
+    "@storybook/vue3-vite": "^7.6.1",
     "@vitejs/plugin-vue": "^4.5.0",
     "@vue/test-utils": "^2.4.0",
     "@vue/tsconfig": "^0.4.0",
@@ -103,9 +81,10 @@
     "semantic-release": "^21.0.6",
     "sinon": "^15.2.0",
     "source-map-support": "^0.5.21",
-    "storybook": "^7.5.3",
-    "storybook-dark-mode": "^3.0.1",
+    "storybook": "^7.6.1",
+    "storybook-dark-mode": "^3.0.3",
     "string-hash": "^1.1.3",
+    "tippy.js": "^6.3.7",
     "typedoc": "^0.25.2",
     "typedoc-plugin-markdown": "^3.16.0",
     "vite": "^5.0.0",
@@ -116,7 +95,8 @@
     "vue-docgen-api": "^4.73.0",
     "vue-tsc": "^1.8.8",
     "yo": "^4.3.1",
-    "yorkie": "^2.0.0"
+    "yorkie": "^2.0.0",
+    "@dialpad/dialtone": "^8.22.1"
   },
   "peerDependencies": {
     "@dialpad/dialtone": "^7.30.0 || ^8.21.2",
@@ -205,11 +185,7 @@
       "style": "./dist/style.css"
     }
   },
-  "gitHooks": {
-    "pre-commit": "lint-staged",
-    "commit-msg": "./scripts/commit-msg"
-  },
-  "homepage": "https://vue.dialpad.design",
+  "homepage": "https://dialtone.dialpad.com/vue3",
   "keywords": [
     "Dialpad",
     "Dialtone",
@@ -217,8 +193,32 @@
     "Design System",
     "Components",
     "Component Library",
-    "Vue"
+    "Vue",
+    "Storybook"
   ],
   "license": "MIT",
-  "repository": "git@github.com:dialpad/dialtone-vue.git"
-}
+  "scripts": {
+    "build": "run-s clean build:main build:typescript build:documentation",
+    "build:main": "vite build",
+    "build:typescript": "vue-tsc",
+    "lint": "run-s lint:code lint:docs",
+    "build:documentation": "node scripts/build-docs.js",
+    "build:documentation:functions": "pnpm exec typedoc --plugin typedoc-plugin-markdown",
+    "clean": "rm -rf ./dist",
+    "lint-staged:code": "pnpm run lint:code --fix",
+    "lint-staged:docs": "pnpm run lint:docs --fix",
+    "lint:code": "eslint . --ext .js,.vue --ignore-path .gitignore",
+    "lint:docs": "markdownlint '**/*.mdx'",
+    "pretest": "pnpm run clean",
+    "start": "pnpm run storybook",
+    "storybook": "STORYBOOK_ENV=development storybook dev -p 9010",
+    "storybook:clean": "rm -rf ./storybook-static",
+    "storybook:build": "pnpm run storybook:clean && pnpm run build:documentation:functions && STORYBOOK_ENV=production pnpm exec storybook build",
+    "storybook:build:docs-only": "pnpm run storybook:build --docs",
+    "test:a11y": "pnpm exec test-storybook --url http://localhost:9010/",
+    "test:visual": "pnpm exec percy storybook --disable-cache --config ./percy.config.cjs --verbose ./storybook-static",
+    "test": "pnpm exec vitest run --test-timeout=10000",
+    "test:one": "pnpm exec vitest related --run",
+    "test:watch": "pnpm exec vitest"
+  }
+}