@3squared/forge-ui-3 1.3.4 → 2.0.0

package/dist/src/passthroughs/Button.pt.d.ts

@@ -34,7 +34,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -68,7 +68,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -102,7 +102,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -136,7 +136,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -170,7 +170,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -204,7 +204,7 @@ declare const _default: {
                 "link-info text-decoration-underline link-underline-info"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -238,7 +238,7 @@ declare const _default: {
                 "link-danger text-decoration-underline link-underline-danger"?: undefined;
                 'p-0 border-0'?: undefined;
                 shadow?: undefined;
-                'rounded-pill'?: undefined;
+                "rounded-pill"?: undefined;
                 "btn-lg"?: undefined;
                 "btn-sm"?: undefined;
             } | {
@@ -280,38 +280,45 @@ declare const _default: {
         loadingIcon: () => {
             class: string[];
         };
-        badge: ({ props }: ButtonPassThroughMethodOptions<any>) => {
-            class: (string | {
-                "button-badge-primary": boolean;
-                "button-badge-brand": boolean;
-                "button-badge-secondary": boolean;
-                "button-badge-success": boolean;
-                "button-badge-warning": boolean;
-                "button-badge-danger": boolean;
-                'button-badge-info': boolean;
-                "button-badge-primary outlined"?: undefined;
-                "button-badge-brand outlined"?: undefined;
-                "button-badge-secondary outlined"?: undefined;
-                "button-badge-success outlined"?: undefined;
-                "button-badge-warning outlined"?: undefined;
-                "button-badge-danger outlined"?: undefined;
-                'button-badge-info outlined'?: undefined;
-            } | {
-                "button-badge-primary outlined": boolean | undefined;
-                "button-badge-brand outlined": boolean | undefined;
-                "button-badge-secondary outlined": boolean | undefined;
-                "button-badge-success outlined": boolean | undefined;
-                "button-badge-warning outlined": boolean | undefined;
-                "button-badge-danger outlined": boolean | undefined;
-                'button-badge-info outlined': boolean | undefined;
-                "button-badge-primary"?: undefined;
-                "button-badge-brand"?: undefined;
-                "button-badge-secondary"?: undefined;
-                "button-badge-success"?: undefined;
-                "button-badge-warning"?: undefined;
-                "button-badge-danger"?: undefined;
-                'button-badge-info'?: undefined;
-            })[];
+        label: ({ props }: ButtonPassThroughMethodOptions<any>) => {
+            class: {
+                "d-none": boolean;
+            }[];
+        };
+        pcbadge: {
+            root: ({ props }: ButtonPassThroughMethodOptions<any>) => {
+                class: (string | {
+                    "button-badge-primary badge-primary": boolean;
+                    "button-badge-brand": boolean;
+                    "button-badge-secondary": boolean;
+                    "button-badge-success": boolean;
+                    "button-badge-warning": boolean;
+                    "button-badge-danger": boolean;
+                    'button-badge-info': boolean;
+                    "button-badge-primary outlined"?: undefined;
+                    "button-badge-brand outlined"?: undefined;
+                    "button-badge-secondary outlined"?: undefined;
+                    "button-badge-success outlined"?: undefined;
+                    "button-badge-warning outlined"?: undefined;
+                    "button-badge-danger outlined"?: undefined;
+                    'button-badge-info outlined'?: undefined;
+                } | {
+                    "button-badge-primary outlined": boolean | undefined;
+                    "button-badge-brand outlined": boolean | undefined;
+                    "button-badge-secondary outlined": boolean | undefined;
+                    "button-badge-success outlined": boolean | undefined;
+                    "button-badge-warning outlined": boolean | undefined;
+                    "button-badge-danger outlined": boolean | undefined;
+                    'button-badge-info outlined': boolean | undefined;
+                    "button-badge-primary badge-primary"?: undefined;
+                    "button-badge-brand"?: undefined;
+                    "button-badge-secondary"?: undefined;
+                    "button-badge-success"?: undefined;
+                    "button-badge-warning"?: undefined;
+                    "button-badge-danger"?: undefined;
+                    'button-badge-info'?: undefined;
+                })[];
+            };
         };
     };
 };

package/dist/src/passthroughs/Checkbox.pt.d.ts

@@ -5,11 +5,11 @@ declare const _default: {
         root: () => {
             class: string[];
         };
-        input: (options: CheckboxPassThroughMethodOptions) => {
+        input: ({ context, state }: CheckboxPassThroughMethodOptions) => {
             class: (string | {
-                'bg-primary': boolean;
-                'form-check-input__focus': any;
-                disabled: boolean;
+                "bg-primary": boolean;
+                "cursor-pointer": boolean;
+                "form-check-input__focus": any;
             })[];
         };
     };

package/dist/src/passthroughs/{Chips.pt.d.ts → Chip.pt.d.ts}

@@ -1,7 +1,8 @@
 declare const _default: {
-    chips: {
+    chip: {
         root: string;
         label: string;
+        removeIcon: string;
     };
 };
 export default _default;

package/dist/src/passthroughs/Column.pt.d.ts

@@ -2,7 +2,7 @@ import { ColumnPassThroughMethodOptions, ColumnProps } from 'primevue/column';
 
 declare const _default: {
     column: {
-        sortBadge: string;
+        pcSortBadge: string;
         headerCell: (options: ColumnPassThroughMethodOptions & {
             props: {
                 reorderableColumns: boolean;
@@ -20,15 +20,13 @@ declare const _default: {
                 'overflow-hidden position-relative bg-clip-padding': boolean;
             })[];
         };
-        roweditorinitbutton: string;
-        rowtoggler: {
+        pcRowEditorInit: string;
+        rowToggleButton: string;
+        columnResizer: {
             class: string;
         };
-        columnresizer: {
-            class: string;
-        };
-        roweditorsavebutton: string;
-        roweditorcancelbutton: string;
+        pcRowEditorSave: string;
+        pcRowEditorCancel: string;
         bodyCell: (options: ColumnPassThroughMethodOptions & {
             props: {
                 resizableColumns: boolean;
@@ -45,7 +43,7 @@ declare const _default: {
             };
         };
         rowreordericon: string;
-        filterMenuButton: ({ props }: ColumnProps & {
+        pcColumnFilterButton: ({ props }: ColumnProps & {
             props: {
                 type: string;
             };
@@ -54,7 +52,7 @@ declare const _default: {
                 'd-none': boolean;
             })[];
         };
-        headerFilterClearButton: ({ props }: ColumnPassThroughMethodOptions & {
+        pcColumnFilterClearButton: ({ props }: ColumnPassThroughMethodOptions & {
             props: {
                 filters: object;
             };
@@ -69,26 +67,27 @@ declare const _default: {
         filterRowItems: {
             class: string[];
         };
-        columnfilter: string;
-        filterinput: string;
-        filterRowItem: (options: ColumnPassThroughMethodOptions) => {
+        filter: string;
+        filterElementContainer: string;
+        filterConstraintList: string;
+        filterConstraint: (options: ColumnPassThroughMethodOptions) => {
             class: (string | {
                 active: any;
             })[];
         };
-        filterSeparator: {
+        filterConstraintSeparator: {
             class: string[];
         };
-        headerContent: string;
-        headerTitle: string;
+        columnHeaderContent: string;
+        columnTitle: string;
         sort: string;
-        rowCheckbox: (options: any) => {
+        pcRowCheckbox: (options: any) => {
             class: (string | {
                 'bg-primary': any;
                 'form-check-input__focus': any;
             })[];
         };
-        rowRadioButton: (options: any) => {
+        pcRowRadiobutton: (options: any) => {
             class: (string | {
                 disabled: any;
             })[];

package/dist/src/passthroughs/Datepicker.pt.d.ts

@@ -1,6 +1,6 @@
-import { CalendarPassThroughOptions } from 'primevue/calendar';
+import { DatePickerPassThroughOptions } from 'primevue/datepicker';
 
 declare const _default: {
-    calendar: CalendarPassThroughOptions;
+    datepicker: DatePickerPassThroughOptions;
 };
 export default _default;

package/dist/src/passthroughs/Dialog.pt.d.ts

@@ -17,20 +17,24 @@ declare const _default: {
         headerIcons: () => {
             class: string[];
         };
-        icons: string;
-        closeButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
-            class: (string | {
-                'ms-auto': boolean;
-            })[];
-        };
-        maximizableButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
-            class: (string | {
-                "me-3": boolean | undefined;
-            })[];
+        headerActions: string;
+        pcCloseButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
+            root: {
+                class: (string | {
+                    "ms-auto": boolean;
+                })[];
+            };
+        };
+        pcMaximizeButton: ({ props }: DialogPassThroughMethodOptions<any>) => {
+            root: {
+                class: (string | {
+                    "me-3": boolean | undefined;
+                })[];
+            };
         };
         mask: ({ props }: DialogPassThroughMethodOptions<any>) => {
             class: (string | {
-                'modal-open': boolean | undefined;
+                "modal-open": boolean | undefined;
             })[];
         };
     };

package/dist/src/passthroughs/Dropdown.pt.d.ts

@@ -1,38 +1,39 @@
-import { DropdownPassThroughMethodOptions } from 'primevue/dropdown';
+import { SelectPassThroughMethodOptions } from 'primevue/select';
 
 declare const _default: {
-    dropdown: {
-        root: ({ props }: DropdownPassThroughMethodOptions<any>) => {
+    select: {
+        root: ({ props }: SelectPassThroughMethodOptions<any>) => {
             class: (string | {
                 disabled: boolean | undefined;
             })[];
         };
-        trigger: ({ state }: DropdownPassThroughMethodOptions<any>) => {
-            class: (string | {
-                'rotate-180': boolean;
-            })[];
+        dropdown: ({ state }: SelectPassThroughMethodOptions<any>) => {
+            class: string[];
         };
-        list: ({ props }: DropdownPassThroughMethodOptions<any>) => {
+        list: ({ props }: SelectPassThroughMethodOptions<any>) => {
             class: string[];
             style: string;
         };
-        item: ({ context }: DropdownPassThroughMethodOptions<any>) => {
+        option: ({ context }: SelectPassThroughMethodOptions<any>) => {
             class: (string | {
                 'bg-primary text-white': boolean;
             })[];
         };
-        panel: string;
-        filterContainer: string;
-        filterInput: string;
-        filterIcon: {
-            class: string[];
-            style: string;
+        overlay: string;
+        header: string;
+        pcFilter: string;
+        pcFilterIconContainer: {
+            root: {
+                class: string[];
+                style: string;
+            };
         };
         clearIcon: string;
         loadingIcon: string;
-        itemGroupLabel: string;
+        optionGroupLabel: string;
         emptyMessage: string;
-        input: ({ instance }: DropdownPassThroughMethodOptions<any>) => {
+        filterIcon: string;
+        label: ({ instance }: SelectPassThroughMethodOptions<any>) => {
             class: (string | {
                 'filter-placeholder': boolean;
             })[];

package/dist/src/passthroughs/Fieldset.pt.d.ts

@@ -6,10 +6,13 @@ declare const _default: {
         legend: () => {
             class: string[];
         };
-        togglerIcon: () => {
+        toggleButton: () => {
             class: string[];
         };
-        toggleableContent: () => {
+        toggleIcon: () => {
+            class: string[];
+        };
+        content: () => {
             class: string[];
         };
     };

package/dist/src/passthroughs/Image.pt.d.ts

@@ -1,9 +1,9 @@
 declare const _default: {
     image: {
         root: string;
-        button: string;
+        previewMask: string;
         mask: string;
-        preview: string;
+        original: string;
         toolbar: string;
         rotaterightbutton: string;
         rotateleftbutton: string;

package/dist/src/passthroughs/InputSwitch.pt.d.ts

@@ -1,6 +1,6 @@
-import { InputSwitchPassThroughOptions } from 'primevue/inputswitch';
+import { ToggleSwitchPassThroughOptions } from 'primevue/toggleswitch';
 
 declare const _default: {
-    inputSwitch: InputSwitchPassThroughOptions;
+    toggleSwitch: ToggleSwitchPassThroughOptions;
 };
 export default _default;

package/dist/src/passthroughs/Message.pt.d.ts

@@ -16,7 +16,7 @@ declare const _default: {
         text: () => {
             class: string[];
         };
-        wrapper: () => {
+        content: () => {
             class: string[];
         };
         icon: () => {

package/dist/src/passthroughs/Multiselect.pt.d.ts

@@ -7,26 +7,26 @@ declare const _default: {
                 disabled: boolean | undefined;
             })[];
         };
-        panel: string;
+        overlay: string;
         list: string;
-        item: string;
+        option: string;
         header: string;
         headerCheckbox: string;
         labelContainer: string;
         label: string;
-        filterContainer: string;
+        pcFilterContainer: {
+            root: string;
+        };
         filterIcon: string;
-        filterInput: string;
+        pcFilter: {
+            root: string;
+        };
         closeButton: string;
         hiddenInput: string;
-        token: string;
-        tokenLabel: string;
         emptyMessage: string;
         clearIcon: string;
-        trigger: ({ state }: MultiSelectPassThroughMethodOptions) => {
-            class: (string | {
-                'rotate-180': boolean;
-            })[];
+        dropdown: () => {
+            class: string;
         };
     };
 };

package/dist/src/passthroughs/Navbar.pt.d.ts

@@ -3,24 +3,24 @@ import { MenuPassThroughMethodOptions } from 'primevue/menu';
 
 declare const _default: {
     menubar: {
-        menu: ({ instance }: MenubarPassThroughMethodOptions) => {
+        rootList: ({ instance }: MenubarPassThroughMethodOptions) => {
             class: (string | {
                 'show dropdown shadow-sm': any;
             })[];
         };
-        menuitem: ({ context }: MenubarPassThroughMethodOptions) => {
+        item: ({ context }: MenubarPassThroughMethodOptions) => {
             class: (string | {
                 dropdown: boolean;
             })[];
         };
-        action: ({ context, instance }: MenubarPassThroughMethodOptions) => {
-            class: {
+        itemLink: ({ context, instance }: MenubarPassThroughMethodOptions) => {
+            class: (string | {
                 active: boolean;
                 'nav-link': boolean;
                 'dropdown-item': boolean;
                 disabled: any;
                 'px-3': any;
-            }[];
+            })[];
         };
         separator: ({ instance }: MenubarPassThroughMethodOptions) => {
             class: {
@@ -41,15 +41,19 @@ declare const _default: {
                 'd-none': boolean;
             })[];
         };
-        submenuicon: string;
     };
     menu: {
-        menu: (options: MenuPassThroughMethodOptions) => {
+        root: (options: MenuPassThroughMethodOptions) => {
+            class: (string | {
+                show: boolean;
+            })[];
+        };
+        list: (options: MenuPassThroughMethodOptions) => {
             class: (string | {
                 show: boolean;
             })[];
         };
-        menuitem: () => {
+        item: () => {
             class: string[];
         };
     };

package/dist/src/passthroughs/Panel.pt.d.ts

@@ -0,0 +1,6 @@
+import { PanelPassThroughOptions } from 'primevue/panel';
+
+declare const _default: {
+    panel: PanelPassThroughOptions;
+};
+export default _default;

package/dist/src/passthroughs/{OverlayPanel.pt.d.ts → Popover.pt.d.ts}

@@ -1,8 +1,8 @@
-import { OverlayPanelPassThroughMethodOptions } from 'primevue/overlaypanel';
+import { PopoverPassThroughMethodOptions } from 'primevue/popover';
 
 declare const _default: {
-    overlaypanel: {
-        root: (options: OverlayPanelPassThroughMethodOptions) => {
+    popover: {
+        root: (options: PopoverPassThroughMethodOptions) => {
             class: (string | {
                 'p-4': boolean | undefined;
                 'p-3': boolean;

package/dist/src/passthroughs/ProgressBar.pt.d.ts

@@ -3,9 +3,6 @@ declare const _default: {
         root: () => {
             class: string[];
         };
-        value: () => {
-            class: string[];
-        };
         label: () => {
             class: string[];
         };

package/dist/src/passthroughs/ProgressSpinner.pt.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
     progressspinner: {
-        spinner: () => {
+        spin: () => {
             class: string[];
         };
     };

package/dist/src/passthroughs/SelectButton.pt.d.ts

@@ -1,19 +1,16 @@
 import { SelectButtonPassThroughMethodOptions } from 'primevue/selectbutton';
 
 declare const _default: {
-    selectbutton: {
+    selectButton: {
         root: () => {
             class: string[];
         };
-        button: ({ context, props, }: SelectButtonPassThroughMethodOptions) => {
+    };
+    toggleButton: {
+        root: ({ context }: SelectButtonPassThroughMethodOptions) => {
             class: (string | {
                 'btn-primary': boolean;
                 'btn-outline-primary': boolean;
-                'disabled w-auto'?: undefined;
-            } | {
-                'disabled w-auto': boolean;
-                "btn-primary"?: undefined;
-                "btn-outline-primary"?: undefined;
             })[];
         };
     };

package/dist/src/passthroughs/Steps.pt.d.ts

@@ -1,7 +1,25 @@
+import { StepsPassThroughMethodOptions } from 'primevue/steps';
+
 declare const _default: {
-    steps: {
+    stepList: {
         root: string;
-        menu: string;
+    };
+    step: {
+        root: string;
+        header: string;
+        number: ({ context }: StepsPassThroughMethodOptions) => {
+            class: (string | {
+                inactive: boolean;
+                "bg-primary text-white": boolean;
+            })[];
+        };
+        title: ({ context }: StepsPassThroughMethodOptions) => {
+            class: (string | {
+                inactive: boolean;
+                "border-bottom border-2 border-primary": boolean;
+            })[];
+        };
+        separator: string;
     };
 };
 export default _default;

package/dist/src/passthroughs/Table.pt.d.ts

@@ -3,7 +3,7 @@ import { PaginatorPassThroughMethodOptions } from 'primevue/paginator';
 
 declare const _default: {
     dataTable: {
-        datatable: string;
+        root: string;
         table: (options: DataTablePassThroughMethodOptions) => {
             class: (string | {
                 'table-striped': boolean | undefined;
@@ -19,15 +19,17 @@ declare const _default: {
                 'table-active': boolean;
             };
         };
-        rowgrouptoggler: string;
         tbody: (options: any) => {
             class: {
                 'sticky-header': any;
             };
         };
-        loadingOverlay: () => {
+        mask: () => {
             class: string;
         };
+        rowGroupHeaderCell: string;
+        rowGroupHeader: string;
+        rowToggleButton: string;
     };
     paginator: {
         root: (options: PaginatorPassThroughMethodOptions<any>) => {
@@ -35,12 +37,13 @@ declare const _default: {
                 'opacity-50': any;
             })[];
         };
+        content: string;
         pages: string;
-        firstPageButton: string;
-        previousPageButton: string;
-        nextPageButton: string;
-        lastPageButton: string;
-        pageButton: ({ context }: PaginatorPassThroughMethodOptions<any>) => {
+        first: string;
+        prev: string;
+        next: string;
+        last: string;
+        page: ({ context }: PaginatorPassThroughMethodOptions<any>) => {
             class: (string | {
                 active: boolean;
                 disabled: boolean;