@spteck/react-controls-v2 2.0.0

package/dist/components/calendarControl/models/IEventColors.d.ts

@@ -0,0 +1,5 @@
+export interface IEventColors {
+    backgroundColor: string;
+    hoverColor: string;
+}
+//# sourceMappingURL=IEventColors.d.ts.map

package/dist/components/calendarControl/models/IEventColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEventColors.d.ts","sourceRoot":"","sources":["../../../../src/components/calendarControl/models/IEventColors.ts"],"names":[],"mappings":"AAAC,MAAM,WAAW,YAAY;IAC5B,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/calendarControl/models/IEvents.d.ts

@@ -0,0 +1,27 @@
+import { AvatarNamedColor } from '@fluentui/react-components';
+import { IAttendee } from './IAttendee';
+
+export interface IEvent {
+    id: string;
+    title: string;
+    start: string;
+    end: string;
+    isFullDay?: boolean;
+    attendees?: IAttendee[];
+    category?: string;
+    description?: string;
+    location?: string;
+    importance?: string;
+    isOrganizer?: boolean;
+    sensitivity?: string;
+    type?: string;
+    isOnlineMeeting?: boolean;
+    onRenderInMonthView?: (event: IEvent) => JSX.Element;
+    onRenderInWeekView?: (event: IEvent) => JSX.Element;
+    onRenderInDayView?: (event: IEvent) => JSX.Element;
+    enableOnHouver?: boolean;
+    imageUrl?: string;
+    weblink?: string;
+    color?: AvatarNamedColor;
+}
+//# sourceMappingURL=IEvents.d.ts.map

package/dist/components/calendarControl/models/IEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IEvents.d.ts","sourceRoot":"","sources":["../../../../src/components/calendarControl/models/IEvents.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IACrD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IACpD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B"}

package/dist/components/calendarControl/models/IStrings.d.ts

@@ -0,0 +1,180 @@
+/**
+ * Interface representing the strings used in various components of the calendar control.
+ */
+export interface IStrings {
+    /**
+  * Strings related to the calendar control.
+  */
+    calendarControl: ICalendarControlStrings;
+    /**
+     * Strings related to the calendar view selection.
+     */
+    selectCalendarView: ISelectCalendarViewStrings;
+    /**
+     * Strings related to the event popover card.
+     */
+    eventPopoverCard: IEventPopoverCardStrings;
+    /**
+     * Strings related to the event details popover.
+     */
+    eventDetailsPopover: IEventDetailsPopoverStrings;
+    /**
+     * Strings related to the day view.
+     */
+    dayView: IDayViewStrings;
+    /**
+     * Strings related to the toolbar.
+     */
+    toolbar: IToolbarStrings;
+    /**
+     * Strings related to the week view.
+     */
+    weekView: IWeekViewStrings;
+    /**
+     * Strings related to the calendar month view.
+     */
+    calendarMonth: ICalendarMonthStrings;
+    /**
+     * Strings related to the week selection.
+     */
+    selectWeek: ISelectWeekStrings;
+}
+export interface ICalendarControlStrings {
+    daysOfWeek: string[];
+}
+/**
+ * Interface representing the strings used for selecting different calendar views.
+ */
+/**
+ * Interface representing the strings used for selecting calendar views.
+ */
+export interface ISelectCalendarViewStrings {
+    /**
+     * The string representing the month view.
+     */
+    month: string;
+    /**
+     * The string representing the week view.
+     */
+    week: string;
+    /**
+     * The string representing the day view.
+     */
+    day: string;
+}
+/**
+ * Interface representing the strings used in the Event Popover Card component.
+ */
+/**
+ * Interface representing the strings used in the event popover card.
+ */
+export interface IEventPopoverCardStrings {
+    /**
+     * The string used to separate the start and end times.
+     */
+    timeSeparator: string;
+    /**
+     * The suffix added to the hour display.
+     */
+    hourSuffix: string;
+}
+/**
+ * Interface representing the strings used in the event details popover.
+ */
+export interface IEventDetailsPopoverStrings {
+    /**
+     * The label for the start time of the event.
+     */
+    start: string;
+    /**
+     * The label for the end time of the event.
+     */
+    end: string;
+    /**
+     * The label for the location of the event.
+     */
+    location: string;
+    /**
+     * The label for the attendees of the event.
+     */
+    attendees: string;
+    /**
+     * The label for the details of the event.
+     */
+    details: string;
+}
+/**
+ * Interface representing localized strings for the day view in a calendar control.
+ */
+export interface IDayViewStrings {
+    /**
+     * String representing the "All Day" label.
+     */
+    allDay: string;
+}
+/**
+ * Interface representing the strings used in the toolbar of the calendar control.
+ */
+export interface IToolbarStrings {
+    /**
+     * The label for the "today" button.
+     */
+    today: string;
+    /**
+     * The label for the "previous" button.
+     */
+    previous: string;
+    /**
+     * The label for the "next" button.
+     */
+    next: string;
+}
+/**
+ * Interface representing the strings used in the week view of the calendar control.
+ */
+export interface IWeekViewStrings {
+    /**
+     * The string representing "All Day" in the week view.
+     */
+    allDay: string;
+}
+/**
+ * Interface representing the strings used in the calendar month component.
+ */
+export interface ICalendarMonthStrings {
+    /**
+     * An array of full month names.
+     * Example: ["January", "February", "March", ...]
+     */
+    months: string[];
+    /**
+     * An array of abbreviated month names.
+     * Example: ["Jan", "Feb", "Mar", ...]
+     */
+    shortMonths: string[];
+    /**
+     * An array of full day names.
+     * Example: ["Sunday", "Monday", "Tuesday", ...]
+     */
+    days: string[];
+    /**
+     * An array of abbreviated day names.
+     * Example: ["Sun", "Mon", "Tue", ...]
+     */
+    shortDays: string[];
+    /**
+     * The string used for the "Go to today" button.
+     * Example: "Go to today"
+     */
+    goToToday: string;
+}
+/**
+ * Interface representing the strings used for selecting a week.
+ */
+export interface ISelectWeekStrings {
+    /**
+     * Placeholder text displayed when selecting a week.
+     */
+    selectWeekPlaceholder: string;
+}
+//# sourceMappingURL=IStrings.d.ts.map

