@saasmakers/ui 0.1.77 → 0.1.80

package/app/types/bases.d.ts

@@ -1,3 +1,5 @@
+export type BaseAlignment = 'center' | 'left' | 'right'
+
 export type BaseBackground = 'gray' | 'white'
 
 export type BaseColor
@@ -134,13 +136,11 @@ export interface BaseEmoji {
 }
 
 export interface BaseHeading {
-  alignment?: BaseHeadingAlignment
+  alignment?: BaseAlignment
   size?: BaseHeadingSize
   tag?: BaseHeadingTag
 }
 
-export type BaseHeadingAlignment = 'center' | 'left' | 'right'
-
 export type BaseHeadingSize
   = | 'base'
     | 'lg'
@@ -181,7 +181,7 @@ export interface BaseMessage {
 }
 
 export interface BaseMetric {
-  alignment?: BaseMetricAlignment
+  alignment?: BaseAlignment
   performance?: BaseMetricPerformance
   performanceTooltip?: string
   size?: BaseMetricSize
@@ -189,8 +189,6 @@ export interface BaseMetric {
   value?: number | string
 }
 
-export type BaseMetricAlignment = 'center' | 'left' | 'right'
-
 export type BaseMetricPerformance = 'down' | 'equal' | 'up'
 
 export type BaseMetricSize = 'base' | 'sm'
@@ -215,12 +213,10 @@ export type BaseOverlayOpacity
 export type BaseOverlayPosition = 'absolute' | 'fixed'
 
 export interface BaseParagraph {
-  alignment?: BaseParagraphAlignment
+  alignment?: BaseAlignment
   size?: BaseParagraphSize
 }
 
-export type BaseParagraphAlignment = 'center' | 'left' | 'right'
-
 export type BaseParagraphSize = 'base' | 'lg' | 'sm'
 
 export interface BasePower {
@@ -337,7 +333,9 @@ export interface BaseTags {
 }
 
 export interface BaseText {
-  background?: BaseTextBackground
+  alignment?: BaseAlignment
+  background?: BaseBackground
+  block?: boolean
   bold?: boolean
   hasMargin?: boolean
   maxCharacters?: number

package/app/types/fields.d.ts

@@ -35,7 +35,7 @@ export interface FieldEmojis {
 }
 
 export interface FieldInput {
-  alignment?: FieldInputAlignment
+  alignment?: BaseAlignment
   autocomplete?: boolean
   autofocus?: boolean
   background?: FieldBackground
@@ -60,8 +60,6 @@ export interface FieldInput {
   validation?: VuelidateValidation
 }
 
-export type FieldInputAlignment = 'center' | 'left' | 'right'
-
 export type FieldInputBorder = 'bottom' | 'full' | 'none'
 
 export type FieldInputType

package/app/types/global.d.ts

@@ -15,6 +15,7 @@ declare global {
   type LayerIconValue = LayerIconValueType
 
   // Bases
+  type BaseAlignment = Bases.BaseAlignment
   type BaseBackground = Bases.BaseBackground
   type BaseColor = Bases.BaseColor
   type BaseSize = Bases.BaseSize
@@ -97,7 +98,9 @@ declare global {
   type ChartistLineChartData = import('chartist').LineChartData
   type ChartistOptions = import('chartist').Options
   type ChartistPieChartData = import('chartist').PieChartData
+  type Meta<T> = import('@nuxtjs/storybook').Meta<T>
   type RouteLocationNamedI18n = import('vue-router').RouteLocationNamedI18n
+  type StoryObj<T> = import('@nuxtjs/storybook').StoryObj<T>
   type VuelidateValidation = import('@vuelidate/core').BaseValidation
 
   // Navigator

package/nuxt.config.ts

@@ -56,6 +56,7 @@ export default defineNuxtConfig({
     '@nuxtjs/plausible',
     '@nuxtjs/robots',
     '@nuxtjs/sitemap',
+    '@nuxtjs/storybook',
     '@pinia/nuxt',
     '@unocss/nuxt',
     '@vueuse/nuxt',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasmakers/ui",
   "type": "module",
-  "version": "0.1.77",
+  "version": "0.1.80",
   "private": false,
   "description": "Reusable Nuxt UI components for SaaS Makers projects",
   "license": "MIT",
@@ -33,6 +33,7 @@
     "@nuxtjs/plausible": "2.0.1",
     "@nuxtjs/robots": "5.5.6",
     "@nuxtjs/sitemap": "7.4.7",
+    "@nuxtjs/storybook": "9.0.1",
     "@pinia/nuxt": "0.11.2",
     "@unocss/nuxt": "66.5.4",
     "@unocss/reset": "66.5.10",
@@ -47,6 +48,7 @@
     "motion-v": "1.7.4",
     "numbro": "2.5.0",
     "snarkdown": "2.0.0",
+    "storybook": "9.0.5",
     "unocss": "66.5.4",
     "vue": "3.5.22",
     "vue-router": "4.6.3"
@@ -59,6 +61,7 @@
   "scripts": {
     "dev": "nuxi dev",
     "lint": "eslint .",
+    "storybook": "storybook dev",
     "typecheck": "nuxi typecheck"
   }
 }