@gemafajarramadhan/dynamic-ui 1.2.42 → 1.2.44

package/dist/index.d.ts

@@ -23,6 +23,31 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeBadge: DefineComponent<{
+        text?: string
+        variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info' | 'ghost' | 'tonal' | 'pink' | 'purple' | 'dark' | 'light'
+        size?: 'xs' | 'sm' | 'md' | 'lg'
+        icon?: string
+        dot?: boolean
+        pill?: boolean
+        color?: string
+        skeleton?: boolean
+        visible?: boolean
+        [key: string]: any
+    }>
+
+    export const DCodeBeforeAfter: DefineComponent<{
+        dataBefore: any
+        dataAfter: any
+        [key: string]: any
+    }>
+
+    export const DCodeListLabels: DefineComponent<{
+        dataBefore?: any
+        dataAfter?: any
+        [key: string]: any
+    }>
+
     export const DCodeButton: DefineComponent<{
         text?: string
         variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'tonal' | 'elevated'
@@ -43,6 +68,25 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeChart: DefineComponent<{
+        type: string
+        width?: number
+        height?: number
+        required?: boolean
+        loading?: boolean
+        error?: string | null
+        showInfo?: boolean
+        responsive?: boolean
+        maintainAspectRatio?: boolean
+        theme?: string
+        colors?: string[]
+        data?: any
+        modelValue?: any
+        options?: any
+        label?: string
+        [key: string]: any
+    }>
+
     export interface CheckboxItem {
         id: string | number
         title: string
@@ -252,6 +296,18 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeProgress: DefineComponent<{
+        modelValue?: number
+        max?: number
+        label?: string
+        showValue?: boolean
+        color?: string
+        size?: 'sm' | 'md' | 'lg'
+        striped?: boolean
+        animated?: boolean
+        [key: string]: any
+    }>
+
     export const DCodeProgressBar: DefineComponent<{
         isApiLoading?: boolean
         apiProgress?: number
@@ -371,6 +427,7 @@ declare module '@gemafajarramadhan/dynamic-ui' {
     
     export const AutoLayoutForm: any
     export const AutoLayoutDatatable: any
+    export const DataTable: any
     export const DataTableComponent: any
 
     export function registerLogic(name: string, module: any): void

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gemafajarramadhan/dynamic-ui",
-  "version": "1.2.42",
+  "version": "1.2.44",
   "description": "Vue 3 Dynamic UI Component Library - Compatible with Vue, React, Angular, and any other framework via Web Components",
   "type": "module",
   "license": "MIT",
@@ -92,6 +92,7 @@
     "chart.js": "^4.5.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "json-logic-js": "^2.0.5",
     "lucide-vue-next": "^0.575.0",
     "reka-ui": "^2.8.0",
     "tailwind-merge": "^3.5.0",
@@ -103,6 +104,7 @@
     "vue3-toastify": "^0.2.9"
   },
   "devDependencies": {
+    "@types/json-logic-js": "^2.0.8",
     "@types/node": "^25.0.3",
     "@vitejs/plugin-vue": "^5.0.4",
     "autoprefixer": "^10.4.19",

package/src/index.d.ts

@@ -23,6 +23,31 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeBadge: DefineComponent<{
+        text?: string
+        variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'success' | 'warning' | 'info' | 'ghost' | 'tonal' | 'pink' | 'purple' | 'dark' | 'light'
+        size?: 'xs' | 'sm' | 'md' | 'lg'
+        icon?: string
+        dot?: boolean
+        pill?: boolean
+        color?: string
+        skeleton?: boolean
+        visible?: boolean
+        [key: string]: any
+    }>
+
+    export const DCodeBeforeAfter: DefineComponent<{
+        dataBefore: any
+        dataAfter: any
+        [key: string]: any
+    }>
+
+    export const DCodeListLabels: DefineComponent<{
+        dataBefore?: any
+        dataAfter?: any
+        [key: string]: any
+    }>
+
     export const DCodeButton: DefineComponent<{
         text?: string
         variant?: 'default' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'link' | 'tonal' | 'elevated'
@@ -43,6 +68,25 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeChart: DefineComponent<{
+        type: string
+        width?: number
+        height?: number
+        required?: boolean
+        loading?: boolean
+        error?: string | null
+        showInfo?: boolean
+        responsive?: boolean
+        maintainAspectRatio?: boolean
+        theme?: string
+        colors?: string[]
+        data?: any
+        modelValue?: any
+        options?: any
+        label?: string
+        [key: string]: any
+    }>
+
     export interface CheckboxItem {
         id: string | number
         title: string
@@ -252,6 +296,18 @@ declare module '@gemafajarramadhan/dynamic-ui' {
         [key: string]: any
     }>
 
+    export const DCodeProgress: DefineComponent<{
+        modelValue?: number
+        max?: number
+        label?: string
+        showValue?: boolean
+        color?: string
+        size?: 'sm' | 'md' | 'lg'
+        striped?: boolean
+        animated?: boolean
+        [key: string]: any
+    }>
+
     export const DCodeProgressBar: DefineComponent<{
         isApiLoading?: boolean
         apiProgress?: number
@@ -371,6 +427,7 @@ declare module '@gemafajarramadhan/dynamic-ui' {
     
     export const AutoLayoutForm: any
     export const AutoLayoutDatatable: any
+    export const DataTable: any
     export const DataTableComponent: any
 
     export function registerLogic(name: string, module: any): void