package/dist/components/calendarControl/models/IStrings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IStrings.d.ts","sourceRoot":"","sources":["../../../../src/components/calendarControl/models/IStrings.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,WAAW,QAAQ;IACpB;;IAEA;IACD,eAAe,EAAE,uBAAuB,CAAC;IAC3C;;OAEG;IACH,kBAAkB,EAAE,0BAA0B,CAAC;IAE/C;;OAEG;IACH,gBAAgB,EAAE,wBAAwB,CAAC;IAE3C;;OAEG;IACH,mBAAmB,EAAE,2BAA2B,CAAC;IAEjD;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,OAAO,EAAE,eAAe,CAAC;IAEzB;;OAEG;IACH,QAAQ,EAAE,gBAAgB,CAAC;IAE3B;;OAEG;IACH,aAAa,EAAE,qBAAqB,CAAC;IAErC;;OAEG;IACH,UAAU,EAAE,kBAAkB,CAAC;CAChC;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,MAAM,EAAE,CAAC;CAEtB;AAGD;;GAEG;AACH;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AAEH;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAEhB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB;;;OAGG;IACH,WAAW,EAAE,MAAM,EAAE,CAAC;IAEtB;;;OAGG;IACH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;;OAGG;IACH,SAAS,EAAE,MAAM,EAAE,CAAC;IAEpB;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,qBAAqB,EAAE,MAAM,CAAC;CAC/B"}

package/dist/components/calendarControl/models/index.d.ts

@@ -0,0 +1,8 @@
+export * from './ECalendarViews';
+export * from './IAttendee';
+export * from './ICalendarControlProps';
+export * from './ICalendarDay';
+export * from './IEventColors';
+export * from './IEvents';
+export * from './IStrings';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/calendarControl/models/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/calendarControl/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC"}

package/dist/components/customControlBar/CustomControlBar.d.ts

@@ -0,0 +1,16 @@
+import { Theme } from '@fluentui/react-components';
+import * as React from 'react';
+export interface IControlItem {
+    id: string;
+    name: string;
+    icon?: JSX.Element | string;
+}
+export interface ICustomControlBarProps {
+    items: IControlItem[];
+    selectedItemId: string | undefined;
+    onSelectedItem: (itemId: string) => void;
+    renderControl: (item: IControlItem, isSelected: boolean, onClick: () => void) => JSX.Element;
+    theme: Theme;
+}
+export declare const CustomControlBar: React.FunctionComponent<ICustomControlBarProps>;
+//# sourceMappingURL=CustomControlBar.d.ts.map

package/dist/components/customControlBar/CustomControlBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomControlBar.d.ts","sourceRoot":"","sources":["../../../src/components/customControlBar/CustomControlBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAWL,KAAK,EAIN,MAAM,4BAA4B,CAAC;AAsCpC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,cAAc,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC;IAC7F,KAAK,EAAE,KAAK,CAAC;CACd;AAGD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,iBAAiB,CAAC,sBAAsB,CAoC5E,CAAC"}

