@amirjalili1374/ui-kit 1.10.4 → 1.10.6

package/dist/components/layout/AppCustomizer.vue.d.ts

@@ -0,0 +1,7 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: (payload: string) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onSave?: (payload: string) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/layout/AppCustomizerPanel.vue.d.ts

@@ -5,6 +5,8 @@ export interface CustomizerThemeOption {
     secondary: string;
 }
 export type MenuOrientation = 'vertical' | 'horizontal';
+export type SurfaceStyle = 'elevated' | 'rounded' | 'tonal' | 'premium-executive';
+export type ContentWidth = 'wide' | 'compact';
 type __VLS_Props = {
     modelValue: boolean;
     themeMode: 'light' | 'dark';
@@ -17,13 +19,17 @@ type __VLS_Props = {
     textFieldHeight: TextFieldHeight;
     textScale: number;
     menuOrientation: MenuOrientation;
+    surfaceStyle?: SurfaceStyle;
+    contentWidth?: ContentWidth;
+    inputBg?: boolean;
+    layoutType?: string;
     width?: number;
     fontLabel?: (font: string) => string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reset: () => any;
     "update:modelValue": (value: boolean) => any;
-    apply: () => any;
+    apply: (payload: string) => any;
     "update:textFieldBorderRadius": (value: number) => any;
     "update:textFieldVariant": (value: TextFieldVariant) => any;
     "update:textFieldHeight": (value: TextFieldHeight) => any;
@@ -32,10 +38,12 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "update:activeTheme": (value: string) => any;
     "update:fontTheme": (value: string) => any;
     "update:menuOrientation": (value: MenuOrientation) => any;
+    "update:surfaceStyle": (value: SurfaceStyle) => any;
+    "update:contentWidth": (value: ContentWidth) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onReset?: () => any;
     "onUpdate:modelValue"?: (value: boolean) => any;
-    onApply?: () => any;
+    onApply?: (payload: string) => any;
     "onUpdate:textFieldBorderRadius"?: (value: number) => any;
     "onUpdate:textFieldVariant"?: (value: TextFieldVariant) => any;
     "onUpdate:textFieldHeight"?: (value: TextFieldHeight) => any;
@@ -44,8 +52,14 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     "onUpdate:activeTheme"?: (value: string) => any;
     "onUpdate:fontTheme"?: (value: string) => any;
     "onUpdate:menuOrientation"?: (value: MenuOrientation) => any;
+    "onUpdate:surfaceStyle"?: (value: SurfaceStyle) => any;
+    "onUpdate:contentWidth"?: (value: ContentWidth) => any;
 }>, {
     width: number;
+    inputBg: boolean;
+    layoutType: string;
+    surfaceStyle: SurfaceStyle;
+    contentWidth: ContentWidth;
     fontLabel: (font: string) => string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/components/shared/AppConfirmAction.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    modelValue: boolean;
+    title?: string;
+    description?: string;
+    confirmText?: string;
+    cancelText?: string;
+    color?: string;
+    loading?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+    confirm: () => any;
+    cancel: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onConfirm?: () => any;
+    onCancel?: () => any;
+}>, {
+    title: string;
+    color: string;
+    loading: boolean;
+    confirmText: string;
+    cancelText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/shared/AppEmptyState.vue.d.ts

@@ -0,0 +1,25 @@
+type __VLS_Props = {
+    title: string;
+    description?: string;
+    icon?: string;
+    actionText?: string;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onAction?: () => any;
+}>, {
+    icon: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppFilePreview.vue.d.ts

@@ -0,0 +1,31 @@
+export interface PreviewFile {
+    id: string | number;
+    name: string;
+    size?: string;
+    type?: string;
+    url?: string;
+}
+type __VLS_Props = {
+    files: PreviewFile[];
+    removable?: boolean;
+    downloadable?: boolean;
+};
+declare var __VLS_53: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_53) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    remove: (file: PreviewFile) => any;
+    download: (file: PreviewFile) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onRemove?: (file: PreviewFile) => any;
+    onDownload?: (file: PreviewFile) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppFilterBar.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    title?: string;
+    modelValue?: boolean;
+    showToggle?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_18: {}, __VLS_20: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_1) => any;
+} & {
+    'head-actions'?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_18) => any;
+} & {
+    actions?: (props: typeof __VLS_20) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: () => any;
+    reset: () => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: () => any;
+    onReset?: () => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    modelValue: boolean;
+    showToggle: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppFormSection.vue.d.ts

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    title: string;
+    description?: string;
+    columns?: number;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    actions?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    columns: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppNotificationCenter.vue.d.ts

@@ -0,0 +1,40 @@
+export interface AppNotification {
+    id: string | number;
+    title: string;
+    description?: string;
+    time?: string;
+    read?: boolean;
+    icon?: string;
+}
+type __VLS_Props = {
+    modelValue: boolean;
+    notifications: AppNotification[];
+    title?: string;
+};
+declare var __VLS_11: {
+    props: Record<string, any>;
+}, __VLS_71: {};
+type __VLS_Slots = {} & {
+    activator?: (props: typeof __VLS_11) => any;
+} & {
+    empty?: (props: typeof __VLS_71) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (notification: AppNotification) => any;
+    "update:modelValue": (value: boolean) => any;
+    readAll: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (notification: AppNotification) => any;
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onReadAll?: () => any;
+}>, {
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppPageHeader.vue.d.ts

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    title: string;
+    subtitle?: string;
+    backTo?: string;
+};
+declare var __VLS_9: {}, __VLS_11: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    back?: (props: typeof __VLS_9) => any;
+} & {
+    breadcrumb?: (props: typeof __VLS_11) => any;
+} & {
+    actions?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    back: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onBack?: () => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/shared/AppStatusBadge.vue.d.ts

@@ -0,0 +1,12 @@
+type __VLS_Props = {
+    label: string;
+    color?: string;
+    icon?: string;
+    dot?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: string;
+    dot: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/index.d.ts

@@ -20,6 +20,16 @@ export { default as UiChildCard } from './components/shared/UiChildCard.vue';
 export { default as UiParentCard } from './components/shared/UiParentCard.vue';
 export { default as VPriceTextField } from './components/shared/VPriceTextField.vue';
 export { default as ToggleSwitch } from './components/shared/ToggleSwitch.vue';
+export { default as AppPageHeader } from './components/shared/AppPageHeader.vue';
+export { default as AppFilterBar } from './components/shared/AppFilterBar.vue';
+export { default as AppEmptyState } from './components/shared/AppEmptyState.vue';
+export { default as AppStatusBadge } from './components/shared/AppStatusBadge.vue';
+export { default as AppConfirmAction } from './components/shared/AppConfirmAction.vue';
+export { default as AppFilePreview } from './components/shared/AppFilePreview.vue';
+export type { PreviewFile } from './components/shared/AppFilePreview.vue';
+export { default as AppFormSection } from './components/shared/AppFormSection.vue';
+export { default as AppNotificationCenter } from './components/shared/AppNotificationCenter.vue';
+export type { AppNotification } from './components/shared/AppNotificationCenter.vue';
 export { default as AppStepper } from './components/common/AppStepper.vue';
 export { default as Loading } from './components/Loading.vue';
 export { default as AppSidebar } from './components/layout/AppSidebar.vue';
@@ -27,9 +37,12 @@ export { default as AppHeader } from './components/layout/AppHeader.vue';
 export { default as AppHeaderMenu } from './components/layout/AppHeaderMenu.vue';
 export { default as AppCustomizerControls } from './components/layout/AppCustomizerControls.vue';
 export { default as AppCustomizerPanel } from './components/layout/AppCustomizerPanel.vue';
-export type { CustomizerThemeOption, MenuOrientation } from './components/layout/AppCustomizerPanel.vue';
+export { default as AppCustomizer } from './components/layout/AppCustomizer.vue';
+export type { CustomizerThemeOption } from './components/layout/AppCustomizerPanel.vue';
 export { default as AppCustomizerSubmit } from './components/layout/AppCustomizerSubmit.vue';
 export type { TextFieldHeight, TextFieldVariant } from './components/layout/AppCustomizerControls.vue';
+export { parseCustomizerPreferences, serializeCustomizerPreferences, customizerPreferenceDefaults } from './utils/customizerPreferences';
+export type { ContentWidth, CustomizerPreferences, MenuOrientation, SurfaceStyle } from './utils/customizerPreferences';
 export { default as AppLayout } from './components/layout/AppLayout.vue';
 export type { MenuItem, HeaderAction } from './types/components/layout/menu';
 export { useDataTable } from './composables/useDataTable';

package/dist/stores/customizer.d.ts

@@ -1,43 +1,70 @@
+import { type ContentWidth, type CustomizerPreferences, type MenuOrientation, type SurfaceStyle } from '../utils/customizerPreferences';
 export declare const useCustomizerStore: import("pinia").StoreDefinition<"customizer", {
     Sidebar_drawer: boolean;
     Customizer_drawer: boolean;
     mini_sidebar: boolean;
     fontTheme: string;
-    inputBg: string;
+    inputBg: boolean;
+    textFieldBorderRadius: number;
+    textFieldVariant: "outlined";
+    uiDensity: "default";
+    textScale: number;
+    surfaceStyle: SurfaceStyle;
+    contentWidth: ContentWidth;
     layoutType: string;
     actTheme: string;
     loading: boolean;
     themeMode: string;
-    menuOrientation: string;
+    menuOrientation: MenuOrientation;
 }, {
     getActTheme: (state: {
         Sidebar_drawer: boolean;
         Customizer_drawer: boolean;
         mini_sidebar: boolean;
         fontTheme: string;
-        inputBg: string;
+        inputBg: boolean;
+        textFieldBorderRadius: number;
+        textFieldVariant: "outlined";
+        uiDensity: "default";
+        textScale: number;
+        surfaceStyle: SurfaceStyle;
+        contentWidth: ContentWidth;
         layoutType: string;
         actTheme: string;
         loading: boolean;
         themeMode: string;
-        menuOrientation: string;
+        menuOrientation: MenuOrientation;
     } & import("pinia").PiniaCustomStateProperties<{
         Sidebar_drawer: boolean;
         Customizer_drawer: boolean;
         mini_sidebar: boolean;
         fontTheme: string;
-        inputBg: string;
+        inputBg: boolean;
+        textFieldBorderRadius: number;
+        textFieldVariant: "outlined";
+        uiDensity: "default";
+        textScale: number;
+        surfaceStyle: SurfaceStyle;
+        contentWidth: ContentWidth;
         layoutType: string;
         actTheme: string;
         loading: boolean;
         themeMode: string;
-        menuOrientation: string;
+        menuOrientation: MenuOrientation;
     }>) => string;
 }, {
     SET_SIDEBAR_DRAWER(payload?: boolean): void;
     SET_MINI_SIDEBAR(payload: boolean): void;
     SET_CUSTOMIZER_DRAWER(payload: boolean): void;
     SET_FONT(payload: string): void;
+    SET_TEXT_FIELD_BORDER_RADIUS(payload: number): void;
+    SET_TEXT_FIELD_VARIANT(payload: string): void;
+    SET_UI_DENSITY(payload: string): void;
+    SET_TEXT_SCALE(payload: number): void;
+    SET_SURFACE_STYLE(payload: string): void;
+    SET_CONTENT_WIDTH(payload: string): void;
+    LOAD_PREFERENCES(serialized: unknown): void;
+    APPLY_PREFERENCES(preferences: CustomizerPreferences): void;
     SET_THEME(payload: string): void;
     SET_LOADING(payload: boolean): void;
     SET_LAYOUT_TYPE(payload: string): void;