@skyworx/dynamic-ui 1.0.7 → 1.0.8

package/dist/{index-DDXdc0nQ.js → index-B1OvNFeR.js}

@@ -6406,7 +6406,7 @@ const uL = /* @__PURE__ */ Mb(cL), Vw = (e) => typeof e == "boolean" ? `${e}` :
   for (const [i, r] of t)
     n[i] = r;
   return n;
-}, tn = /* @__PURE__ */ Wn(mL, [["__scopeId", "data-v-03d1417d"]]), pL = {
+}, tn = /* @__PURE__ */ Wn(mL, [["__scopeId", "data-v-2e698b35"]]), pL = {
   key: 0,
   class: "animate-pulse"
 }, gL = {
@@ -13907,7 +13907,7 @@ const Xw = /* @__PURE__ */ B2(_3, [["render", x3]]), C3 = ["theme"], A3 = {
             "output-format": "side-by-side",
             language: "json",
             context: 10,
-            "max-height": 600,
+            "max-height": "600px",
             theme: s.value,
             "hide-header": !0,
             "hide-stat": !0
@@ -14455,7 +14455,7 @@ const W3 = ["aria-busy"], H3 = { class: "relative w-full flex-1" }, q3 = {
       [jn, e.visible]
     ]);
   }
-}), Da = /* @__PURE__ */ Wn(l4, [["__scopeId", "data-v-2e6dc550"]]), c4 = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, u4 = { class: "dcode-card h-full flex flex-col border border-neutral-200/60 dark:border-neutral-700/50 bg-white dark:bg-neutral-800 rounded-xl overflow-hidden" }, d4 = { class: "p-4 border-b border-neutral-200/60 dark:border-neutral-700/30 bg-neutral-50 dark:bg-neutral-900/10" }, f4 = { class: "flex items-center justify-between" }, h4 = { class: "font-display font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2" }, m4 = { class: "text-[10px] font-medium px-2 py-0.5 rounded-full bg-white dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 border border-neutral-200/60 dark:border-neutral-700/50 shadow-sm" }, p4 = { class: "p-6 flex-1" }, g4 = { class: "flex flex-col gap-4" }, b4 = {
+}), Da = /* @__PURE__ */ Wn(l4, [["__scopeId", "data-v-f402cf0b"]]), c4 = { class: "grid grid-cols-1 md:grid-cols-2 gap-6" }, u4 = { class: "dcode-card h-full flex flex-col border border-neutral-200/60 dark:border-neutral-700/50 bg-white dark:bg-neutral-800 rounded-xl overflow-hidden" }, d4 = { class: "p-4 border-b border-neutral-200/60 dark:border-neutral-700/30 bg-neutral-50 dark:bg-neutral-900/10" }, f4 = { class: "flex items-center justify-between" }, h4 = { class: "font-display font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2" }, m4 = { class: "text-[10px] font-medium px-2 py-0.5 rounded-full bg-white dark:bg-neutral-800 text-neutral-600 dark:text-neutral-400 border border-neutral-200/60 dark:border-neutral-700/50 shadow-sm" }, p4 = { class: "p-6 flex-1" }, g4 = { class: "flex flex-col gap-4" }, b4 = {
   key: 0,
   class: "text-center py-8 text-neutral-400 dark:text-neutral-500 italic text-sm"
 }, v4 = { class: "dcode-card h-full flex flex-col border border-neutral-200/60 dark:border-neutral-700/50 bg-white dark:bg-neutral-800 rounded-xl overflow-hidden" }, y4 = { class: "p-4 border-b border-neutral-200/60 dark:border-neutral-700/30 bg-neutral-50 dark:bg-neutral-900/10" }, w4 = { class: "flex items-center justify-between" }, _4 = { class: "font-display font-semibold text-neutral-900 dark:text-neutral-100 flex items-center gap-2" }, k4 = { class: "text-[10px] font-medium px-2 py-0.5 rounded-full bg-white dark:bg-neutral-800 text-primary-600 dark:text-primary-400 border border-primary-100 dark:border-primary-900/30 shadow-sm" }, x4 = { class: "p-6 flex-1" }, C4 = { class: "flex flex-col gap-4" }, A4 = {
@@ -37476,7 +37476,7 @@ const yg = /* @__PURE__ */ Je({
       [jn, a.value]
     ]);
   }