package/dist/components/customControlBar/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CustomControlBar';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/customControlBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/customControlBar/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}

package/dist/components/dataGrid/DataGrid.d.ts

@@ -0,0 +1,4 @@
+import { IDataGridProps } from './IDataGridProps';
+
+export declare const DataGrid: <T>(props: IDataGridProps<T>) => JSX.Element;
+//# sourceMappingURL=DataGrid.d.ts.map

package/dist/components/dataGrid/DataGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataGrid.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/DataGrid.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAMlD,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,OAAO,cAAc,CAAC,CAAC,CAAC,KAAG,GAAG,CAAC,OAgN3D,CAAC"}

package/dist/components/dataGrid/IColumnConfig.d.ts

@@ -0,0 +1,10 @@
+export interface IColumnConfig<T> {
+    column: keyof T;
+    header?: string;
+    onRender?: (item: T) => JSX.Element;
+    media?: (item: T) => JSX.Element;
+    order?: (a: T, b: T) => number;
+    style?: React.CSSProperties;
+    className?: string;
+}
+//# sourceMappingURL=IColumnConfig.d.ts.map

package/dist/components/dataGrid/IColumnConfig.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IColumnConfig.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/IColumnConfig.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa,CAAC,CAAC;IAC5B,MAAM,EAAG,MAAM,CAAC,CAAC;IAEjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/dataGrid/IDataGridProps.d.ts

@@ -0,0 +1,26 @@
+import { IColumnConfig } from './IColumnConfig';
+import { ISortState } from './ISortState';
+import { TableColumnSizingOptions } from '@fluentui/react-components';
+
+export interface IDataGridProps<T> {
+    columns: IColumnConfig<T>[];
+    items: T[];
+    enableSorting?: boolean;
+    enableResizing?: boolean;
+    selectionMode?: "none" | "single" | "multiple" | "row" | undefined;
+    defaultSelectedItems?: T[];
+    onSelectionChange?: (selectedItems: T[]) => void;
+    defaultSortState?: ISortState;
+    onSortChange?: (sortState: ISortState) => void;
+    columnSizingOptions?: TableColumnSizingOptions;
+    resizableColumnsOptions?: {
+        autoFitColumns: boolean;
+    };
+    noItemsMessage?: string | JSX.Element;
+    isLoadingData?: boolean;
+    isLoadingDataMessage?: string | JSX.Element;
+    dataGridBodyClassName?: string;
+    dataGridBodyStyles?: React.CSSProperties;
+    refreshData?: boolean;
+}
+//# sourceMappingURL=IDataGridProps.d.ts.map

package/dist/components/dataGrid/IDataGridProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDataGridProps.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/IDataGridProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,KAAK,GAAE,SAAS,CAAC;IAClE,oBAAoB,CAAC,EAAE,CAAC,EAAE,CAAC;IAC3B,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACjD,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,KAAK,IAAI,CAAC;IAC/C,mBAAmB,CAAC,EAAE,wBAAwB,CAAC;IAC/C,uBAAuB,CAAC,EAAE;QAAE,cAAc,EAAE,OAAO,CAAA;KAAE,CAAC;IACtD,cAAc,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,oBAAoB,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC5C,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/components/dataGrid/ISortState.d.ts

@@ -0,0 +1,7 @@
+import { TableColumnId } from '@fluentui/react-components';
+
+export interface ISortState {
+    sortColumn: TableColumnId | undefined;
+    sortDirection: 'ascending' | 'descending';
+}
+//# sourceMappingURL=ISortState.d.ts.map

package/dist/components/dataGrid/ISortState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ISortState.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/ISortState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAI3D,MAAM,WAAW,UAAU;IAEzB,UAAU,EAAE,aAAa,GAAG,SAAS,CAAC;IAEtC,aAAa,EAAE,WAAW,GAAG,YAAY,CAAC;CAE3C"}

package/dist/components/dataGrid/index.d.ts

@@ -0,0 +1,6 @@
+export * from './DataGrid';
+export * from './IColumnConfig';
+export * from './IDataGridProps';
+export * from './ISortState';
+export * from './useDataGridStyles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dataGrid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC"}

package/dist/components/dataGrid/stack/IStackProps.d.ts

