@brickclay-org/ui 0.1.78 → 0.1.80

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, OnChanges, EventEmitter, ElementRef, Renderer2, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, ApplicationRef, EnvironmentInjector, ChangeDetectorRef, TemplateRef, WritableSignal } from '@angular/core';
+import { EventEmitter, OnInit, OnDestroy, OnChanges, ElementRef, Renderer2, SimpleChanges, AfterViewInit, QueryList, ComponentRef, Type, InjectionToken, ApplicationRef, EnvironmentInjector, ChangeDetectorRef, TemplateRef, WritableSignal } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, NgControl, NgModel } from '@angular/forms';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
@@ -28,6 +28,33 @@ declare class BrickclayLib {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BrickclayLib, "lib-brickclay-lib", never, {}, {}, never, never, true, never>;
 }
 
+interface BreadcrumbItem {
+    /** Visible text. */
+    label: string;
+    /**
+     * Opaque payload the consumer defines (a route path, an id, …) — carried back
+     * on `itemClick`. Absence makes the segment plain, non-interactive text,
+     * which is how a page names its own current location in the trail.
+     */
+    url?: string;
+}
+/**
+ * A simple breadcrumb trail: an optional home icon, then `label`s separated by
+ * chevrons. Segments with a `url` render as buttons and emit `itemClick`;
+ * navigation itself is left to the consumer (same split as `bk-menu`), so this
+ * stays usable with any router or none.
+ */
+declare class BkBreadcrumb {
+    items: BreadcrumbItem[];
+    /** Payload for the leading home icon; omit to hide it. */
+    homeUrl: string | null;
+    itemClick: EventEmitter<BreadcrumbItem>;
+    onHomeClick(): void;
+    onItemClick(item: BreadcrumbItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkBreadcrumb, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkBreadcrumb, "bk-breadcrumb", never, { "items": { "alias": "items"; "required": false; }; "homeUrl": { "alias": "homeUrl"; "required": false; }; }, { "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
 interface CalendarRange {
     start: Date;
     end: Date;
@@ -721,7 +748,7 @@ declare class BkPill {
 }
 
 type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
-type BadgeColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Success' | 'Purple' | 'Cyan';
+type BadgeColor = 'Gray' | 'Primary' | 'Error' | 'Warning' | 'Orange' | 'Success' | 'Purple' | 'Cyan';
 type BadgeSize = 'xsm' | 'sm' | 'md' | 'lg';
 declare class BkBadge {
     label: string;
@@ -731,11 +758,17 @@ declare class BkBadge {
     dot: 'left' | 'right' | 'none';
     removable: boolean;
     customClass: string;
+    /** Overrides `color`/`variant` with exact CSS colors — any valid CSS color value. */
+    customBg?: string;
+    customBorder?: string;
+    customText?: string;
     clicked: EventEmitter<string>;
+    get hasCustomColor(): boolean;
     get containerClasses(): string;
+    get customStyle(): Record<string, string>;
     onRemove(e: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkBadge, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkBadge, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkBadge, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "customBg": { "alias": "customBg"; "required": false; }; "customBorder": { "alias": "customBorder"; "required": false; }; "customText": { "alias": "customText"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
@@ -904,6 +937,9 @@ interface TableIcon {
     tooltipPosition?: 'left' | 'right' | 'top' | 'bottom';
     url: string;
 }
+interface TableRows {
+    class?: string;
+}
 
 type SortDirection = 'asc' | 'desc';
 declare class BkGrid<T = any> {
@@ -919,6 +955,8 @@ declare class BkGrid<T = any> {
     /** Custom illustration for the empty state. Falls back to a built-in SVG when omitted. */
     noRecordImgUrl?: string;
     noRecordMessage: string;
+    /** Static row class or a function that returns a class per row. Row data may also include `class` via TableRows. */
+    rows?: string | ((row: T) => string | undefined);
     change: EventEmitter<{
         row: T;
         column: TableColumn<T>;
@@ -945,6 +983,8 @@ declare class BkGrid<T = any> {
     getBadge(row: T, column: TableColumn<T>): TableBadge | undefined;
     getIcons(row: T, column: TableColumn<T>): TableIcon[];
     getTooltipValue(row: T, column: TableColumn<T>): string;
+    getRowClass(row: T): string;
+    getCellClasses(row: T, column: TableColumn<T>): string;
     getRowActions(row: T, column?: TableColumn<T>): TableAction<T>[];
     isActionVisible(action: TableAction<T>, row: T): boolean;
     isActionDisabled(action: TableAction<T>, row: T): boolean;
@@ -954,7 +994,7 @@ declare class BkGrid<T = any> {
     onDragStart(event: CdkDragStart<any>): void;
     get noRecordImagePath(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkGrid<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "actionIconClass": { "alias": "actionIconClass"; "required": false; }; "actionClass": { "alias": "actionClass"; "required": false; }; "showNoRecords": { "alias": "showNoRecords"; "required": false; }; "noRecordFoundHeight": { "alias": "noRecordFoundHeight"; "required": false; }; "noRecordImgUrl": { "alias": "noRecordImgUrl"; "required": false; }; "noRecordMessage": { "alias": "noRecordMessage"; "required": false; }; }, { "change": "change"; "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; "actionIconClass": { "alias": "actionIconClass"; "required": false; }; "actionClass": { "alias": "actionClass"; "required": false; }; "showNoRecords": { "alias": "showNoRecords"; "required": false; }; "noRecordFoundHeight": { "alias": "noRecordFoundHeight"; "required": false; }; "noRecordImgUrl": { "alias": "noRecordImgUrl"; "required": false; }; "noRecordMessage": { "alias": "noRecordMessage"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, { "change": "change"; "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
 }
 
 /** How an accent colour is applied to a control. */
@@ -1243,6 +1283,9 @@ declare class BkInput implements OnInit, OnDestroy, AfterViewInit, ControlValueA
     iconAlt: string;
     showIcon: boolean;
     phone: boolean;
+    currency: boolean;
+    currencyDecimals: number;
+    allowNegative: boolean;
     countryCode: string;
     countryOptions: CountryOption[];
     selectedCountry: CountryOption;
@@ -1272,9 +1315,14 @@ declare class BkInput implements OnInit, OnDestroy, AfterViewInit, ControlValueA
     get placeHolderText(): string;
     get maskValue(): string;
     get maskPrefixValue(): string;
+    private readonly defaultDecimalMarker;
+    get maskThousandSeparator(): string;
+    get maskDecimalMarker(): '.' | ',' | ['.', ','];
+    get maskAllowNegativeNumbers(): boolean;
     private onChange;
     private onTouched;
     private applyDropSpecialCharacters;
+    private parseCurrencyValue;
     writeValue(value: any): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
@@ -1298,7 +1346,7 @@ declare class BkInput implements OnInit, OnDestroy, AfterViewInit, ControlValueA
     get currentInputType(): string;
     private writeMaskedViewValue;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkInput, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkInput, "bk-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "showErrorIcon": { "alias": "showErrorIcon"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "countryOptions": { "alias": "countryOptions"; "required": false; }; "iconOrientation": { "alias": "iconOrientation"; "required": false; }; "password": { "alias": "password"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; "clicked": "clicked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkInput, "bk-input", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "mask": { "alias": "mask"; "required": false; }; "dropSpecialCharacters": { "alias": "dropSpecialCharacters"; "required": false; }; "autoComplete": { "alias": "autoComplete"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "value": { "alias": "value"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "showErrorIcon": { "alias": "showErrorIcon"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "autoCapitalize": { "alias": "autoCapitalize"; "required": false; }; "inputMode": { "alias": "inputMode"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "phone": { "alias": "phone"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDecimals": { "alias": "currencyDecimals"; "required": false; }; "allowNegative": { "alias": "allowNegative"; "required": false; }; "countryCode": { "alias": "countryCode"; "required": false; }; "countryOptions": { "alias": "countryOptions"; "required": false; }; "iconOrientation": { "alias": "iconOrientation"; "required": false; }; "password": { "alias": "password"; "required": false; }; "showPassword": { "alias": "showPassword"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; }, { "input": "input"; "change": "change"; "focus": "focus"; "blur": "blur"; "clicked": "clicked"; }, never, never, true, never>;
 }
 
 declare class BkInputChips implements ControlValueAccessor, AfterViewInit {
@@ -1400,7 +1448,12 @@ declare class BkTabs {
      * Optional — defaults to false, so navigation stays free unless opted in.
      */
     lockNavigationOnError: boolean;
-    /** Fallback error icon used when a tab has `showErrorIcon` but no `errorIcon`. */
+    /**
+     * Fallback error icon used when a tab has `showErrorIcon` but no `errorIcon`.
+     * Inlined as a data URI (rather than an asset path) so it renders correctly
+     * in any consuming app without requiring that app to wire up a build step
+     * that copies this library's assets into its own output.
+     */
     private readonly defaultErrorIcon;
     get isVertical(): boolean;
     get isSegmented(): boolean;
@@ -2621,6 +2674,13 @@ interface BkPageSize {
     key: number;
     value: number;
 }
+/** Fine-grained control over the "Rows per page" block: hide just the label, just the
+ *  select, or both. A plain boolean is still accepted for the common "show everything or
+ *  nothing" case, and is what an omitted `label`/`input` key falls back to as well. */
+type BkPageSizeVisibility = boolean | {
+    label?: boolean;
+    input?: boolean;
+};
 declare class BkPagination implements OnChanges {
     pageSize?: number;
     total?: number;
@@ -2629,6 +2689,29 @@ declare class BkPagination implements OnChanges {
     pages: number[];
     activePage: number;
     activePageChange: EventEmitter<number>;
+    /** Gates the "Rows per page" block. `true`/`false` shows or hides the label and the
+     *  select together; `{ label?, input? }` hides just one of the two (the other keeps
+     *  its own default of shown). */
+    showPageSize: BkPageSizeVisibility;
+    /** Gates the "Showing X to Y of Z Records" text. */
+    showRecordsText: boolean;
+    /** Gates the "N-M of P" page-count text. */
+    showPageCount: boolean;
+    /** Extra classes (Tailwind or custom), applied in two places at once:
+     *  - the flex row wrapping the top-level blocks (page size / records text / nav) —
+     *    not the outer padding/border element — so e.g. `justify-end` controls their
+     *    arrangement when some are hidden.
+     *  - the nav itself, which only has room to act on when it's the sole visible
+     *    block (it then grows to fill the row) — there, the same class instead spreads
+     *    *its* two children, e.g. `justify-between` between the page-count text and
+     *    the page-number list. */
+    customClass: string;
+    /** Whether the "Rows per page" label renders, normalizing `showPageSize`'s boolean-or-object shape. */
+    get showPageSizeLabel(): boolean;
+    /** Whether the bk-select renders, normalizing `showPageSize`'s boolean-or-object shape. */
+    get showPageSizeInput(): boolean;
+    /** True once neither half is shown — the whole page-size block drops out, same as `showPageSize=false` today. */
+    get pageSizeHidden(): boolean;
     pager: number;
     isMenuHovered: boolean;
     startingPage: number;
@@ -2649,7 +2732,7 @@ declare class BkPagination implements OnChanges {
     get totalItems(): number;
     getTotalPages(): number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkPagination, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkPagination, "bk-pagination", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "activePage": { "alias": "activePage"; "required": false; }; }, { "changePageSize": "changePageSize"; "pageChanged": "pageChanged"; "activePageChange": "activePageChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkPagination, "bk-pagination", never, { "pageSize": { "alias": "pageSize"; "required": false; }; "total": { "alias": "total"; "required": false; }; "activePage": { "alias": "activePage"; "required": false; }; "showPageSize": { "alias": "showPageSize"; "required": false; }; "showRecordsText": { "alias": "showRecordsText"; "required": false; }; "showPageCount": { "alias": "showPageCount"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "changePageSize": "changePageSize"; "pageChanged": "pageChanged"; "activePageChange": "activePageChange"; }, never, never, true, never>;
 }
 
 type BkLoaderVariant = 'dots' | 'spinners';
@@ -3194,6 +3277,17 @@ interface BkTableSelection {
     text: string;
     onSelect: () => void;
 }
+/**
+ * Empty-state override for bk-table.
+ *
+ * Both fields are optional — pass just the one you want to change and the
+ * other keeps its built-in default, rather than forcing every consumer to
+ * restate both together.
+ */
+interface BkTableNoResult {
+    text?: string;
+    image?: string;
+}
 /** Horizontal cell alignment. */
 type BkCellAlign = 'left' | 'center' | 'right';
 /**
@@ -3357,9 +3451,13 @@ declare class BkTable<T = any> implements AfterViewInit, OnDestroy {
      * job either way.
      */
     showLoadingOverlay: _angular_core.InputSignal<boolean>;
-    /** Shown when there are no rows to render. */
-    noResultText: _angular_core.InputSignal<string>;
-    noResultImage: _angular_core.InputSignal<string>;
+    /**
+     * Shown when there are no rows to render. Pass either `text` or `image` (or
+     * both) to override just that piece — anything left out keeps the default.
+     */
+    noResult: _angular_core.InputSignal<BkTableNoResult>;
+    noResultText: _angular_core.Signal<string>;
+    noResultImage: _angular_core.Signal<string>;
     /**
      * Set once `noResultImage()` fails to load, so the template can drop the
      * `<img>` instead of leaving the browser's broken-image glyph sitting next
@@ -3576,7 +3674,7 @@ declare class BkTable<T = any> implements AfterViewInit, OnDestroy {
     reset(): void;
     private emitQueryParams;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BkTable<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkTable<any>, "bk-table", ["bkTable"], { "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showLoadingOverlay": { "alias": "showLoadingOverlay"; "required": false; "isSignal": true; }; "noResultText": { "alias": "noResultText"; "required": false; "isSignal": true; }; "noResultImage": { "alias": "noResultImage"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "frontPagination": { "alias": "frontPagination"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "virtualItemSize": { "alias": "virtualItemSize"; "required": false; "isSignal": true; }; "virtualTrackBy": { "alias": "virtualTrackBy"; "required": false; "isSignal": true; }; "stableColumnWidth": { "alias": "stableColumnWidth"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; "pageSize": "pageSizeChange"; "queryParams": "queryParams"; "currentPageDataChange": "currentPageDataChange"; }, ["titleContent", "footerContent", "virtualScroll"], ["thead", "tbody", "tfoot", "[bkTableTitle]", "[bkTableFooter]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BkTable<any>, "bk-table", ["bkTable"], { "data": { "alias": "data"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "bordered": { "alias": "bordered"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "footer": { "alias": "footer"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showLoadingOverlay": { "alias": "showLoadingOverlay"; "required": false; "isSignal": true; }; "noResult": { "alias": "noResult"; "required": false; "isSignal": true; }; "showPagination": { "alias": "showPagination"; "required": false; "isSignal": true; }; "frontPagination": { "alias": "frontPagination"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "virtualItemSize": { "alias": "virtualItemSize"; "required": false; "isSignal": true; }; "virtualTrackBy": { "alias": "virtualTrackBy"; "required": false; "isSignal": true; }; "stableColumnWidth": { "alias": "stableColumnWidth"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; "pageSize": "pageSizeChange"; "queryParams": "queryParams"; "currentPageDataChange": "currentPageDataChange"; }, ["titleContent", "footerContent", "virtualScroll"], ["thead", "tbody", "tfoot", "[bkTableTitle]", "[bkTableFooter]"], true, never>;
 }
 
 /**
@@ -4073,5 +4171,5 @@ declare class BkTreeDrag<T = any> extends BkTableDrag implements OnDestroy {
 
 declare const BK_TABLE: readonly [typeof BkTable, typeof BkTableTitle, typeof BkTableFooter, typeof BkVirtualScroll, typeof BkTh, typeof BkTd, typeof BkTrExpand, typeof BkTableSummary, typeof BkTableDrag, typeof BkDragHandle, typeof BkTreeDrag];
 
-export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BK_TABLE, BkAvatar, BkAvatarGroup, BkAvatarUploader, BkBadge, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDragHandle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkPopover, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTable, BkTableDrag, BkTableFooter, BkTableSummary, BkTableTitle, BkTabs, BkTd, BkTextarea, BkTh, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkTrExpand, BkTreeDrag, BkValidator, BkVirtualScroll, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, NEUTRAL_APPEARANCE, POPOVER_PLACEMENTS, computePopoverPosition, containsBkTreeNode, deriveAppearance, flattenBkTreeData, getDialogBackdropAnimation, getDialogPanelAnimation, joinPlacement, moveBkTreeNode, normalizeBkTableSize, parseColor, splitPlacement };
-export type { AvatarFallback, AvatarGroupItem, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkCellAlign, BkColumnRef, BkColumnSelectPosition, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkFilterFn, BkFilterOption, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputSize, BkInputType, BkLoaderVariant, BkPageSize, BkSortDirection, BkSortFn, BkSortOrder, BkTableQueryParams, BkTableScroll, BkTableSelection, BkTableSize, BkTableSizeToken, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, BkTreeDragScope, BkTreeDropEvent, BkTreeDropPosition, BkTreeRow, ButtonSize, ButtonVariant, CalendarRange, ColorAppearance, ColorFill, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuPopupSide, MenuSize, MenuSubmenuMode, MenuTrigger, PillColor, PillSize, PillVariant, PopoverAlign, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverSide, Rect, ScheduledDateSelection, Size, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };
+export { BKTooltipDirective, BK_DEFAULT_DIALOG_CONFIG, BK_DIALOG_DATA, BK_DIALOG_GLOBAL_CONFIG, BK_TABLE, BkAvatar, BkAvatarGroup, BkAvatarUploader, BkBadge, BkBreadcrumb, BkButton, BkButtonGroup, BkCalendarManagerService, BkCheckbox, BkColumnFilterService, BkColumnSelect, BkCustomCalendar, BkDialogActions, BkDialogClose, BkDialogContent, BkDialogModule, BkDialogRef, BkDialogService, BkDialogTitle, BkDragHandle, BkDropdown, BkFileCard, BkFilePicker, BkGrid, BkHierarchicalSelect, BkIconButton, BkInput, BkInputChips, BkLoader, BkMenu, BkPagination, BkPill, BkPopover, BkRadioButton, BkScheduledDatePicker, BkSelect, BkSpinner, BkTable, BkTableDrag, BkTableFooter, BkTableSummary, BkTableTitle, BkTabs, BkTd, BkTextarea, BkTh, BkTimePicker, BkToastr, BkToastrService, BkToggle, BkTrExpand, BkTreeDrag, BkValidator, BkVirtualScroll, BrickclayIcons, BrickclayLib, CalendarModule, CalendarSelection, ColumnFilterOption, NEUTRAL_APPEARANCE, POPOVER_PLACEMENTS, computePopoverPosition, containsBkTreeNode, deriveAppearance, flattenBkTreeData, getDialogBackdropAnimation, getDialogPanelAnimation, joinPlacement, moveBkTreeNode, normalizeBkTableSize, parseColor, splitPlacement };
+export type { AvatarFallback, AvatarGroupItem, AvatarSize, AvatarVariant, BadgeColor, BadgeSize, BadgeVariant, BkAnimationKeyframes, BkAvatarFallback, BkAvatarSize, BkCellAlign, BkColumnRef, BkColumnSelectPosition, BkDialogAnimation, BkDialogConfig, BkDialogPosition, BkFilterFn, BkFilterOption, BkInputAutoCapitalize, BkInputAutoComplete, BkInputMode, BkInputSize, BkInputType, BkLoaderVariant, BkPageSize, BkPageSizeVisibility, BkSortDirection, BkSortFn, BkSortOrder, BkTableNoResult, BkTableQueryParams, BkTableScroll, BkTableSelection, BkTableSize, BkTableSizeToken, BkTextAreaAutoCapitalize, BkTextAreaAutoComplete, BkTextAreaInputMode, BkTreeDragScope, BkTreeDropEvent, BkTreeDropPosition, BkTreeRow, BreadcrumbItem, ButtonSize, ButtonVariant, CalendarRange, ColorAppearance, ColorFill, CountryOption, CustomRangesConfig, DotPosition, DotStatus, DropdownItem, DropdownPlacement, DropdownSize, DropdownTrigger, DropdownVariant, FileState, GroupItem, GroupMode, HierarchicalNode, IconButtonSize, IconButtonVariant, IconOrientation, MenuItem, MenuOrientation, MenuPopupSide, MenuSize, MenuSubmenuMode, MenuTrigger, PillColor, PillSize, PillVariant, PopoverAlign, PopoverPlacement, PopoverPosition, PopoverPositionOptions, PopoverSide, Rect, ScheduledDateSelection, Size, SortDirection, SpinnerSize, TabIconDirection, TabItem, TableAction, TableBadge, TableColumn, TableIcon, TableRows, TabsColors, TabsOrientation, TabsVariant, TimeConfiguration, ToastConfig, ToastMessage, ToastMethodOptions, ToastPosition, ToastSeverity };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brickclay-org/ui",
-  "version": "0.1.78",
+  "version": "0.1.80",
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": "dependencies"

package/src/assets/icons/bank-card-icon.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2 7.7962H22" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6 15.1295H8" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.5 15.1295H14.5" stroke="#A1A3AE" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.44 3.21289H17.55C21.11 3.21289 22 4.01956 22 7.23706V14.7629C22 17.9804 21.11 18.7871 17.56 18.7871H6.44C2.89 18.7962 2 17.9896 2 14.7721V7.23706C2 4.01956 2.89 3.21289 6.44 3.21289Z" stroke="#A1A3AE" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/dollar-icon.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 1.66666C5.39763 1.66666 1.66667 5.39762 1.66667 10C1.66667 14.6024 5.39763 18.3333 10 18.3333C14.6024 18.3333 18.3333 14.6024 18.3333 10C18.3333 5.39762 14.6024 1.66666 10 1.66666Z" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 5.83334V14.1667" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 7.91666C12.5 6.85609 11.3807 5.99999 10 5.99999C8.61931 5.99999 7.5 6.85609 7.5 7.91666C7.5 8.97723 8.61931 9.83332 10 9.83332C11.3807 9.83332 12.5 10.6894 12.5 11.75C12.5 12.8106 11.3807 13.6667 10 13.6667C8.61931 13.6667 7.5 12.8106 7.5 11.75" stroke="#A1A3AE" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/alert-circle-white.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 8V12M12 16H12.01M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calendar-black-icon.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.3335 1.33337V3.33337" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6665 1.33337V3.33337" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.3335 6.06006H13.6668" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 5.66671V11.3334C14 13.3334 13 14.6667 10.6667 14.6667H5.33333C3 14.6667 2 13.3334 2 11.3334V5.66671C2 3.66671 3 2.33337 5.33333 2.33337H10.6667C13 2.33337 14 3.66671 14 5.66671Z" stroke="#141414" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.463 9.13338H10.469" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.463 11.1334H10.469" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99715 9.13338H8.00314" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99715 11.1334H8.00314" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52938 9.13338H5.53537" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52938 11.1334H5.53537" stroke="#141414" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calendar-white-icon.svg

@@ -0,0 +1,12 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.33334 1.33333V3.33333" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6667 1.33333V3.33333" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.33334 6.06H13.6667" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14 5.66666V11.3333C14 13.3333 13 14.6667 10.6667 14.6667H5.33333C3 14.6667 2 13.3333 2 11.3333V5.66666C2 3.66666 3 2.33333 5.33333 2.33333H10.6667C13 2.33333 14 3.66666 14 5.66666Z" stroke="white" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.4631 9.13334H10.4691" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.4631 11.1333H10.4691" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.997 9.13334H8.00299" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.997 11.1333H8.00299" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52953 9.13334H5.53552" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.52953 11.1333H5.53552" stroke="white" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/calender.svg

@@ -0,0 +1,19 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3797_46309)">
+<path d="M14.545 5.45448V11.6363C14.545 13.8181 13.4541 15.2727 10.9086 15.2727H5.09047C2.54501 15.2727 1.4541 13.8181 1.4541 11.6363V5.45448C1.4541 3.27266 2.54501 1.81812 5.09047 1.81812H10.9086C13.4541 1.81812 14.545 3.27266 14.545 5.45448Z" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.09082 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.9092 0.727295V2.90911" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.81836 5.88354H14.182" stroke="#141414" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6868 9.23619H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.6868 11.4181H10.6933" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99636 9.23619H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.99636 11.4181H8.00289" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.30495 9.23644H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M5.30495 11.4181H5.31149" stroke="#141414" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_3797_46309">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/icons/global/kanban-black-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.84 3.40002V11.2667C12.84 12.2667 12.4133 12.6667 11.3533 12.6667H10.66C9.60001 12.6667 9.17334 12.2667 9.17334 11.2667V3.40002" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.50684 3.40002V7.93336C3.50684 8.93336 3.9335 9.33336 4.9935 9.33336H5.68684C6.74684 9.33336 7.1735 8.93336 7.1735 7.93336V3.40002" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 3.33337H14.6668" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/kanban-white-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.84 3.39999V11.2667C12.84 12.2667 12.4133 12.6667 11.3533 12.6667H10.66C9.60001 12.6667 9.17334 12.2667 9.17334 11.2667V3.39999" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M3.50665 3.39999V7.93333C3.50665 8.93333 3.93332 9.33333 4.99332 9.33333H5.68665C6.74665 9.33333 7.17332 8.93333 7.17332 7.93333V3.39999" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.33334 3.33333H14.6667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/location-black-icon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.99992 8.95334C9.14867 8.95334 10.0799 8.02209 10.0799 6.87334C10.0799 5.72458 9.14867 4.79333 7.99992 4.79333C6.85117 4.79333 5.91992 5.72458 5.91992 6.87334C5.91992 8.02209 6.85117 8.95334 7.99992 8.95334Z" stroke="#141414"/>
+<path d="M2.4133 5.66004C3.72664 -0.113291 12.28 -0.106624 13.5866 5.66671C14.3533 9.05338 12.2466 11.92 10.4 13.6934C9.05997 14.9867 6.93997 14.9867 5.5933 13.6934C3.7533 11.92 1.64664 9.04671 2.4133 5.66004Z" stroke="#141414"/>
+</svg>

package/src/assets/icons/global/location-white-icon.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.00001 8.95334C9.14877 8.95334 10.08 8.02209 10.08 6.87334C10.08 5.72458 9.14877 4.79333 8.00001 4.79333C6.85126 4.79333 5.92001 5.72458 5.92001 6.87334C5.92001 8.02209 6.85126 8.95334 8.00001 8.95334Z" stroke="white"/>
+<path d="M2.41333 5.66C3.72667 -0.113337 12.28 -0.10667 13.5867 5.66666C14.3533 9.05333 12.2467 11.92 10.4 13.6933C9.06 14.9867 6.94 14.9867 5.59333 13.6933C3.75333 11.92 1.64667 9.04666 2.41333 5.66Z" stroke="white"/>
+</svg>

package/src/assets/icons/global/notification.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.775 1.25H2.75C2.35218 1.25 1.97064 1.40804 1.68934 1.68934C1.40804 1.97064 1.25 2.35218 1.25 2.75V14.75L4.25 11.75H13.25C13.6478 11.75 14.0294 11.592 14.3107 11.3107C14.592 11.0294 14.75 10.6478 14.75 10.25V8.225" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.5 5.75C13.7426 5.75 14.75 4.74264 14.75 3.5C14.75 2.25736 13.7426 1.25 12.5 1.25C11.2574 1.25 10.25 2.25736 10.25 3.5C10.25 4.74264 11.2574 5.75 12.5 5.75Z" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/resources-black-icon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.10671 7.24671C6.04004 7.24004 5.96004 7.24004 5.88671 7.24671C4.30004 7.19337 3.04004 5.89337 3.04004 4.29337C3.04004 2.66004 4.36004 1.33337 6.00004 1.33337C7.63337 1.33337 8.96004 2.66004 8.96004 4.29337C8.95337 5.89337 7.69337 7.19337 6.10671 7.24671Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.9402 2.66663C12.2335 2.66663 13.2735 3.71329 13.2735 4.99996C13.2735 6.25996 12.2735 7.28663 11.0268 7.33329C10.9735 7.32663 10.9135 7.32663 10.8535 7.33329" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.77348 9.70663C1.16014 10.7866 1.16014 12.5466 2.77348 13.62C4.60681 14.8466 7.61348 14.8466 9.44681 13.62C11.0601 12.54 11.0601 10.78 9.44681 9.70663C7.62014 8.48663 4.61348 8.48663 2.77348 9.70663Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2266 13.3334C12.7066 13.2334 13.1599 13.04 13.5332 12.7534C14.5732 11.9734 14.5732 10.6867 13.5332 9.90671C13.1666 9.62671 12.7199 9.44004 12.2466 9.33337" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/resources-white-icon.svg

@@ -0,0 +1,6 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.10668 7.24666C6.04001 7.24 5.96001 7.24 5.88668 7.24666C4.30001 7.19333 3.04001 5.89333 3.04001 4.29333C3.04001 2.65999 4.36001 1.33333 6.00001 1.33333C7.63334 1.33333 8.96001 2.65999 8.96001 4.29333C8.95334 5.89333 7.69334 7.19333 6.10668 7.24666Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.94 2.66667C12.2333 2.66667 13.2733 3.71334 13.2733 5C13.2733 6.26 12.2733 7.28667 11.0267 7.33334C10.9733 7.32667 10.9133 7.32667 10.8533 7.33334" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2.77332 9.70667C1.15999 10.7867 1.15999 12.5467 2.77332 13.62C4.60666 14.8467 7.61332 14.8467 9.44666 13.62C11.06 12.54 11.06 10.78 9.44666 9.70667C7.61999 8.48667 4.61332 8.48667 2.77332 9.70667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.2267 13.3333C12.7067 13.2333 13.16 13.04 13.5333 12.7533C14.5733 11.9733 14.5733 10.6867 13.5333 9.90666C13.1667 9.62666 12.72 9.43999 12.2467 9.33333" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/search.svg

@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7511 14.7491L11.4961 11.4941" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.25 13.25C10.5637 13.25 13.25 10.5637 13.25 7.25C13.25 3.93629 10.5637 1.25 7.25 1.25C3.93629 1.25 1.25 3.93629 1.25 7.25C1.25 10.5637 3.93629 13.25 7.25 13.25Z" stroke="#6D7792" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/setting-black.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.165 1.5H8.835C8.43718 1.5 8.05565 1.65804 7.77434 1.93934C7.49304 2.22064 7.335 2.60218 7.335 3V3.135C7.33473 3.39804 7.26529 3.65639 7.13366 3.88413C7.00202 4.11186 6.8128 4.30098 6.585 4.4325L6.2625 4.62C6.03447 4.75165 5.77581 4.82096 5.5125 4.82096C5.2492 4.82096 4.99053 4.75165 4.7625 4.62L4.65 4.56C4.3058 4.36145 3.89688 4.30758 3.513 4.41023C3.12913 4.51288 2.80166 4.76365 2.6025 5.1075L2.4375 5.3925C2.23895 5.7367 2.18508 6.14562 2.28773 6.5295C2.39038 6.91338 2.64115 7.24084 2.985 7.44L3.0975 7.515C3.32421 7.64588 3.51272 7.83382 3.64429 8.06012C3.77586 8.28643 3.84592 8.54323 3.8475 8.805V9.1875C3.84855 9.45182 3.77974 9.71171 3.64803 9.94088C3.51633 10.17 3.32641 10.3603 3.0975 10.4925L2.985 10.56C2.64115 10.7592 2.39038 11.0866 2.28773 11.4705C2.18508 11.8544 2.23895 12.2633 2.4375 12.6075L2.6025 12.8925C2.80166 13.2363 3.12913 13.4871 3.513 13.5898C3.89688 13.6924 4.3058 13.6386 4.65 13.44L4.7625 13.38C4.99053 13.2483 5.2492 13.179 5.5125 13.179C5.77581 13.179 6.03447 13.2483 6.2625 13.38L6.585 13.5675C6.8128 13.699 7.00202 13.8881 7.13366 14.1159C7.26529 14.3436 7.33473 14.602 7.335 14.865V15C7.335 15.3978 7.49304 15.7794 7.77434 16.0607C8.05565 16.342 8.43718 16.5 8.835 16.5H9.165C9.56283 16.5 9.94436 16.342 10.2257 16.0607C10.507 15.7794 10.665 15.3978 10.665 15V14.865C10.6653 14.602 10.7347 14.3436 10.8663 14.1159C10.998 13.8881 11.1872 13.699 11.415 13.5675L11.7375 13.38C11.9655 13.2483 12.2242 13.179 12.4875 13.179C12.7508 13.179 13.0095 13.2483 13.2375 13.38L13.35 13.44C13.6942 13.6386 14.1031 13.6924 14.487 13.5898C14.8709 13.4871 15.1983 13.2363 15.3975 12.8925L15.5625 12.6C15.7611 12.2558 15.8149 11.8469 15.7123 11.463C15.6096 11.0791 15.3588 10.7517 15.015 10.5525L14.9025 10.4925C14.6736 10.3603 14.4837 10.17 14.352 9.94088C14.2203 9.71171 14.1515 9.45182 14.1525 9.1875V8.8125C14.1515 8.54818 14.2203 8.28829 14.352 8.05912C14.4837 7.82995 14.6736 7.63966 14.9025 7.5075L15.015 7.44C15.3588 7.24084 15.6096 6.91338 15.7123 6.5295C15.8149 6.14562 15.7611 5.7367 15.5625 5.3925L15.3975 5.1075C15.1983 4.76365 14.8709 4.51288 14.487 4.41023C14.1031 4.30758 13.6942 4.36145 13.35 4.56L13.2375 4.62C13.0095 4.75165 12.7508 4.82096 12.4875 4.82096C12.2242 4.82096 11.9655 4.75165 11.7375 4.62L11.415 4.4325C11.1872 4.30098 10.998 4.11186 10.8663 3.88413C10.7347 3.65639 10.6653 3.39804 10.665 3.135V3C10.665 2.60218 10.507 2.22064 10.2257 1.93934C9.94436 1.65804 9.56283 1.5 9.165 1.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9 11.25C10.2426 11.25 11.25 10.2426 11.25 9C11.25 7.75736 10.2426 6.75 9 6.75C7.75736 6.75 6.75 7.75736 6.75 9C6.75 10.2426 7.75736 11.25 9 11.25Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/table-black-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00016 14.6667H10.0002C13.3335 14.6667 14.6668 13.3334 14.6668 10V6.00004C14.6668 2.66671 13.3335 1.33337 10.0002 1.33337H6.00016C2.66683 1.33337 1.3335 2.66671 1.3335 6.00004V10C1.3335 13.3334 2.66683 14.6667 6.00016 14.6667Z" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 1.33337V14.6667" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 8H14.6668" stroke="#141414" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/table-white-icon.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.00016 14.6667H10.0002C13.3335 14.6667 14.6668 13.3334 14.6668 10V6.00004C14.6668 2.66671 13.3335 1.33337 10.0002 1.33337H6.00016C2.66683 1.33337 1.3335 2.66671 1.3335 6.00004V10C1.3335 13.3334 2.66683 14.6667 6.00016 14.6667Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8 1.33337V14.6667" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M1.3335 8H14.6668" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/icons/global/user.svg

@@ -0,0 +1,11 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_5383_14667)">
+<path d="M10.0007 9.99996C12.3018 9.99996 14.1673 8.13448 14.1673 5.83329C14.1673 3.53211 12.3018 1.66663 10.0007 1.66663C7.69946 1.66663 5.83398 3.53211 5.83398 5.83329C5.83398 8.13448 7.69946 9.99996 10.0007 9.99996Z" stroke="#BBBDC5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.1585 18.3333C17.1585 15.1083 13.9501 12.5 10.0001 12.5C6.05013 12.5 2.8418 15.1083 2.8418 18.3333" stroke="#BBBDC5" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_5383_14667">
+<rect width="20" height="20" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/src/assets/images/icons/global/badge-close.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9 3L3 9M3 3L9 9" stroke="#BBBDC5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/eye-icon.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9833 10C12.9833 11.65 11.6499 12.9833 9.99993 12.9833C8.34993 12.9833 7.0166 11.65 7.0166 10C7.0166 8.35 8.34993 7.01666 9.99993 7.01666C11.6499 7.01666 12.9833 8.35 12.9833 10Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.99987 16.8916C12.9415 16.8916 15.6832 15.1583 17.5915 12.1583C18.3415 10.9833 18.3415 9.00831 17.5915 7.83331C15.6832 4.83331 12.9415 3.09998 9.99987 3.09998C7.0582 3.09998 4.31654 4.83331 2.4082 7.83331C1.6582 9.00831 1.6582 10.9833 2.4082 12.1583C4.31654 15.1583 7.0582 16.8916 9.99987 16.8916Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/eye-slash-icon.svg

@@ -0,0 +1,8 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.1083 7.89166L7.8916 12.1083C7.34994 11.5667 7.0166 10.825 7.0166 10C7.0166 8.35 8.34993 7.01666 9.99993 7.01666C10.8249 7.01666 11.5666 7.35 12.1083 7.89166Z" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M14.8499 4.80834C13.3915 3.70834 11.7249 3.10834 9.99987 3.10834C7.0582 3.10834 4.31654 4.84167 2.4082 7.84167C1.6582 9.01667 1.6582 10.9917 2.4082 12.1667C3.06654 13.2 3.8332 14.0917 4.66654 14.8083" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.0166 16.275C7.9666 16.675 8.97493 16.8917 9.99993 16.8917C12.9416 16.8917 15.6833 15.1583 17.5916 12.1583C18.3416 10.9833 18.3416 9.00834 17.5916 7.83334C17.3166 7.4 17.0166 6.99167 16.7083 6.60834" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M12.9252 10.5833C12.7085 11.7583 11.7502 12.7166 10.5752 12.9333" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M7.8915 12.1083L1.6665 18.3333" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M18.3334 1.66669L12.1084 7.89169" stroke="#BBBDC5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/info-circle.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99984 18.3334C14.5832 18.3334 18.3332 14.5834 18.3332 10C18.3332 5.41669 14.5832 1.66669 9.99984 1.66669C5.4165 1.66669 1.6665 5.41669 1.6665 10C1.6665 14.5834 5.4165 18.3334 9.99984 18.3334Z" stroke="#F34050" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10 6.66669V10.8334" stroke="#F34050" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M9.99561 13.3333H10.0031" stroke="#F34050" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/global/input-arrow-down.svg

@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4 6L8 10L12 6" stroke="#6B7080" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/src/lib/badge/badge.css

@@ -36,7 +36,8 @@
 .Gray-Solid    { @apply bg-[#6B7080] border-[#6B7080] text-white; }
 .Primary-Solid { @apply bg-[#294FFF] border-[#294FFF] text-white; }
 .Error-Solid   { @apply bg-[#FA727A] border-[#FA727A] text-[#4C0513]; }
-.Warning-Solid { @apply bg-[#FA9E3A] border-[#FA9E3A] text-[#461C04]; }
+.Orange-Solid  { @apply bg-[#FA9E3A] border-[#FA9E3A] text-[#461C04]; }
+.Warning-Solid { @apply bg-[#FACC15] border-[#FACC15] text-[#713F12]; }
 /* Fixed Custom Dot color for Success Solid if you want it darker than text, otherwise remove next line */
 .Success-Solid { @apply bg-[#57D175] border-[#57D175] text-[#461C04]; }
 .Success-Solid .dot { @apply bg-[#082B13]; } /* Override bg-current only here */
@@ -49,7 +50,8 @@
 .Gray-Light    { @apply bg-[#F4F4F6] border-transparent text-[#363C51]; }
 .Primary-Light { @apply bg-[#E5F3FF] border-transparent text-[#1434CB]; }
 .Error-Light   { @apply bg-[#FFF1F1] border-transparent text-[#CB1432]; }
-.Warning-Light { @apply bg-[#FFEED7] border-transparent text-[#A04C02]; }
+.Orange-Light  { @apply bg-[#FFEED7] border-transparent text-[#A04C02]; }
+.Warning-Light { @apply bg-[#FEFCE8] border-transparent text-[#A16207]; }
 .Success-Light { @apply bg-[#F1FCF3] border-transparent text-[#1E7735]; }
 .Purple-Light  { @apply bg-[#F6EAFD] border-transparent text-[#9130C0]; }
 .Cyan-Light    { @apply bg-[#F1FAFE] border-transparent text-[#096E9B]; }
@@ -59,7 +61,8 @@
 .Gray-Outline    { @apply bg-[#F4F4F6] border-[#BBBDC5] text-[#363C51]; }
 .Primary-Outline { @apply bg-[#E5F3FF] border-[#3F71FF] text-[#1434CB]; }
 .Error-Outline   { @apply bg-[#FFF1F1] border-[#FA727A] text-[#CB1432]; }
-.Warning-Outline { @apply bg-[#FFEED7] border-[#FBAE58] text-[#A04C02]; }
+.Orange-Outline  { @apply bg-[#FFEED7] border-[#FBAE58] text-[#A04C02]; }
+.Warning-Outline { @apply bg-[#FEFCE8] border-[#FACC15] text-[#A16207]; }
 .Success-Outline { @apply bg-[#F1FCF3] border-[#57D175] text-[#1E7735]; }
 .Purple-Outline  { @apply bg-[#F6EAFD] border-[#CE8EF2] text-[#9130C0]; }
 .Cyan-Outline    { @apply bg-[#F1FAFE] border-[#3FC2F1] text-[#096E9B]; }
@@ -69,7 +72,8 @@
 .Gray-Transparent    { @apply bg-transparent border-[#BBBDC5] text-[#363C51]; }
 .Primary-Transparent { @apply bg-transparent border-[#3F71FF] text-[#1434CB]; }
 .Error-Transparent   { @apply bg-transparent border-[#FA727A] text-[#CB1432]; }
-.Warning-Transparent { @apply bg-transparent border-[#FBAE58] text-[#A04C02]; }
+.Orange-Transparent  { @apply bg-transparent border-[#FBAE58] text-[#A04C02]; }
+.Warning-Transparent { @apply bg-transparent border-[#FACC15] text-[#A16207]; }
 .Success-Transparent { @apply bg-transparent border-[#57D175] text-[#1E7735]; }
 .Purple-Transparent  { @apply bg-transparent border-[#CE8EF2] text-[#9130C0]; }
 .Cyan-Transparent    { @apply bg-transparent border-[#3FC2F1] text-[#096E9B]; }

package/src/lib/breadcrumb/breadcrumb.css

@@ -0,0 +1,23 @@
+.bk-breadcrumb {
+  @apply flex min-w-0 flex-wrap items-center gap-1.5 text-xs font-medium text-[#6B7080];
+}
+
+.bk-breadcrumb__home {
+  @apply shrink-0 inline-flex items-center text-[#6B7080] hover:text-[#15191E] transition-colors cursor-pointer;
+}
+
+.bk-breadcrumb__icon {
+  @apply size-4;
+}
+
+.bk-breadcrumb__chevron {
+  @apply size-4 shrink-0 text-[#C4CADA];
+}
+
+.bk-breadcrumb__link {
+  @apply text-[#6B7080] hover:text-[#15191E] hover:underline cursor-pointer;
+}
+
+.bk-breadcrumb__current {
+  @apply text-[#15191E] font-medium truncate;
+}