-}), Ud = /* @__PURE__ */ Wn(oq, [["__scopeId", "data-v-75b8af3b"]]);
+}), Ud = /* @__PURE__ */ Wn(oq, [["__scopeId", "data-v-77fda133"]]);
 var ed = { exports: {} };
 var aq = ed.exports, Dk;
 function lq() {
@@ -107039,7 +107039,7 @@ const jle = ["aria-busy"], Wle = {
       let Ie = [];
       if (ge)
         try {
-          const _e = await import("./viewer-CZARhy-c.js");
+          const _e = await import("./viewer-CiqlALNW.js");
           Ie = [_e.default || _e];
         } catch (_e) {
           console.warn("[DCodeWorkflowBpmn] Token simulation module not available:", _e);

package/dist/index.d.ts

@@ -0,0 +1,196 @@
+/* eslint-disable */
+/**
+ * AUTO-GENERATED FILE — JANGAN DIEDIT MANUAL.
+ * Dihasilkan oleh scripts/gen-types-entry.mjs dari src/main.js.
+ * Sumber deklarasi per-file: dist/types/** (vue-tsc -p tsconfig.build.json).
+ */
+
+// ── Public types (hand-maintained) ─────────────────────────────────────────
+
+export interface DynamicUIApiConfig {
+  externalApi: any
+}
+
+export interface DashboardInsightItem {
+  id: string | number
+  count: number
+  title: string
+  description: string
+  tone: 'primary' | 'warning' | 'danger'
+  route?: string | Record<string, unknown>
+}
+
+export interface DashboardFeatureItem {
+  id: string | number
+  category: string
+  releaseDate: string
+  title: string
+  description: string
+}
+
+export interface CheckboxItem {
+  id: string | number
+  title: string
+  value?: boolean
+  disabled?: boolean
+  indeterminate?: boolean
+}
+
+export interface SegmentGroupOption {
+  code: string
+  display: string
+  tooltip?: string
+}
+
+export interface MetricBarItem {
+  id?: string | number
+  label: string
+  value: string | number | boolean
+  type?: 'text' | 'currency' | 'percent' | 'badge'
+  color?: string
+  badgeType?: 'success' | 'danger' | 'warning' | 'info' | 'neutral'
+  badgeText?: string
+  badgeColor?: string
+}
+
+export interface CardListField {
+  key?: string
+  model: string
+  label?: string
+  labelID?: string
+  labelEN?: string
+  labelKR?: string
+  column?: 'FULL' | 'HALF' | 'THIRD' | string
+  valueType?: string
+  prefix?: string
+  suffix?: string
+  badgeColor?: string
+}
+
+export interface CardListSubTableHeader {
+  key: string
+  label?: string
+  labelID?: string
+  labelEN?: string
+  labelKR?: string
+  width?: string
+  align?: 'left' | 'center' | 'right'
+}
+
+export interface CardListSubTable {
+  key: string
+  title?: string
+  titleID?: string
+  titleEN?: string
+  titleKR?: string
+  modelKey: string
+  headers: CardListSubTableHeader[]
+}
+
+export interface PaginationStorage {
+  load(key: string): any | null
+  save(key: string, data: any): void
+  clear(): void
+}
+
+// ── Custom Elements (Web Components) ───────────────────────────────────────
+
+export const MicroDynamicForm: any
+export const MicroDynamicDatatable: any
+
+// ── Components & composables (generated from src/main.js) ──────────────────
+
+export { default as AutoLayoutDatatable } from './types/pages/AutoLayoutDatatable.vue'
+export { default as AutoLayoutForm } from './types/pages/AutoLayoutForm.vue'
+export { default as Breadcrumb } from './types/components/features/Breadcrumb.vue'
+export { default as CardSummary } from './types/components/features/CardSummary.vue'
+export { default as DCodeAutoComplete } from './types/components/base/DCodeAutoComplete.vue'
+export { default as DCodeBadge } from './types/components/base/DCodeBadge.vue'
+export { default as DCodeBarCustom } from './types/components/base/DCodeBarCustom.vue'
+export { default as DCodeBeforeAfter } from './types/components/base/DCodeBeforeAfter.vue'
+export { default as DCodeButton } from './types/components/base/DCodeButton.vue'
+export { default as DCodeButtonGroup } from './types/components/base/DCodeButtonGroup.vue'
+export { default as DCodeCard } from './types/components/base/DCodeCard.vue'
+export { default as DCodeCardCheckboxList } from './types/components/base/DCodeCardCheckboxList.vue'
+export { default as DCodeCardList } from './types/components/base/DCodeCardList.vue'
+export { default as DCodeCardSelect } from './types/components/base/DCodeCardSelect.vue'
+export { default as DCodeChart } from './types/components/base/DCodeChart.vue'
+export { default as DCodeCheckbox } from './types/components/base/DCodeCheckbox.vue'
+export { default as DCodeClearButton } from './types/components/base/DCodeClearButton.vue'
+export { default as DCodeColorPicker } from './types/components/base/DCodeColorPicker.vue'
+export { default as DCodeCurrencyField } from './types/components/base/DCodeCurrencyField.vue'
+export { default as DCodeDatePicker } from './types/components/base/DCodeDatePicker.vue'
+export { default as DCodeDateTimePicker } from './types/components/base/DCodeDateTimePicker.vue'
+export { default as DCodeDialog } from './types/components/base/DCodeDialog.vue'
+export { default as DCodeDialogCloseBtn } from './types/components/base/DCodeDialogCloseBtn.vue'
+export { default as DCodeDrawer } from './types/components/base/DCodeDrawer.vue'
+export { default as DCodeDropzone } from './types/components/base/DCodeDropzone.vue'
+export { default as DCodeDynamicCollapse } from './types/components/base/DCodeDynamicCollapse.vue'
+export { default as DCodeDynamicUploadList } from './types/components/base/DCodeDynamicUploadList.vue'
+export { default as DCodeFieldDiff } from './types/components/base/DCodeFieldDiff.vue'
+export { default as DCodeFileField } from './types/components/base/DCodeFileField.vue'
+export { default as DCodeFileResult } from './types/components/base/DCodeFileResult.vue'
+export { default as DCodeIconDropdown } from './types/components/base/DCodeIconDropdown.vue'
+export { default as DCodeImageCropperDialog } from './types/components/base/DCodeImageCropperDialog.vue'
+export { default as DCodeImageField } from './types/components/base/DCodeImageField.vue'
+export { default as DCodeImageResult } from './types/components/base/DCodeImageResult.vue'
+export { default as DCodeInfiniteAutoComplete } from './types/components/base/DCodeInfiniteAutoComplete.vue'
+export { default as DCodeLabel } from './types/components/base/DCodeLabel.vue'
+export { default as DCodeListLabels } from './types/components/base/DCodeListLabels.vue'
+export { default as DCodeMapField } from './types/components/base/DCodeMapField.vue'
+export { default as DCodeMonthPicker } from './types/components/base/DCodeMonthPicker.vue'
+export { default as DCodeMultiSelect } from './types/components/base/DCodeMultiSelect.vue'
+export { default as DCodeOtpInput } from './types/components/base/DCodeOtpInput.vue'
+export { default as DCodePagination } from './types/components/base/DCodePagination.vue'
+export { default as DCodePdfViewer } from './types/components/base/DCodePdfViewer.vue'
+export { default as DCodePercentField } from './types/components/base/DCodePercentField.vue'
+export { default as DCodePercentage } from './types/components/base/DCodePercentage.vue'
+export { default as DCodePermissionMenu } from './types/components/base/DCodePermissionMenu.vue'
+export { default as DCodeProgress } from './types/components/base/DCodeProgress.vue'
+export { default as DCodeProgressBar } from './types/components/base/DCodeProgressBar.vue'
+export { default as DCodeRadio } from './types/components/base/DCodeRadio.vue'
+export { default as DCodeRadioCustom } from './types/components/base/DCodeRadioCustom.vue'
+export { default as DCodeRangeField } from './types/components/base/DCodeRangeField.vue'
+export { default as DCodeRiskEvaluation } from './types/components/base/DCodeRiskEvaluation.vue'
+export { default as DCodeRobotList } from './types/components/base/DCodeRobotList.vue'
+export { default as DCodeSearchDialog } from './types/components/base/DCodeSearchDialog.vue'
+export { default as DCodeSegment } from './types/components/base/DCodeSegment.vue'
+export { default as DCodeSegmentGroup } from './types/components/base/DCodeSegmentGroup.vue'
+export { default as DCodeSelect } from './types/components/base/DCodeSelect.vue'
+export { default as DCodeSlider } from './types/components/base/DCodeSlider.vue'
+export { default as DCodeStaticImage } from './types/components/base/DCodeStaticImage.vue'
+export { default as DCodeStaticLabel } from './types/components/base/DCodeStaticLabel.vue'
+export { default as DCodeSwitch } from './types/components/base/DCodeSwitch.vue'
+export { default as DCodeTextEditor } from './types/components/base/DCodeTextEditor.vue'
+export { default as DCodeTextField } from './types/components/base/DCodeTextField.vue'
+export { default as DCodeTextarea } from './types/components/base/DCodeTextarea.vue'
+export { default as DCodeTimePicker } from './types/components/base/DCodeTimePicker.vue'
+export { default as DCodeTimelineWithIcons } from './types/components/base/DCodeTimelineWithIcons.vue'
+export { default as DCodeTreePermissions } from './types/components/base/DCodeTreePermissions.vue'
+export { default as DCodeUploadFile } from './types/components/base/DCodeUploadFile.vue'
+export { default as DCodeWizard } from './types/components/base/DCodeWizard.vue'
+export { default as DCodeWorkflowBpmn } from './types/components/base/DCodeWorkflowBpmn.vue'
+export { default as DCodeWorkflowDiagram } from './types/components/base/DCodeWorkflowDiagram.vue'
+export { default as DashboardActivityCard } from './types/components/features/DashboardActivityCard.vue'
+export { default as DashboardFeaturesCard } from './types/components/features/DashboardFeaturesCard.vue'
+export { default as DashboardInsightsCard } from './types/components/features/DashboardInsightsCard.vue'
+export { default as DataTable } from './types/components/base/datatable/DataTable.vue'
+export { default as DataTableComponent } from './types/components/base/datatable/DataTable.vue'
+export { default as DynamicForm } from './types/components/dynamic/DynamicForm.vue'
+export { default as DynamicFormField } from './types/components/dynamic/DynamicFormField.vue'
+export { default as DynamicWizard } from './types/components/dynamic/DynamicWizard.vue'
+export { default as Tooltip } from './types/components/ui/tooltip/Tooltip.vue'
+export { default as TooltipContent } from './types/components/ui/tooltip/TooltipContent.vue'
+export { default as TooltipProvider } from './types/components/ui/tooltip/TooltipProvider.vue'
+export { default as TooltipTrigger } from './types/components/ui/tooltip/TooltipTrigger.vue'
+export { clearPaginationCache } from './types/composables/dynamic-form/utils/form.utils'
+export { setPaginationStorage } from './types/composables/dynamic-form/utils/form.utils'
+export { useDynamicForm } from './types/composables/dynamic-form/useDynamicForm'
+
+// ── Plugin default export ──────────────────────────────────────────────────
+
+export const DynamicUI: {
+  install: (app: any, options?: DynamicUIApiConfig) => void
+}
+
+export default DynamicUI

package/dist/types/components/base/DCodeAutoComplete.vue.d.ts

@@ -0,0 +1,87 @@
+import type { ApiModule } from "../../types/api-request";
+import { type Component } from "vue";
+import type { DCodeBaseProps } from "../../types/base-props";
+import { type Rounded, type FieldSize } from "../../utils/helpers";
+type __VLS_Props = DCodeBaseProps<string | number | object | any[] | null | undefined> & {
+    apiOptions?: ApiOptions | (() => ApiOptions | undefined);
+    apiModule?: ApiModule;
+    apiAction?: string;
+    autoFetchOnOpen?: boolean;
+    autoFetchOnMount?: boolean;
+    itemTitle?: string | ((item: any) => string);
+    itemValue?: string | ((item: any) => any);
+    options?: any[];
+    items?: any[];
+    returnObject?: boolean;
+    endpoint?: {
+        apiModule?: ApiModule;
+        apiAction?: string;
+        apiUrl?: string;
+        apiMethod?: string;
+    };
+    apiParams?: Record<string, any>;
+    fetchItems?: (options?: any) => Promise<any[]> | any;
+    icon?: Component;
+    openOnFocus?: boolean;
+    pageSize?: number;
+    threshold?: number;
+    searchParamName?: string;
+    debounceMs?: number;
+    labelPosition?: "top" | "bottom" | "left" | "right";
+    labelWidth?: string;
+    prefix?: string;
+    suffix?: string;
+    size?: FieldSize;
+    rounded?: Rounded;
+    searchable?: boolean;
+};
+type ApiOptions = Record<string, any>;
+declare var __VLS_1: {}, __VLS_22: {
+    option: any;
+    selected: boolean;
+    index: number;
+}, __VLS_28: {};
+type __VLS_Slots = {} & {
+    'prepend-inner'?: (props: typeof __VLS_1) => any;
+} & {
+    option?: (props: typeof __VLS_22) => any;
+} & {
+    'no-data'?: (props: typeof __VLS_28) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    label: string;
+    size: FieldSize;
+    disabled: boolean;
+    readonly: boolean;
+    required: boolean;
+    error: string | null;
+    visible: boolean;
+    rounded: Rounded;
+    itemTitle: string | ((item: any) => string);
+    itemValue: string | ((item: any) => any);
+    returnObject: boolean;
+    clearable: boolean;
+    skeleton: boolean;
+    autoFetchOnOpen: boolean;
+    autoFetchOnMount: boolean;
+    apiParams: Record<string, any>;
+    openOnFocus: boolean;
+    pageSize: number;
+    threshold: number;
+    searchParamName: string;
+    debounceMs: number;
+    labelPosition: "top" | "bottom" | "left" | "right";
+    labelWidth: string;
+    searchable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/base/DCodeBadge.vue.d.ts

@@ -0,0 +1,33 @@
+import * as LucideIcons from "lucide-vue-next";
+type __VLS_Props = {
+    text?: string;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "ghost" | "tonal" | "pink" | "purple" | "dark" | "light" | "link" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "TONAL" | "GHOST" | "LINK" | "ELEVATED";
+    size?: "xs" | "sm" | "md" | "lg";
+    icon?: keyof typeof LucideIcons;
+    dot?: boolean;
+    pill?: boolean;
+    color?: "primary" | "success" | "warning" | "danger" | "info" | "purple" | "pink" | "gradient-blue" | "gradient-purple" | "gradient-sunset" | "gradient-emerald" | "PRIMARY" | "SUCCESS" | "WARNING" | "DANGER" | "INFO" | "PURPLE" | "PINK" | "GRADIENT-BLUE" | "GRADIENT-PURPLE" | "GRADIENT-SUNSET" | "GRADIENT-EMERALD";
+    skeleton?: boolean;
+    visible?: boolean;
+    class?: any;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "default" | "secondary" | "destructive" | "outline" | "success" | "warning" | "info" | "ghost" | "tonal" | "pink" | "purple" | "dark" | "light" | "link" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "TONAL" | "GHOST" | "LINK" | "ELEVATED";
+    text: string;
+    size: "xs" | "sm" | "md" | "lg";
+    dot: boolean;
+    visible: boolean;
+    skeleton: boolean;
+    pill: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/base/DCodeBarCustom.vue.d.ts

@@ -0,0 +1,28 @@
+export interface Props {
+    label?: string;
+    icon?: string;
+    modelValue?: any;
+    border?: boolean;
+    shadow?: boolean;
+    padding?: string;
+    containerClass?: string;
+    /**
+     * Tipe format value — seragam dengan DCodeStaticLabel.
+     * Nilai yang didukung: 'TEXT' | 'DATE' | 'DATETIME' | 'CURRENCY' | 'BOOLEAN' | 'NUMBER' | 'PERCENT' | 'BADGE'
+     */
+    valueType?: string;
+    /** Kode mata uang atau awalan teks (contoh: 'IDR', 'USD'). Digunakan saat valueType='CURRENCY' */
+    prefix?: string;
+    /** Akhiran teks (contoh: ' unit', ' kg') */
+    suffix?: string;
+    /** Locale formatting, default 'id-ID' */
+    locale?: string;
+}
+declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    locale: string;
+    padding: string;
+    border: boolean;
+    shadow: boolean;
+    containerClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/base/DCodeBeforeAfter.vue.d.ts

@@ -0,0 +1,21 @@
+import { PropType } from "vue";
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    dataBefore: {
+        type: PropType<any>;
+        required: true;
+    };
+    dataAfter: {
+        type: PropType<any>;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    dataBefore: {
+        type: PropType<any>;
+        required: true;
+    };
+    dataAfter: {
+        type: PropType<any>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/base/DCodeButton.vue.d.ts

@@ -0,0 +1,45 @@
+import * as LucideIcons from "lucide-vue-next";
+type __VLS_Props = {
+    icon?: keyof typeof LucideIcons;
+    text?: string;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "tonal" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "GHOST" | "LINK" | "TONAL" | "ELEVATED";
+    size?: "default" | "sm" | "lg" | "icon";
+    tooltip?: string;
+    bgColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none";
+    disabled?: boolean;
+    loading?: boolean;
+    type?: "BUTTON" | "SUBMIT" | "RESET" | "button" | "submit" | "reset";
+    visible?: boolean;
+    skeleton?: boolean;
+};
+declare var __VLS_34: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_34) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    variant: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "tonal" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "GHOST" | "LINK" | "TONAL" | "ELEVATED";
+    text: string;
+    size: "default" | "sm" | "lg" | "icon";
+    type: "BUTTON" | "SUBMIT" | "RESET" | "button" | "submit" | "reset";
+    disabled: boolean;
+    visible: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    loading: boolean;
+    bgColor: string;
+    borderColor: string;
+    borderStyle: "solid" | "dashed" | "dotted" | "double" | "none";
+    skeleton: boolean;
+    tooltip: string;
+    textColor: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/base/DCodeButtonGroup.vue.d.ts

@@ -0,0 +1,79 @@
+import * as LucideIcons from "lucide-vue-next";
+export interface ButtonGroupItem {
+    id?: string;
+    key?: string;
+    value?: string;
+    text?: string;
+    label?: string;
+    labelID?: string;
+    labelEN?: string;
+    labelKR?: string;
+    icon?: keyof typeof LucideIcons | string;
+    tooltip?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    visible?: boolean;
+    type?: "button" | "submit" | "reset" | "BUTTON" | "SUBMIT" | "RESET";
+    action?: string;
+    endpoint?: any;
+    endpointPropAction?: any;
+    endpointForm?: any;
+    endpointDialogActionSave?: any;
+    requireConfirm?: boolean;
+    openDialog?: boolean;
+    fieldMapping?: any;
+    [key: string]: any;
+}
+type __VLS_Props = {
+    text?: string;
+    label?: string;
+    labelID?: string;
+    labelEN?: string;
+    labelKR?: string;
+    icon?: keyof typeof LucideIcons | string;
+    buttons?: ButtonGroupItem[];
+    items?: ButtonGroupItem[];
+    variant?: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "tonal" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "GHOST" | "LINK" | "TONAL" | "ELEVATED";
+    size?: "default" | "sm" | "lg" | "icon";
+    bgColor?: string;
+    textColor?: string;
+    borderColor?: string;
+    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    borderStyle?: "solid" | "dashed" | "dotted" | "double" | "none";
+    orientation?: "horizontal" | "vertical";
+    disabled?: boolean;
+    visible?: boolean;
+    skeleton?: boolean;
+    class?: any;
+    menuAlign?: "left" | "right";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: (button: ButtonGroupItem, event: MouseEvent) => any;
+    action: (button: ButtonGroupItem, event: MouseEvent) => any;
+    "button-click": (button: ButtonGroupItem, event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((button: ButtonGroupItem, event: MouseEvent) => any) | undefined;
+    onAction?: ((button: ButtonGroupItem, event: MouseEvent) => any) | undefined;
+    "onButton-click"?: ((button: ButtonGroupItem, event: MouseEvent) => any) | undefined;
+}>, {
+    variant: "default" | "secondary" | "destructive" | "outline" | "ghost" | "link" | "tonal" | "elevated" | "DEFAULT" | "SECONDARY" | "DESTRUCTIVE" | "OUTLINE" | "GHOST" | "LINK" | "TONAL" | "ELEVATED";
+    label: string;
+    text: string;
+    size: "default" | "sm" | "lg" | "icon";
+    orientation: "horizontal" | "vertical";
+    disabled: boolean;
+    items: ButtonGroupItem[];
+    labelID: string;
+    labelEN: string;
+    visible: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full";
+    labelKR: string;
+    bgColor: string;
+    borderColor: string;
+    borderStyle: "solid" | "dashed" | "dotted" | "double" | "none";
+    buttons: ButtonGroupItem[];
+    skeleton: boolean;
+    textColor: string;
+    menuAlign: "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/types/components/base/DCodeCard.vue.d.ts

@@ -0,0 +1,30 @@
+export interface Props {
+    level?: 1 | 2 | 3;
+    title?: string;
+    subtitle?: string;
+    shadow?: boolean;
+    border?: boolean;
+    padding?: string;
+    headerTheme?: 'neutral' | 'primary';
+}
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    padding: string;
+    border: boolean;
+    shadow: boolean;
+    level: 1 | 2 | 3;
+    headerTheme: "neutral" | "primary";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    header?: (props: {}) => any;
+} & {
+    actions?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
+}>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/base/DCodeCardCheckboxList.vue.d.ts

@@ -0,0 +1,64 @@
+import * as LucideIcons from "lucide-vue-next";
+type __VLS_Props = {
+    modelValue?: any[];
+    icon?: keyof typeof LucideIcons;
+    itemTitle?: string;
+    itemValue?: string;
+    label?: string;
+    options?: any[];
+    items?: any[];
+    apiUrl?: string;
+    apiMethod?: "GET" | "POST";
+    apiModule?: string;
+    apiAction?: string;
+    endpoint?: {
+        apiUrl?: string;
+        apiMethod?: "GET" | "POST";
+        [key: string]: any;
+    };
+    dataPath?: string;
+    layout?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    visible?: boolean;
+    error?: string | null;
+    size?: "sm" | "md" | "lg";
+    color?: string;
+    model?: string;
+    id?: string;
+    columns?: number;
+    apiParams?: Record<string, any>;
+    returnArray?: boolean;
+    skeleton?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: any[]) => any;
+    change: (value: any[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any[]) => any) | undefined;
+    onChange?: ((value: any[]) => any) | undefined;
+}>, {
+    label: string;
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    modelValue: any[];
+    color: string;
+    id: string;
+    required: boolean;
+    error: string | null;
+    items: any[];
+    apiUrl: string;
+    visible: boolean;
+    itemTitle: string;
+    itemValue: string;
+    model: string;
+    skeleton: boolean;
+    options: any[];
+    apiParams: Record<string, any>;
+    apiMethod: "GET" | "POST";
+    dataPath: string;
+    layout: boolean;
+    columns: number;
+    returnArray: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;