@@ -0,0 +1,78 @@
+import { default as React } from 'react';
+
+/**
+ * StackProps interface defines the properties for the Stack component.
+ */
+export interface IStackProps {
+    /**
+     * Direction of stacking: horizontal (row) or vertical (column).
+     */
+    direction?: "horizontal" | "vertical";
+    /**
+     * Flexbox justify-content property.
+     */
+    justifyContent?: React.CSSProperties["justifyContent"];
+    /**
+     * Flexbox align-items property.
+     */
+    alignItems?: React.CSSProperties["alignItems"];
+    /**
+     * Gap between items (can be predefined or custom value like '20px').
+     */
+    gap?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Column gap between items (custom value or predefined).
+     */
+    columnGap?: string;
+    /**
+     * Row gap between items (custom value or predefined).
+     */
+    rowGap?: string;
+    /**
+     * Predefined margin sizes (shorthand) or custom value.
+     */
+    margin?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Predefined padding sizes (shorthand) or custom value.
+     */
+    padding?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Individual margin properties (predefined or custom value).
+     */
+    marginTop?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginBottom?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginLeft?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    marginRight?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Individual padding properties (predefined or custom value).
+     */
+    paddingTop?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingBottom?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingLeft?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    paddingRight?: "xs" | "s" | "m" | "l" | "xl" | "xxl" | string;
+    /**
+     * Width of the stack.
+     */
+    width?: React.CSSProperties["width"];
+    height?: React.CSSProperties["height"];
+    /**
+     * Enable or disable wrapping of items.
+     */
+    wrap?: boolean;
+    /**
+     * Child components to be rendered inside the stack.
+     */
+    children: React.ReactNode;
+    /**
+     * Additional inline styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Additional class names for the stack.
+     */
+    className?: string;
+    overflow?: React.CSSProperties["overflow"];
+    /** background Color */
+    background?: React.CSSProperties["backgroundColor"];
+}
+//# sourceMappingURL=IStackProps.d.ts.map

package/dist/components/dataGrid/stack/IStackProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IStackProps.d.ts","sourceRoot":"","sources":["../../../../src/components/dataGrid/stack/IStackProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAEtC;;OAEG;IACH,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAEvD;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAE/C;;OAEG;IACH,GAAG,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAErD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAExD;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAEzD;;OAEG;IACH,SAAS,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC3D,YAAY,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9D,UAAU,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC5D,WAAW,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAE7D;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC5D,aAAa,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAC7D,YAAY,CAAC,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,MAAM,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAGrC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEvC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC3C,uBAAuB;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,CAAC;CACrD"}

package/dist/components/dataGrid/stack/Stack.d.ts

@@ -0,0 +1,10 @@
+import { IStackProps } from './IStackProps';
+import { default as React } from 'react';
+
+/**
+ * Stack component provides a flexible layout using Flexbox.
+ * It allows stacking child components either horizontally or vertically with predefined spacing options.
+ */
+export declare const Stack: React.FC<IStackProps>;
+export default Stack;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/components/dataGrid/stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../src/components/dataGrid/stack/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B;;;GAGG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA4EvC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/dataGrid/useDataGridStyles.d.ts

@@ -0,0 +1,10 @@
+import { IDataGridProps } from './IDataGridProps';
+
+export declare const useDataGridStyles: <T>(_props: IDataGridProps<T>) => {
+    styles: {
+        loadingContainer: string;
+        noItemsMessage: string;
+        rowSelection: string;
+    };
+};
+//# sourceMappingURL=useDataGridStyles.d.ts.map

package/dist/components/dataGrid/useDataGridStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDataGridStyles.d.ts","sourceRoot":"","sources":["../../../src/components/dataGrid/useDataGridStyles.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,eAAO,MAAM,iBAAiB,GAAI,CAAC,EAAG,QAAQ,cAAc,CAAC,CAAC,CAAC;;;;;;CAoB9D,CAAC"}

package/dist/components/dropDownField/DropDownField.d.ts

@@ -0,0 +1,4 @@
+import { IDropdownFieldProps } from './IDropDownFieldProps';
+import * as React from 'react';
+export declare const DropdownField: React.FC<IDropdownFieldProps>;
+//# sourceMappingURL=DropDownField.d.ts.map

package/dist/components/dropDownField/DropDownField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropDownField.d.ts","sourceRoot":"","sources":["../../../src/components/dropDownField/DropDownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiFvD,CAAC"}

package/dist/components/dropDownField/IDropDownFieldProps.d.ts

@@ -0,0 +1,16 @@
+import { IOption } from './IOption';
+
+export interface IDropdownFieldProps {
+    options: IOption[];
+    onChange?: (selectedValue: string) => void;
+    renderItem?: (item: IOption) => JSX.Element;
+    validate?: (value: string) => string;
+    label?: string | JSX.Element;
+    placeholder?: string;
+    message?: string;
+    messageType?: "error" | "info" | "warning";
+    required?: boolean;
+    size?: "small" | "medium" | "large";
+    hint?: string;
+}
+//# sourceMappingURL=IDropDownFieldProps.d.ts.map

