@dcodegroup-au/dsg-vue 0.0.19 → 0.0.21

package/dist/table.d.ts

@@ -19,6 +19,7 @@ export declare const DsgTable: {
         reloadTable: () => void;
         updateRowTable: (rowData: any) => void;
         termChanged: (term: string | null) => void;
+        setFilters: (filters: any) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
         "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -40,12 +41,12 @@ export declare const DsgTable: {
                 readonly httpMethod?: "get" | "post" | undefined;
                 readonly reactiveApiUrl?: boolean | undefined;
                 readonly apiMode?: boolean | undefined;
-                readonly data?: (Array<any> | Object | null) | undefined;
+                readonly data?: (Array<any> | null) | undefined;
                 readonly dataManager?: (Function | null) | undefined;
                 readonly dataPath?: string | undefined;
                 readonly tableLayout?: "fixed" | "auto" | undefined;
                 readonly paginationPath?: string | undefined;
-                readonly queryParams?: import('./components/Table/DsgTableComponent.vue').DsgTableComponenetQueryParams | undefined;
+                readonly queryParams?: import('./table').DsgTableComponentQueryParams | undefined;
                 readonly httpOptions?: {
                     [key: string]: any;
                 } | undefined | undefined;
@@ -63,7 +64,7 @@ export declare const DsgTable: {
                 readonly detailRowClass?: (string | Function) | undefined;
                 readonly detailRowOptions?: Object | undefined;
                 readonly trackBy?: string | undefined;
-                readonly css?: import('./components/Table/DsgTableComponent.vue').DsgTableCustomCss | undefined;
+                readonly css?: import('./table').DsgTableCustomCss | undefined;
                 readonly minRows?: number | undefined;
                 readonly noDataTemplate?: string | undefined;
                 readonly showSortIcons?: boolean | undefined;
@@ -162,10 +163,10 @@ export declare const DsgTable: {
             $slots: Partial<Record<string, (_: {
                 rowData: any;
                 rowIndex: number;
-                rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+                rowField: import('./table').DsgTableField;
             }) => any>> & {
                 tableHeader?(_: {
-                    fields: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+                    fields: import('./table').DsgTableField[];
                 }): any;
                 'dsg-table-loading'?(_: {}): any;
                 'dsg-table-detail-row'?(_: {
@@ -175,7 +176,7 @@ export declare const DsgTable: {
                 }): any;
                 'dsg-table-empty-result'?(_: {}): any;
                 'dsg-table-footer'?(_: {
-                    fields: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+                    fields: import('./table').DsgTableField[];
                     data: any[] | null;
                 }): any;
             };
@@ -241,6 +242,7 @@ export declare const DsgTable: {
         reloadTable: () => void;
         updateRowTable: (rowData: any) => void;
         termChanged: (term: string | null) => void;
+        setFilters: (filters: any) => void;
     }, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -255,6 +257,7 @@ export declare const DsgTable: {
     reloadTable: () => void;
     updateRowTable: (rowData: any) => void;
     termChanged: (term: string | null) => void;
+    setFilters: (filters: any) => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
     "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -264,7 +267,7 @@ export declare const DsgTable: {
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {
         rowData: any;
-        rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+        rowField: import('./table').DsgTableField;
         rowIndex: number;
     }) => any>> & {
         'dsg-table--pre-header'?(_: {}): any;
@@ -281,11 +284,12 @@ export declare const DsgTable: {
         'dsg-table--search-actions'?(_: {
             data: null;
         }): any;
+        'dsg-table--search-navigation'?(_: {}): any;
         'dsg-table-actions'?(_: {
             data: {
                 rowData: any;
                 rowIndex: number;
-                rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+                rowField: import('./table').DsgTableField;
             };
         }): any;
         'dsg-table--footer-left'?(_: {
@@ -867,10 +871,10 @@ export declare const DsgTableActions: {
 });
 export declare const DsgTablePerPage: import('vue').DefineComponent<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export declare const DsgTableFilter: {
-    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any;
+        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
     }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         dsgTableFilter: HTMLDivElement;
         floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -1369,16 +1373,16 @@ export declare const DsgTableFilter: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+    }, Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import('vue').ComponentOptionsBase<Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-    "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+} & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgFilterProps> & Readonly<{
+    "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any;
+    "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
 }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         'dsg-table--filter-trigger'?(_: {}): any;
@@ -1414,26 +1418,26 @@ export declare const DsgTableSearch: import('vue').DefineComponent<import('./tab
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export declare const DsgTableRowHeader: import('vue').DefineComponent<{
     sortField?: import('./table').DsgTableSortField;
-    selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+    selectedRows?: import('./table').DsgTableField[];
     hasSelected?: boolean;
 } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:sortField": (value: import('./table').DsgTableSortField) => any;
-    "update:selectedRows": (value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any;
+    "update:selectedRows": (value: import('./table').DsgTableField[]) => any;
     "update:hasSelected": (value: boolean) => any;
 } & {
-    "dsg-table:sort-field": (field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any;
+    "dsg-table:sort-field": (field: import('./table').DsgTableField) => any;
     "dsg-table:on-select-all": () => any;
     "dsg-table:on-deselect-all": () => any;
 }, string, import('vue').PublicProps, Readonly<{
     sortField?: import('./table').DsgTableSortField;
-    selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+    selectedRows?: import('./table').DsgTableField[];
     hasSelected?: boolean;
 } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps> & Readonly<{
-    "onDsg-table:sort-field"?: ((field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any) | undefined;
+    "onDsg-table:sort-field"?: ((field: import('./table').DsgTableField) => any) | undefined;
     "onDsg-table:on-select-all"?: (() => any) | undefined;
     "onDsg-table:on-deselect-all"?: (() => any) | undefined;
     "onUpdate:sortField"?: ((value: import('./table').DsgTableSortField) => any) | undefined;
-    "onUpdate:selectedRows"?: ((value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any) | undefined;
+    "onUpdate:selectedRows"?: ((value: import('./table').DsgTableField[]) => any) | undefined;
     "onUpdate:hasSelected"?: ((value: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 /**
@@ -1444,6 +1448,7 @@ export declare const DsgTableRowHeader: import('vue').DefineComponent<{
 export type { DsgTableSearchProps } from './components/Table/DsgTableSearch.vue';
 export type { DsgTableSearchFacet, DsgTableSearchRefine, DsgTableFilterProps } from './components/Table/DsgTableFilter.vue';
 export type { DsgTableSortField } from './components/Table/DsgTableRowHeader.vue';
+export type { DsgTableField, DsgTableCustomCss, DsgTableComponentQueryParams, DsgTableHttpOptions } from './components/Table/DsgTableComponent.vue';
 /**
  * --------------------------------------------------------------------------
  *  Export: Default
@@ -1461,6 +1466,7 @@ declare const _default: {
             reloadTable: () => void;
             updateRowTable: (rowData: any) => void;
             termChanged: (term: string | null) => void;
+            setFilters: (filters: any) => void;
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
             "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -1482,12 +1488,12 @@ declare const _default: {
                     readonly httpMethod?: "get" | "post" | undefined;
                     readonly reactiveApiUrl?: boolean | undefined;
                     readonly apiMode?: boolean | undefined;
-                    readonly data?: (Array<any> | Object | null) | undefined;
+                    readonly data?: (Array<any> | null) | undefined;
                     readonly dataManager?: (Function | null) | undefined;
                     readonly dataPath?: string | undefined;
                     readonly tableLayout?: "fixed" | "auto" | undefined;
                     readonly paginationPath?: string | undefined;
-                    readonly queryParams?: import('./components/Table/DsgTableComponent.vue').DsgTableComponenetQueryParams | undefined;
+                    readonly queryParams?: import('./table').DsgTableComponentQueryParams | undefined;
                     readonly httpOptions?: {
                         [key: string]: any;
                     } | undefined | undefined;
@@ -1505,7 +1511,7 @@ declare const _default: {
                     readonly detailRowClass?: (string | Function) | undefined;
                     readonly detailRowOptions?: Object | undefined;
                     readonly trackBy?: string | undefined;
-                    readonly css?: import('./components/Table/DsgTableComponent.vue').DsgTableCustomCss | undefined;
+                    readonly css?: import('./table').DsgTableCustomCss | undefined;
                     readonly minRows?: number | undefined;
                     readonly noDataTemplate?: string | undefined;
                     readonly showSortIcons?: boolean | undefined;
@@ -1604,10 +1610,10 @@ declare const _default: {
                 $slots: Partial<Record<string, (_: {
                     rowData: any;
                     rowIndex: number;
-                    rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+                    rowField: import('./table').DsgTableField;
                 }) => any>> & {
                     tableHeader?(_: {
-                        fields: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+                        fields: import('./table').DsgTableField[];
                     }): any;
                     'dsg-table-loading'?(_: {}): any;
                     'dsg-table-detail-row'?(_: {
@@ -1617,7 +1623,7 @@ declare const _default: {
                     }): any;
                     'dsg-table-empty-result'?(_: {}): any;
                     'dsg-table-footer'?(_: {
-                        fields: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+                        fields: import('./table').DsgTableField[];
                         data: any[] | null;
                     }): any;
                 };
@@ -1683,6 +1689,7 @@ declare const _default: {
             reloadTable: () => void;
             updateRowTable: (rowData: any) => void;
             termChanged: (term: string | null) => void;
+            setFilters: (filters: any) => void;
         }, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
@@ -1697,6 +1704,7 @@ declare const _default: {
         reloadTable: () => void;
         updateRowTable: (rowData: any) => void;
         termChanged: (term: string | null) => void;
+        setFilters: (filters: any) => void;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         "dsg-table:action-edit": (ev: Event, rowData: Record<string, any>) => any;
         "dsg-table:action-view": (ev: Event, rowData: Record<string, any>) => any;
@@ -1706,7 +1714,7 @@ declare const _default: {
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: Partial<Record<string, (_: {
             rowData: any;
-            rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+            rowField: import('./table').DsgTableField;
             rowIndex: number;
         }) => any>> & {
             'dsg-table--pre-header'?(_: {}): any;
@@ -1723,11 +1731,12 @@ declare const _default: {
             'dsg-table--search-actions'?(_: {
                 data: null;
             }): any;
+            'dsg-table--search-navigation'?(_: {}): any;
             'dsg-table-actions'?(_: {
                 data: {
                     rowData: any;
                     rowIndex: number;
-                    rowField: import('./components/Table/DsgTableComponent.vue').DsgTableField;
+                    rowField: import('./table').DsgTableField;
                 };
             }): any;
             'dsg-table--footer-left'?(_: {
@@ -2309,10 +2318,10 @@ declare const _default: {
     });
     DsgTablePerPage: import('vue').DefineComponent<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./components/Table/DsgTablePerPage.vue').DsgTablePerPageProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     DsgTableFilter: {
-        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('./main').DsgFilterProps> & Readonly<{
+            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
         }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-            "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any;
+            "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
         }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
             dsgTableFilter: HTMLDivElement;
             floatingVueFilterDropdownEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
@@ -2811,16 +2820,16 @@ declare const _default: {
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+        }, Readonly<import('./main').DsgFilterProps> & Readonly<{
+            "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
         }>, {}, {}, {}, {}, {}>;
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import('vue').ComponentOptionsBase<Readonly<import('./table').DsgTableFilterProps> & Readonly<{
-        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any) | undefined;
+    } & import('vue').ComponentOptionsBase<Readonly<import('./main').DsgFilterProps> & Readonly<{
+        "onDsg-table:filter-updated"?: ((params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any) | undefined;
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./table').DsgTableSearchFacet | null | undefined) => any;
+        "dsg-table:filter-updated": (params: any, payload: any, activeFacet: import('./main').DsgSearchFacet | null | undefined) => any;
     }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
             'dsg-table--filter-trigger'?(_: {}): any;
@@ -2856,26 +2865,26 @@ declare const _default: {
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
     DsgTableRowHeader: import('vue').DefineComponent<{
         sortField?: import('./table').DsgTableSortField;
-        selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+        selectedRows?: import('./table').DsgTableField[];
         hasSelected?: boolean;
     } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:sortField": (value: import('./table').DsgTableSortField) => any;
-        "update:selectedRows": (value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any;
+        "update:selectedRows": (value: import('./table').DsgTableField[]) => any;
         "update:hasSelected": (value: boolean) => any;
     } & {
-        "dsg-table:sort-field": (field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any;
+        "dsg-table:sort-field": (field: import('./table').DsgTableField) => any;
         "dsg-table:on-select-all": () => any;
         "dsg-table:on-deselect-all": () => any;
     }, string, import('vue').PublicProps, Readonly<{
         sortField?: import('./table').DsgTableSortField;
-        selectedRows?: import('./components/Table/DsgTableComponent.vue').DsgTableField[];
+        selectedRows?: import('./table').DsgTableField[];
         hasSelected?: boolean;
     } & import('./components/Table/DsgTableRowHeader.vue').DsgTableRowHeaderProps> & Readonly<{
-        "onDsg-table:sort-field"?: ((field: import('./components/Table/DsgTableComponent.vue').DsgTableField) => any) | undefined;
+        "onDsg-table:sort-field"?: ((field: import('./table').DsgTableField) => any) | undefined;
         "onDsg-table:on-select-all"?: (() => any) | undefined;
         "onDsg-table:on-deselect-all"?: (() => any) | undefined;
         "onUpdate:sortField"?: ((value: import('./table').DsgTableSortField) => any) | undefined;
-        "onUpdate:selectedRows"?: ((value: import('./components/Table/DsgTableComponent.vue').DsgTableField[]) => any) | undefined;
+        "onUpdate:selectedRows"?: ((value: import('./table').DsgTableField[]) => any) | undefined;
         "onUpdate:hasSelected"?: ((value: boolean) => any) | undefined;
     }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLTableRowElement>;
 };

package/dist/tailwind/plugins/DsgFocusRingPlugin.d.ts

@@ -8,8 +8,21 @@
  *
  * --------------------------------------------------------------------------
  */
-declare const FocusRingsPlugin: {
+/**
+ * Type for focus ring colour config. All values are strings (hex or rgb).
+ */
+export interface FocusRingColourConfig {
+    brandColor: string;
+    grayColor: string;
+    errorColor: string;
+}
+/**
+ * Factory function to create a focus ring plugin with custom colours.
+ * Falls back to DsgColoursConfig if not provided.
+ */
+export declare function createFocusRingPlugin(colours?: Partial<FocusRingColourConfig>): {
     handler: import('tailwindcss/types/config').PluginCreator;
     config?: Partial<import('tailwindcss/types/config').Config>;
 };
+declare const FocusRingsPlugin: typeof createFocusRingPlugin;
 export default FocusRingsPlugin;

package/dist/tailwind.d.ts

@@ -863,3 +863,4 @@ export declare const DsgFontFamilyConfig: {
     brand: string[];
     inter: string[];
 };
+export { DsgTypographyPlugin, DsgRadiusPlugin, DsgGradientPlugin, DsgBackdropBlurPlugin, DsgShadowsPlugin, DsgFocusRingsPlugin, DsgContainerPlugin, DsgHeightPlugin, DsgScreenPlugin, DsgSpacingPlugin, DsgWidthPlugin, } from './tailwind/plugins/PluginCore';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dcodegroup-au/dsg-vue",
   "description": "Front-end Vue/Tailwind DSG for UntitledUI.",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
@@ -94,27 +94,27 @@
   },
   "devDependencies": {
     "@eslint/eslintrc": "^3.3.1",
-    "@eslint/js": "^9.27.0",
+    "@eslint/js": "^9.28.0",
     "@testing-library/vue": "^8.1.0",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^22.15.21",
+    "@types/node": "^22.15.30",
     "@types/uuid": "^10.0.0",
     "@vitejs/plugin-vue": "^5.2.4",
     "@vue/eslint-config-typescript": "^14.5.0",
     "@vuepic/vue-datepicker": "^11.0.2",
-    "@vueuse/components": "^12.8.2",
-    "@vueuse/core": "^12.8.2",
-    "@vueuse/integrations": "^13.2.0",
+    "@vueuse/components": "^13.3.0",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
     "axios": "^1.9.0",
     "card-validator": "^10.0.2",
     "dayjs": "^1.11.13",
-    "eslint": "^9.27.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.4.0",
+    "eslint": "^9.28.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-prettier": "^5.4.1",
     "eslint-plugin-storybook": "^0.12.0",
-    "eslint-plugin-vue": "^9.33.0",
+    "eslint-plugin-vue": "^10.2.0",
     "floating-vue": "^5.2.2",
-    "globals": "^15.15.0",
+    "globals": "^16.2.0",
     "hotkeys-js": "^3.13.10",
     "jest": "^29.7.0",
     "jiti": "^2.4.2",
@@ -122,19 +122,19 @@
     "only-allow": "^1.2.1",
     "phone": "^3.1.59",
     "prettier": "^3.5.3",
-    "sass": "^1.89.0",
-    "semantic-release": "^24.2.4",
+    "sass": "^1.89.1",
+    "semantic-release": "^24.2.5",
     "storybook": "^8.6.14",
     "tailwindcss": "^3.4.17",
     "typescript": "^5.8.3",
-    "typescript-eslint": "^8.32.1",
+    "typescript-eslint": "^8.34.0",
     "ua-parser-js": "^2.0.3",
     "uuid": "^11.1.0",
-    "vditor": "^3.11.0",
+    "vditor": "^3.11.1",
     "vite": "^6.3.5",
     "vite-plugin-dts": "^4.5.4",
     "vite-svg-loader": "^5.1.0",
-    "vitest": "^3.1.4",
+    "vitest": "^3.2.3",
     "vue-multiselect": "^3.2.0",
     "vue-tsc": "^2.2.10",
     "vue3-toastify": "^0.2.8"
@@ -147,4 +147,4 @@
       "plugin:storybook/recommended"
     ]
   }
-}
+}

package/tsconfig.json

@@ -19,6 +19,7 @@
       "@": ["./src"],
       "@/*": ["./src/*"],
       "~": ["./"],
+      "~nm": ["./node_modules"],
       "@assets": ["./src/assets"],
       "@components": ["./src/components"],
       "@tailwind": ["./src/tailwind"],

package/vite.config.ts

@@ -49,6 +49,7 @@ export default defineConfig(({ command, mode }) => {
       alias: {
         "@": path.resolve(__dirname, "src"),
         "~": path.resolve(__dirname),
+        "~nm": path.resolve(__dirname, "./node_modules"),
         "@components": path.resolve(__dirname, "src/components"),
         "@tailwind": path.resolve(__dirname, "src/tailwind"),
         "@tw": path.resolve(__dirname, "src/tailwind"),