@imaginario27/air-ui-ds 1.0.0

package/models/enums/sections.ts

@@ -0,0 +1,8 @@
+export enum SectionSpacing {
+    NONE = 'none',
+    XS = 'xs',
+    SM = 'sm',
+    MD = 'md',
+    LG = 'lg',
+    XL = 'xl',
+}

package/models/enums/selects.ts

@@ -0,0 +1,16 @@
+export enum SelectSize {
+    MD = 'md',
+    LG = 'lg',
+}
+
+export enum SelectType {
+    TEXT = 'text',
+    ICON = 'icon',
+    USER = 'user',
+    IMAGE = 'image',
+}
+
+export enum SelectActiveStyle {
+    CHECK = 'check',
+    FILL = 'fill',
+}

package/models/enums/sliders.ts

@@ -0,0 +1,4 @@
+export enum SliderType {
+    SINGLE = 'single',
+    RANGE = 'range'
+}

package/models/enums/steppers.ts

@@ -0,0 +1,20 @@
+export enum StepStatus {
+    NONE = 'none',
+    INACTIVE = 'inactive',
+    CURRENT = 'current',
+    COMPLETED = 'completed',
+}
+
+export enum StepIndicatorSize {
+    XS = 'xs',
+    SM = 'sm',
+    MD = 'md',
+    LG = 'lg',
+    XL = 'xl',
+}
+
+export enum StepIndicatorType {
+    NUMBER = 'number',
+    EMPTY = 'empty',
+    ICON = 'icon',
+}

package/models/enums/tabs.ts

@@ -0,0 +1,11 @@
+export enum TabStyle {
+    UNDERLINE = 'underline',
+    PILL = 'pill',
+    PILL_MONOCRHOME = 'pill-monochrome',
+}
+
+export enum TabDecoration {
+    NONE = 'none',
+    ICON = 'icon',
+    IMAGE = 'image',
+}

package/models/enums/triggers.ts

@@ -0,0 +1,4 @@
+export enum Trigger {
+    CLICK = 'click',
+    HOVER = 'hover',
+}

package/models/types/accordions.ts

@@ -0,0 +1,6 @@
+export interface AccordionItem {
+    id: number
+    title: string
+    content: string
+    group?: string
+}

package/models/types/avatars.ts

@@ -0,0 +1,4 @@
+export interface Avatar {
+    displayName: string
+    imgUrl?: string
+}

package/models/types/badges.ts

@@ -0,0 +1,4 @@
+export interface Badge {
+    text: string 
+    icon?: string 
+}

package/models/types/buttons.ts

@@ -0,0 +1,26 @@
+export interface ActionButton {
+    text: string
+    value: string
+    active?: boolean
+    action?: () => void
+    size?: ButtonSize
+    icon?: string
+    iconPosition?: IconPosition
+    disabled?: boolean
+}
+
+export type ToggleButton = ActionButton
+export interface OptionButton extends ActionButton {
+    styleType?: ButtonStyleType
+}
+
+export interface AlertButton {
+    text: string
+    actionType?: ButtonActionType
+    icon?: any
+    iconPosition?: IconPosition
+    disabled?: boolean
+    to?: string
+    isExternal?: boolean
+    callback?: () => void
+}

package/models/types/dropdowns.ts

@@ -0,0 +1,20 @@
+export interface DropdownMenuItem {
+    actionType?: DropdownActionType
+    text?: string
+    icon?: any
+    size?: DropdownItemSize
+    type?: DropdownItemType
+    userDisplayName?: string
+    userProfileImg?: string
+    imgUrl?: string
+    alt?: string
+    helpText?: string
+    to?: string
+    isExternal?: boolean
+    exportData?: Record<string, any>[]
+    exportFields?: Record<string, any>
+    exportType?: string
+    exportFileName?: string
+    hasSeparator?: boolean
+    callback?: () => void
+}

package/models/types/forms.ts

@@ -0,0 +1,14 @@
+// Not all types are included because there specific components for some of them such as checkbox, radio, etc.
+export type AllowedInputType =
+    | 'color'
+    | 'email'
+    | 'number'
+    | 'password'
+    | 'tel'
+    | 'text'
+    | 'url'
+    | 'date'
+    | 'datetime-local'
+    | 'time'
+    | 'month'
+    | 'week'

package/models/types/navigation.ts

@@ -0,0 +1,11 @@
+export interface MenuItem {
+    text: string;
+    to: string;
+}
+
+export interface SidebarMenuItem {
+    text: string
+    icon?: string
+    to?: string
+    isSectionTitle?: boolean
+}

package/models/types/pagination.ts

@@ -0,0 +1,4 @@
+export interface PaginationRowPerPageOption {
+    text: string
+    value: number
+}

package/models/types/pdfExportTable.ts

@@ -0,0 +1,6 @@
+export interface HeaderConfig {
+    field: string
+    callback?: (value: any) => string
+}
+
+export type Headers = Record<string, string | HeaderConfig>

package/models/types/radio.ts

@@ -0,0 +1,9 @@
+export interface RadioOption {
+    id: string | number
+    value: string | number | boolean
+    label: string
+    helpText?: string
+    disabled?: boolean
+    type?: ColorAccent.INFO | ColorAccent.SUCCESS | ColorAccent.DANGER | ColorAccent.PRIMARY_BRAND | ColorAccent.SECONDARY_BRAND
+    icon?: string
+}