package/dist/components/dropDownField/IDropDownFieldProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IDropDownFieldProps.d.ts","sourceRoot":"","sources":["../../../src/components/dropDownField/IDropDownFieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAGpC,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAC;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

package/dist/components/dropDownField/IOption.d.ts

@@ -0,0 +1,8 @@
+export interface IOption {
+    value: string;
+    text?: string;
+    disabled?: boolean;
+    checkIcon?: React.ReactNode;
+    as?: "div";
+}
+//# sourceMappingURL=IOption.d.ts.map

package/dist/components/dropDownField/IOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IOption.d.ts","sourceRoot":"","sources":["../../../src/components/dropDownField/IOption.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,OAAO;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,EAAE,CAAC,EAAE,KAAK,CAAC;CACZ"}

package/dist/components/dropDownField/index.d.ts

@@ -0,0 +1,4 @@
+export * from './DropDownField';
+export * from './IDropDownFieldProps';
+export * from './IOption';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/dropDownField/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/dropDownField/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,WAAW,CAAC"}

package/dist/components/genericOverFlowMenu/GenericOverFlowMenu.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface GenericOverFlowMenuProps<T> {
+    items: T[];
+    renderItem: (item: T) => React.ReactNode;
+    keyExtractor: (item: T) => string;
+}
+export declare const GenericOverFlowMenu: <T extends {
+    id: string;
+}>({ items, renderItem, keyExtractor, }: GenericOverFlowMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=GenericOverFlowMenu.d.ts.map

package/dist/components/genericOverFlowMenu/GenericOverFlowMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericOverFlowMenu.d.ts","sourceRoot":"","sources":["../../../src/components/genericOverFlowMenu/GenericOverFlowMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,UAAU,wBAAwB,CAAC,CAAC;IAClC,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACzC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;CACnC;AAYD,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,EAAE,sCAI3D,wBAAwB,CAAC,CAAC,CAAC,mDAuB7B,CAAC"}

package/dist/components/genericOverFlowMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './GenericOverFlowMenu';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/genericOverFlowMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/genericOverFlowMenu/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/genericOverFlowMenu/useOverflowMenuStyles.d.ts

@@ -0,0 +1,2 @@
+export declare const useOverflowMenuStyles: () => Record<"menu" | "menuButton", string>;
+//# sourceMappingURL=useOverflowMenuStyles.d.ts.map

package/dist/components/genericOverFlowMenu/useOverflowMenuStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverflowMenuStyles.d.ts","sourceRoot":"","sources":["../../../src/components/genericOverFlowMenu/useOverflowMenuStyles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,qBAAqB,6CAOhC,CAAC"}

package/dist/components/iconButton/IconButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IconButtonProps } from './IconButtonProps';
+
+export declare const IconButton: React.FC<IconButtonProps>;
+declare const _default: React.NamedExoticComponent<IconButtonProps>;
+export default _default;
+//# sourceMappingURL=IconButton.d.ts.map

package/dist/components/iconButton/IconButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4FhD,CAAC;;AAEF,wBAAsC"}

package/dist/components/iconButton/IconButtonProps.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+
+export interface IconButtonProps {
+    /** The default icon to display as a React element */
+    icon: React.ReactElement;
+    /** The icon to display on hover (optional) as a React element */
+    hoverIcon?: React.ReactElement;
+    /** Optional image source.
+     *  If provided, an image will be rendered instead of the icon.
+     */
+    imageSrc?: string;
+    /** Button width (number or CSS string). Default is 24. */
+    width?: number | string;
+    /** Button height (number or CSS string). Default is 24. */
+    height?: number | string;
+    /**
+     * The default color for the icon/image.
+     * If not provided, the Fluent UI token for colorBrandBackground is used.
+     */
+    color?: string;
+    /**
+     * The color for the icon/image on hover.
+     * If not provided, the Fluent UI token for colorBrandBackgroundHover is used.
+     */
+    hoverColor?: string;
+    /** Callback for when the button is clicked. */
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+    /** Determines if the button is enabled. Default is true. */
+    enabled?: boolean;
+}
+//# sourceMappingURL=IconButtonProps.d.ts.map

package/dist/components/iconButton/IconButtonProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonProps.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/IconButtonProps.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,qDAAqD;IACrD,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;IACzB,iEAAiE;IACjE,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACrD,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/iconButton/index.d.ts

@@ -0,0 +1,3 @@
+export * from './IconButton';
+export * from './IconButtonProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/iconButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/iconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}