@policystudio/policy-studio-ui-vue 1.1.90-beta.3 → 1.1.90-beta.31

package/{src/stories/HighlightRippleDot.stories.js → doc/src/stories/HighlightRippleDot.stories.ts}

@@ -1,10 +1,10 @@
-import PsHighlightRippleDot from '../components/badges-and-tags/PsHighlightRippleDot.vue'
+import PsHighlightRippleDot from '../../../src/components/badges-and-tags/PsHighlightRippleDot.vue'
 
 export default {
   title: 'Badges & Tags/Badges/HighlightRippleDot',
   component: PsHighlightRippleDot,
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsHighlightRippleDot },
@@ -12,4 +12,5 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const HighlightRippleDot = Template.bind({})
+// @ts-ignore
 HighlightRippleDot.args = {}

package/{src/stories/Icon.stories.js → doc/src/stories/Icon.stories.ts}

@@ -1,4 +1,4 @@
-import PsIcon from '../components/ui/PsIcon.vue'
+import PsIcon from '../../../src/components/ui/PsIcon.vue'
 
 export default {
     title: 'Components/Icon',
@@ -6,6 +6,7 @@ export default {
     argTypes: {},
   }
   
+  // @ts-ignore
   const Template = (args, { argTypes }) => ({
     props: Object.keys(argTypes),
     components: { PsIcon },
@@ -18,4 +19,5 @@ export default {
   })
   
   export const IconSimple = Template.bind({})
+  // @ts-ignore
   IconSimple.args = {}

package/{src/stories/InlineSelector.stories.js → doc/src/stories/InlineSelector.stories.ts}

@@ -1,11 +1,11 @@
-import PsInlineSelector from '../components/controls/PsInlineSelector.vue'
+import PsInlineSelector from '../../../src/components/controls/PsInlineSelector.vue'
 
 export default {
   title: 'Controls & Selectors/InlineSelector',
   component: PsInlineSelector,
 }
 
-const TemplateDefault = (args, {argTypes}) => ({
+const TemplateDefault = (args:any, {argTypes}:{argTypes:any}) => ({
   props: Object.keys(argTypes),
   components: {PsInlineSelector},
   template: `

package/{src/stories/Input.stories.js → doc/src/stories/Input.stories.ts}

@@ -1,4 +1,4 @@
-import PsInput from '../components/forms/PsInput.vue'
+import PsInput from '../../../src/components/forms/PsInput.vue'
 export default {
   title: 'Text fields & Forms/Input',
   component: PsInput,
@@ -7,7 +7,7 @@ export default {
     required: { control: 'boolean' },
   },
 }
- 
+ // @ts-ignore
 const TemplateInputText = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -79,7 +79,7 @@ const TemplateInputText = (args, { argTypes }) => ({
     </div>
   `
 })
- 
+ // @ts-ignore
 const TemplateInputPassword = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -183,7 +183,7 @@ const TemplateInputPassword = (args, { argTypes }) => ({
     </div>
   `
 })
- 
+ // @ts-ignore
 const TemplateSlots = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsInput },
@@ -212,6 +212,7 @@ const TemplateSlots = (args, { argTypes }) => ({
 })
  
 export const InputText = TemplateInputText.bind({})
+// @ts-ignore
 InputText.args = {
   label: 'Input Text',
   placeholder: 'Placeholder',
@@ -222,6 +223,7 @@ InputText.args = {
 }
  
 export const InputPassword = TemplateInputPassword.bind({})
+// @ts-ignore
 InputPassword.args = {
   type: 'password',
   label: 'Password',
@@ -231,6 +233,7 @@ InputPassword.args = {
 }
  
 export const InputSlots = TemplateSlots.bind({})
+// @ts-ignore
 InputSlots.args = {
   label: 'Label',
   placeholder: 'Placeholder',

package/{src/stories/InputSelect.stories.js → doc/src/stories/InputSelect.stories.ts}

@@ -1,10 +1,10 @@
-import PsInputSelect from '../components/forms/PsInputSelect.vue'
+import PsInputSelect from '../../../src/components/forms/PsInputSelect.vue'
 
 export default {
   title: 'Text fields & Forms/InputSelect',
   component: PsInputSelect
 }
-
+// @ts-ignore
 const TemplateDefault = (args, {argTypes})=> ({
     props: Object.keys(argTypes),
     components: {PsInputSelect},
@@ -25,6 +25,7 @@ const TemplateDefault = (args, {argTypes})=> ({
 })
 
 export const Default = TemplateDefault.bind({})
+// @ts-ignore
 Default.args = {
     items: [{title:'Text 1', value:'Value 1'}, {title:'Text 2', value:'Value 2'}]
 }

package/{src/stories/InputTextArea.stories.js → doc/src/stories/InputTextArea.stories.ts}

@@ -1,11 +1,11 @@
-import PsInputTextArea from '../components/forms/PsInputTextArea.vue'
+import PsInputTextArea from '../../../src/components/forms/PsInputTextArea.vue'
 
 export default {
   title: 'Text fields & Forms/Input Textarea',
   component: PsInputTextArea,
 }
 
-const Template = (args, {argTypes}) => ({
+const Template = (args:any, {argTypes}:{argTypes:any}) => ({
   props: Object.keys(argTypes),
   components: {PsInputTextArea},
   template: `

package/{src/stories/MiniTag.stories.js → doc/src/stories/MiniTag.stories.ts}

@@ -1,6 +1,8 @@
+
 import PsMiniTag, {
+  // @ts-ignore
   typeOptions,
-} from '../components/badges-and-tags/PsMiniTag.vue'
+} from '../../../src/components/badges-and-tags/PsMiniTag.vue'
 
 export default {
   title: 'Badges & Tags/Tags/Mini Tag',
@@ -14,7 +16,7 @@ export default {
     },
   },
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsMiniTag },
@@ -22,30 +24,35 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Info = Template.bind({})
+// @ts-ignore
 Info.args = {
   layout: 'info',
   message: 'This is an info alert',
 }
 
 export const Success = Template.bind({})
+// @ts-ignore
 Success.args = {
   layout: 'success',
   message: 'This is a success alert',
 }
 
 export const Warning = Template.bind({})
+// @ts-ignore
 Warning.args = {
   layout: 'warning',
   message: 'This is a warning alert',
 }
 
 export const Error = Template.bind({})
+// @ts-ignore
 Error.args = {
   layout: 'error',
   message: 'This is an error alert',
 }
 
 export const Default = Template.bind({})
+// @ts-ignore
 Default.args = {
   layout: 'default',
   message: 'This is a default color',

package/{src/stories/ProgressBar.stories.js → doc/src/stories/ProgressBar.stories.ts}

@@ -1,4 +1,4 @@
-import PsProgressBar from '../components/badges-and-tags/PsProgressBar.vue'
+import PsProgressBar from '../../../src/components/badges-and-tags/PsProgressBar.vue'
 
 export default {
   title: 'Badges & Tags/Badges/ProgressBar',
@@ -12,7 +12,7 @@ export default {
     },
   },
 }
-
+// @ts-ignore
 const TemplateDefault = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsProgressBar },
@@ -20,4 +20,5 @@ const TemplateDefault = (args, { argTypes }) => ({
 })
 
 export const Default = TemplateDefault.bind({})
+// @ts-ignore
 Default.args = {}

package/{src/stories/RadioButton.stories.js → doc/src/stories/RadioButton.stories.ts}

@@ -1,10 +1,10 @@
-import PsRadioButton from '../components/controls/PsRadioButton.vue'
+import PsRadioButton from '../../../src/components/controls/PsRadioButton.vue'
 
 export default {
   title: 'Controls & Selectors/Radio Button',
   component: PsRadioButton,
  }
-
+// @ts-ignore
  const DefaultTemplate = (args,{ argTypes}) => ({
    props: Object.keys(argTypes),
    components: { PsRadioButton},

package/{src/stories/RadioButtonSimple.stories.js → doc/src/stories/RadioButtonSimple.stories.ts}

@@ -1,11 +1,11 @@
-import PsRadioButtonSimple from '../components/controls/PsRadioButtonSimple.vue'
+import PsRadioButtonSimple from '../../../src/components/controls/PsRadioButtonSimple.vue'
 
 export default {
     title: 'Text fields & Forms/Inputs V2/RadioButton',
     component: PsRadioButtonSimple,
   }
 
-  const defaultTemplate = (args, {argTypes}) => ({
+  const defaultTemplate = (args:any, {argTypes}:{argTypes:any}) => ({
     props: Object.keys(argTypes),
     components: { PsRadioButtonSimple },
     data: () => ({

package/{src/stories/SimpleAlert.stories.js → doc/src/stories/SimpleAlert.stories.ts}

@@ -1,10 +1,10 @@
-import PsSimpleAlert from '../components/notifications/PsSimpleAlert.vue'
+import PsSimpleAlert from '../../../src/components/notifications/PsSimpleAlert.vue'
 
 export default {
     title: 'Notifications/Simple Alert',
     component: PsSimpleAlert,
   }
-
+// @ts-ignore
   const TemplateDefault = (args, { argTypes }) => ({
     props: Object.keys(argTypes),
     components: { PsSimpleAlert },
@@ -16,6 +16,7 @@ export default {
   })
   
   export const Default = TemplateDefault.bind({})
+  // @ts-ignore
   Default.args = {
     message:'lorem'
   }

package/{src/stories/Slider.stories.js → doc/src/stories/Slider.stories.ts}

@@ -1,4 +1,4 @@
-import PsSlider from '../components/controls/PsSlider.vue'
+import PsSlider from '../../../src/components/controls/PsSlider.vue'
 
 export default {
   title: 'Text fields & Forms/Slider',
@@ -7,7 +7,7 @@ export default {
   //   layout: { control: { type: 'inline-radio', options: sliderLayout } },
   // },
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsSlider },
@@ -29,6 +29,7 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Label = Template.bind({})
+// @ts-ignore
 Label.args = {
   min: 0,
   max: 200,
@@ -39,6 +40,7 @@ Label.args = {
 }
 
 export const NoLabel = Template.bind({})
+// @ts-ignore
 NoLabel.args = {
   min: 0,
   max: 200,
@@ -48,6 +50,7 @@ NoLabel.args = {
 }
 
 export const Bubble = Template.bind({})
+// @ts-ignore
 Bubble.args = {
   min: 0,
   max: 200,
@@ -62,6 +65,7 @@ const sliderColors = [
   { start: 170, end: 200, bgColor: '#D65C5A' },
 ]
 export const Rich = Template.bind({})
+// @ts-ignore
 Rich.args = {
   min: 0,
   max: 200,

package/{src/stories/Switch.stories.js → doc/src/stories/Switch.stories.ts}

@@ -1,9 +1,9 @@
-import PsSwitch from '../components/controls/PsSwitch.vue'
+import PsSwitch from '../../../src/components/controls/PsSwitch.vue'
 export default {
   title: 'Controls & Selectors/Switch',
   component: PsSwitch,
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsSwitch },

package/{src/stories/TabHeader.stories.js → doc/src/stories/TabHeader.stories.ts}

@@ -1,4 +1,4 @@
-import PsTabHeader from '../components/tabs/PsTabHeader.vue'
+import PsTabHeader from '../../../src/components/tabs/PsTabHeader.vue'
 const items = ['Existing Buildings', 'New Constructions', 'Other tab']
 const item = items[0]
 
@@ -7,6 +7,8 @@ export default {
   component: PsTabHeader,
   argTypes: {}
 }
+
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsTabHeader },
@@ -31,6 +33,7 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Standard = Template.bind({})
+// @ts-ignore
 Standard.args = {
   layout: 'standard',
   items: items,
@@ -38,6 +41,7 @@ Standard.args = {
 }
 
 export const Underline = Template.bind({})
+// @ts-ignore
 Underline.args = {
   layout: 'underline',
   items: items,
@@ -45,6 +49,7 @@ Underline.args = {
 }
 
 export const Folder = Template.bind({})
+// @ts-ignore
 Folder.args = {
   layout: 'folder',
   items: items,

package/{src/stories/TableResults.stories.js → doc/src/stories/TableResults.stories.ts}

@@ -1,9 +1,10 @@
-import PsTableResults, { tableLayout } from '../components/table-results/PsTableResults.vue'
-import PsTableResultsHead from '../components/table-results/PsTableResultsHead.vue'
-import PsTableResultsHeadFlexible from '../components/table-results/PsTableResultsHeadFlexible.vue'
-import PsTableResultsHeadComparison from '../components/table-results/PsTableResultsHeadComparison.vue'
-import PsProgressBar from '../components/badges-and-tags/PsProgressBar.vue'
-import PsSwitch from '../components/controls/PsSwitch.vue'
+// @ts-ignore
+import PsTableResults, { tableLayout } from '../../../src/components/table-results/PsTableResults.vue'
+import PsTableResultsHead from '../../../src/components/table-results/PsTableResultsHead.vue'
+import PsTableResultsHeadFlexible from '../../../src/components/table-results/PsTableResultsHeadFlexible.vue'
+import PsTableResultsHeadComparison from '../../../src/components/table-results/PsTableResultsHeadComparison.vue'
+import PsProgressBar from '../../../src/components/badges-and-tags/PsProgressBar.vue'
+import PsSwitch from '../../../src/components/controls/PsSwitch.vue'
 
 import { resultsDataHeader, resultsDataColumnGroup, resultsDataSummary } from '../contents/ResultsData'
 import { comparisonDataHeader, comparisonDataColumnGroup, comparisonDataSummary } from '../contents/ComparisonData'
@@ -18,7 +19,7 @@ export default {
     onCollapse: { action: 'clicked' },
   },
 }
-
+// @ts-ignore
 const TableResults = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsTableResults, PsTableResultsHead, PsTableResultsHeadComparison, PsTableResultsHeadFlexible },
@@ -54,6 +55,7 @@ const TableResults = (args, { argTypes }) => ({
 })
 
 export const Results = TableResults.bind({})
+// @ts-ignore
 Results.args = {
   layout: 'results',
   header: resultsDataHeader,
@@ -64,6 +66,7 @@ Results.args = {
 }
 
 export const Comparison = TableResults.bind({})
+// @ts-ignore
 Comparison.args = {
   layout: 'comparison',
   header: comparisonDataHeader,
@@ -74,6 +77,7 @@ Comparison.args = {
 }
 
 export const Flexible = TableResults.bind({})
+// @ts-ignore
 Flexible.args = {
   layout: 'flexible',
   header: flexibleDataHeader,

package/{src/stories/TagScope.stories.js → doc/src/stories/TagScope.stories.ts}

@@ -1,9 +1,10 @@
-import PsTagScope from '../components/badges-and-tags/PsTagScope.vue'
+import PsTagScope from '../../../src/components/badges-and-tags/PsTagScope.vue'
+
 export default {
   title: 'Badges & Tags/Tags/Tag Scope',
   component: PsTagScope,
 }
-
+// @ts-ignore
 const defaultTemplate = (args, {argTypes}) => ({
   props: Object.keys(argTypes),
   components: { PsTagScope },

package/{src/stories/TestimonialCard.stories.js → doc/src/stories/TestimonialCard.stories.ts}

@@ -1,10 +1,10 @@
-import PsTestimonialCard from '../components/badges-and-tags/PsTestimonialCard.vue'
+import PsTestimonialCard from '../../../src/components/badges-and-tags/PsTestimonialCard.vue'
 
 export default {
     title: 'Components/TestimonialCard',
     component: PsTestimonialCard,
   }
-
+// @ts-ignore
   const Template = (args,{argTypes}) => ({
     props: Object.keys(argTypes),
     components:{PsTestimonialCard},
@@ -18,7 +18,7 @@ export default {
 }) 
 
 export const Default = Template.bind({})
-
+// @ts-ignore
 Default.args = {
   testimonial: 'I used to spend most of my time helping California cities make reach codes. Now, i just show them the Explorer and get to focus on helping cities in other states.',
   user:'Amy Rider',

package/{src/stories/Toast.stories.js → doc/src/stories/Toast.stories.ts}

@@ -1,9 +1,9 @@
-import PsToast from '../components/notifications/PsToast.vue'
+import PsToast from '../../../src/components/notifications/PsToast.vue'
 export default {
   title: 'Notifications/Toast',
   component: PsToast,
 }
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsToast },

package/{src/stories/Toggle.stories.js → doc/src/stories/Toggle.stories.ts}

@@ -1,4 +1,4 @@
-import PsToggle from '../components/controls/PsToggle.vue'
+import PsToggle from '../../../src/components/controls/PsToggle.vue'
 export default {
   title: 'Components/Toggle',
   component: PsToggle,
@@ -6,7 +6,7 @@ export default {
 }
 const items = ['Option 1', 'Option 2', 'Option 3']
 const selected = 'Option 2'
-
+// @ts-ignore
 const Template = (args, { argTypes }) => ({
   props: Object.keys(argTypes),
   components: { PsToggle },
@@ -16,6 +16,7 @@ const Template = (args, { argTypes }) => ({
 })
 
 export const Default = Template.bind({})
+// @ts-ignore
 Default.args = {
   items: items,
   selected: selected,
@@ -28,13 +29,15 @@ Default.args = {
  * Se quiser dar uma melhorada nessa parte, fique a vontade meu chegado! TMJ
  */
 window.addEventListener('click', (ev) => {
+  // @ts-ignore
   if (ev.target.classList.contains('click-to-copy')) {
+    // @ts-ignore
     copyText(ev.target.dataset.toCopy)
   }
 })
-
+// @ts-ignore
 function copyText(textToCopy) {
-  var myTemporaryInputElement = document.createElement('input')
+  const myTemporaryInputElement = document.createElement('input')
   myTemporaryInputElement.type = 'text'
   myTemporaryInputElement.value = textToCopy
   document.body.appendChild(myTemporaryInputElement)

package/{src/stories/Tooltip.stories.js → doc/src/stories/Tooltip.stories.ts}

@@ -1,6 +1,6 @@
-import PsTooltip from '../components/tooltip/PsTooltip.vue'
-import PsRichTooltip from '../components/tooltip/PsRichTooltip.vue'
-import PsDialogTooltip from '../components/tooltip/PsDialogTooltip.vue'
+import PsTooltip from '../../../src/components/tooltip/PsTooltip.vue'
+import PsRichTooltip from '../../../src/components/tooltip/PsRichTooltip.vue'
+import PsDialogTooltip from '../../../src/components/tooltip/PsDialogTooltip.vue'
 
 export default {
     title: 'Components/Tooltip',
@@ -8,7 +8,7 @@ export default {
     subcomponents: {PsRichTooltip, PsDialogTooltip}
 }
 
-const TemplateDialog = (args, {argTypes}) => ({
+const TemplateDialog = (args:any, {argTypes}:{argTypes:any}) => ({
     props: Object.keys(argTypes),
     components: {PsDialogTooltip},
     template: `
@@ -41,7 +41,7 @@ const TemplateDialog = (args, {argTypes}) => ({
     `,
 })
 
-const TemplateRich = (args,{argTypes})=>({
+const TemplateRich = (args:any, {argTypes}:{argTypes:any})=>({
     props: Object.keys(argTypes),
     components: {PsRichTooltip},
     template: `
@@ -74,7 +74,7 @@ const TemplateRich = (args,{argTypes})=>({
 `
 })
 
-const TemplateDefault = (args, {argTypes}) => ({
+const TemplateDefault = (args:any, {argTypes}:{argTypes:any}) => ({
 props: Object.keys(argTypes),
 components: {PsTooltip},
 template: `

package/doc/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "rootDir": "../",
+    "strict": true,
+    "outDir": "../dist",
+  },
+  "include": [
+    "doc/src/**/*.ts",
+    "doc/.storybook/**/*.ts",
+    "doc/src/**/*.stories.ts",
+    "doc/*.d.ts",
+  ],
+  "references": [
+    {"path": "../"}
+  ]
+}
+

package/package.json

@@ -1,28 +1,18 @@
 {
   "name": "@policystudio/policy-studio-ui-vue",
-  "version": "1.1.90-beta.3",
+  "version": "1.1.90-beta.31",
   "description": "Policy Studio UI",
-  "main": "src/index.js",
   "author": "Policy Studio Team",
-  "url": "https://github.com/Policy-Studio/policy-studio-ui-vue",
-  "license": "MIT",
-  "keywords": [
-    "vue",
-    "ui"
-  ],
   "scripts": {
     "lint": "vue-cli-service lint",
-    "build-storybook": "storybook build",
-    "build-tailwind": "postcss src/assets/scss/base.scss -o dist/css/psui_styles.css",
-    "build-temp-tailwind": "postcss src/assets/scss/base.scss -o temp/css/psui_styles.css",
-    "full-publish": "npm run lint && npm run build-tailwind && npm run build-storybook && npm publish --tag beta",
-    "serve": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-tailwind\"",
-    "serve-prod": "concurrently --kill-others \"npm run watch-storybook\" \"npm run watch-prod-tailwind\"",
-    "watch-prod-tailwind": "watch 'npm run build-tailwind' ./src/assets",
-    "watch-tailwind": "watch 'npm run build-temp-tailwind' ./src/assets",
+    "build": "tsc -p tsconfig.json && npm run build:tailwind",
+    "full-publish": "npm run lint && npm run build && npm publish --tag beta",
     "kill-port": "sh ./scripts/kill-port.sh",
-    "storybook": "concurrently \"npm run kill-port\" \"npm run watch-prod-tailwind\" \"storybook dev -p 6006\""
+    "build:tailwind": "tailwindcss build -i src/assets/scss/base.scss -o dist/css/psui_styles_output.css -c tailwind.config.js",
+    "watch:tailwind": "watch 'npm run build:tailwind' dist/css"
   },
+  "main": "dist/index.js",
+  "types": "src/types/index.d.ts",
   "dependencies": {
     "@vue/compat": "^3.4.5",
     "core-js": "^3.6.5",
@@ -30,41 +20,38 @@
     "vue": "^3.4.5"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.4",
-    "@babel/core": "^7.23.7",
-    "@babel/eslint-parser": "^7.23.3",
-    "@babel/preset-env": "^7.23.7",
-    "@storybook/addon-essentials": "^7.6.7",
-    "@storybook/addon-interactions": "^7.6.7",
-    "@storybook/addon-links": "^7.6.7",
-    "@storybook/blocks": "^7.6.7",
-    "@storybook/test": "^7.6.7",
-    "@storybook/vue3": "^7.6.7",
-    "@storybook/vue3-webpack5": "^7.6.7",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
     "@vue/cli-plugin-eslint": "^5.0.8",
+    "@vue/cli-plugin-typescript": "~5.0.0",
     "@vue/cli-service": "~5.0.8",
     "@vue/compiler-sfc": "^3.4.5",
     "@vue/eslint-config-prettier": "^9.0.0",
-    "babel-eslint": "^10.1.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
     "concurrently": "^7.0.0",
     "eslint": "^8.56.0",
     "eslint-plugin-prettier": "^5.1.2",
-    "eslint-plugin-storybook": "^0.6.15",
-    "eslint-plugin-vue": "^9.19.2",
+    "eslint-plugin-vue": "^8.7.1",
     "postcss": "^8.3.11",
     "postcss-cli": "^9.0.2",
     "postcss-import": "^14.0.2",
     "postcss-nested": "^5.0.6",
     "prettier": "^3.1.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "storybook": "^7.6.7",
     "tailwindcss": "^3.4.1",
+    "ts-loader": "^9.5.1",
+    "typescript": "~4.5.5",
     "vue-eslint-parser": "^9.3.2",
     "vue-loader": "^17.4.2",
-    "watch": "^1.0.2"
+    "watch": "^1.0.2",
+    "webpack": "^5.89.0"
   },
   "engines": {
-    "node": "18.19.0"
-  }
+    "node": "20.11.0"
+  },
+  "keywords": [
+    "vue",
+    "ui"
+  ],
+  "license": "MIT",
+  "url": "https://github.com/Policy-Studio/policy-studio-ui-vue"
 }