package/models/types/selects.ts

@@ -0,0 +1,14 @@
+export interface SelectOption {
+    id?: string | number
+    value: string | number
+    text?: string
+    icon?: any
+    customIcon?: string
+    userDisplayName?: string
+    userProfileImg?: string
+    imgUrl?: string
+    alt?: string
+    helpText?: string
+    to?: string
+    isExternal?: boolean
+}

package/models/types/steppers.ts

@@ -0,0 +1,17 @@
+export interface TabStep {
+    title: string
+    description?: string
+    icon?: string
+}
+
+export interface CircleStep {
+    icon?: string
+}
+
+export interface VerticalStepperItem {
+    title: string
+    metaTitle?: string
+    description: string
+    stepStatus?: StepStatus
+    stepIcon?: any
+}

package/models/types/tableOfContent.ts

@@ -0,0 +1,6 @@
+export interface TOCLink {
+    text: string
+    id: string
+    children?: TOCLink[]
+    depth: number
+}

package/models/types/tabs.ts

@@ -0,0 +1,7 @@
+export interface TabItem {
+    text: string
+    icon?: string
+    imgUrl?: string
+    badgeValue?: number | string
+    to?: string
+}

package/nuxt.config.ts

@@ -0,0 +1,40 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+import tailwindcss from "@tailwindcss/vite"
+
+export default defineNuxtConfig({
+    compatibilityDate: "2024-11-01",
+    devtools: { enabled: false },
+    ssr: false,
+
+    extends: [
+        '../air-ui-utils',
+    ],
+
+    modules: ["@nuxt/image", "nuxt-mdi", "@nuxt/eslint", '@vueuse/nuxt'],
+
+    plugins: ["@/plugins/vue3-toastify"],
+
+    imports: {
+        dirs: [
+            "models/**"
+        ],
+    },
+
+    components: [
+        // Auto-import components based only on its name, not path,
+        {
+            path: "./components",
+            pathPrefix: false,
+        },
+    ],
+
+    eslint: {
+        // options here
+    },
+
+    css: ["./assets/css/main.css"],
+
+    vite: {
+        plugins: [tailwindcss()],
+    },
+})

package/package.json

@@ -0,0 +1,57 @@
+{
+    "name": "@imaginario27/air-ui-ds",
+    "version": "1.0.0",
+    "author": "imaginario27",
+    "type": "module",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/imaginario27/air-ui.git"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "scripts": {
+        "build": "nuxt build",
+        "dev": "nuxt dev",
+        "generate": "nuxt generate",
+        "preview": "nuxt preview",
+        "postinstall": "nuxt prepare",
+        "test": "vitest",
+        "generate-theme": "ts-node scripts/generate-theme.ts",
+        "publish:patch": "npm version patch --no-git-tag-version && npm publish",
+        "publish:minor": "npm version minor --no-git-tag-version && npm publish",
+        "publish:major": "npm version major --no-git-tag-version && npm publish"
+    },
+    "dependencies": {
+        "@jaxtheprime/vue3-dropzone": "^3.4.0",
+        "@nuxt/content": "^3.7.1",
+        "@nuxt/eslint": "^1.9.0",
+        "@nuxt/image": "^1.11.0",
+        "@nuxtjs/i18n": "^10.1.0",
+        "@tailwindcss/vite": "^4.1.13",
+        "@vueuse/core": "^13.9.0",
+        "@vueuse/nuxt": "^13.9.0",
+        "eslint": "^9.36.0",
+        "jspdf": "^3.0.3",
+        "jspdf-autotable": "^5.0.2",
+        "nuxt": "^4.1.2",
+        "nuxt-mdi": "^2.1.1",
+        "tailwindcss": "^4.1.13",
+        "qrcode.vue": "^3.6.0",
+        "vue": "^3.5.22",
+        "vue-json-excel3": "^1.0.30",
+        "vue-router": "^4.5.1",
+        "vue3-toastify": "^0.2.8"
+    },
+    "devDependencies": {
+        "@nuxt/test-utils": "^3.19.2",
+        "@vitest/coverage-v8": "^3.2.4",
+        "@vue/test-utils": "^2.4.6",
+        "happy-dom": "^18.0.1",
+        "playwright-core": "^1.55.1",
+        "prettier": "^3.6.2",
+        "ts-node": "^10.9.2",
+        "typescript": "^5.9.2",
+        "vitest": "^3.2.4"
+    }
+}

package/plugins/vue3-toastify.ts

@@ -0,0 +1,14 @@
+// Docs: https://vue3-toastify.js-bridge.com/get-started/introduction.html
+
+import Vue3Toastify, { toast } from 'vue3-toastify'
+import 'vue3-toastify/dist/index.css'
+
+export default defineNuxtPlugin((nuxtApp) => {
+    const config = useToastifyConfig()
+
+    nuxtApp.vueApp.use(Vue3Toastify, config)
+
+    return {
+        provide: { toast },
+    }
+})

package/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    // https://nuxt.com/docs/guide/concepts/typescript
+    "extends": "./.nuxt/tsconfig.json",
+    "compilerOptions": {
+        "types": ["vitest/globals"],
+    }
+}