@newtonschool/grauity 3.2.0-beta.0 → 3.2.0

package/dist/ui/elements/Accordion/types.d.ts

@@ -17,17 +17,17 @@ export interface AccordionProps {
     suffix?: React.ReactNode;
     /**
      * Background color of the accordion header.
-     * @default var(--bg-secondary, #F6F7F9)
+     * @default var(--bg-subtle-secondary-default, #f6f7f9)
      */
     headerBackgroundColor?: string;
     /**
      * Background color of the accordion content.
-     * @default var(--bg-secondary, #F6F7F9)
+     * @default var(--bg-subtle-secondary-default, #f6f7f9)
      */
     contentBackgroundColor?: string;
     /**
      * Color of the accordion toggle icon.
-     * @default var(--text-primary, #16191D)
+     * @default var(--text-emphasis-primary-default, #16191d)
      */
     iconColor?: string;
     /**

package/dist/ui/elements/Alert/constants.d.ts

@@ -15,102 +15,4 @@ export declare const ERRONEOUS_ALERT_VARIANTS: ALERT_VARIANTS_ENUM[];
 export declare const ALERT_VARIANTS: ALERT_VARIANTS_ENUM[];
 export declare const ALERT_TYPES: ALERT_TYPES_ENUM[];
 export declare const DEFAULT_ALERT_VARIANT_ICON_MAPPING: Record<ALERT_VARIANTS_ENUM, grauityIconName>;
-export declare const ALERT_COLOR_MAPPINGS: {
-    default: {
-        primary: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        success: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        warning: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        error: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        default: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-    outlined: {
-        primary: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        success: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        warning: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        error: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        default: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-    filled: {
-        primary: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        success: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        warning: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        error: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-        default: {
-            iconColor: string;
-            textColor: string;
-            backgroundColor: string;
-            borderColor: string;
-        };
-    };
-};
 //# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/Alert/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,oBAAY,gBAAgB;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,mBAAmB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,wBAAwB,uBAGpC,CAAC;AAEF,eAAO,MAAM,cAAc,uBAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,oBAIvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,mBAAmB,EACnB,eAAe,CAOlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiGhC,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Alert/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,oBAAY,gBAAgB;IACxB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,MAAM,WAAW;CACpB;AAED,oBAAY,mBAAmB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,wBAAwB,uBAGpC,CAAC;AAEF,eAAO,MAAM,cAAc,uBAM1B,CAAC;AAEF,eAAO,MAAM,WAAW,oBAIvB,CAAC;AAEF,eAAO,MAAM,kCAAkC,EAAE,MAAM,CACnD,mBAAmB,EACnB,eAAe,CAOlB,CAAC"}

package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFAuFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"AlertBanner.d.ts","sourceRoot":"","sources":["../../../../ui/elements/AlertBanner/AlertBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQ3C;;;GAGG;AACH,QAAA,MAAM,WAAW,yFAwFhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ui/elements/AlertBanner/types.d.ts

@@ -23,7 +23,7 @@ export interface AlertBannerProps {
     /**
      * Alert banner padding
      *
-     * Default: `'var(--spacing-8px, 8px)'`
+     * Default: `'var(--spacing-4px, 4px) var(--spacing-8px, 8px)'` if action buttons/close button are present else `'var(--spacing-8px, 8px)'`
      * */
     padding?: string;
     /**

package/dist/ui/elements/Calendar/CalendarEvent/CalendarEvent.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarEvent.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/CalendarEvent/CalendarEvent.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,0BAA0B,oQA8CtC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mPAMvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAMnC,CAAC;AAEF,eAAO,MAAM,4BAA4B,6NAOxC,CAAC"}
+{"version":3,"file":"CalendarEvent.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/CalendarEvent/CalendarEvent.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,0BAA0B,oQAkDtC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mPAMvC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAMnC,CAAC;AAEF,eAAO,MAAM,4BAA4B,6NAOxC,CAAC"}

package/dist/ui/elements/Calendar/CalendarEvent/types.d.ts

@@ -31,22 +31,22 @@ export interface CalendarEventProps {
     minDurationToDisplayTime?: number;
     /**
      * Text color of the event.
-     * @default 'var(--text-action2)'
+     * @default 'var(--text-emphasis-invert-primary-default, #ffffff)'
      */
     textColor?: string;
     /**
      * Background color of the event.
-     * @default 'var(--bg-action-brand)'
+     * @default 'var(--bg-emphasis-brand-default, #0673f9)'
      */
     backgroundColor?: string;
     /**
      * Border color of the event.
-     * @default 'var(--border)'
+     * @default 'var(--border-subtle-primary-default, #e1e5ea)'
      */
     borderColor?: string;
     /**
      * Text color of the chip content.
-     * @default 'var(--text-action2)'
+     * @default 'var(--text-emphasis-invert-primary-default, #ffffff)'
      */
     chipTextColor?: string;
     /**

package/dist/ui/elements/Calendar/MonthlyCalendar/MonthlyCalendar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyCalendar.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/MonthlyCalendar/MonthlyCalendar.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,iBAAS,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,eA6GzD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"MonthlyCalendar.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/MonthlyCalendar/MonthlyCalendar.tsx"],"names":[],"mappings":";AAcA,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,iBAAS,eAAe,CAAC,CAAC,EAAE,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,eAgHzD;AAED,eAAe,eAAe,CAAC"}

package/dist/ui/elements/Calendar/MonthlyCalendarEvent/types.d.ts

@@ -2,7 +2,7 @@ import { StyledDivProps } from '../../../../common/types';
 export interface MonthlyCalendarEventProps extends StyledDivProps {
     /**
      * The background color of the calendar event.
-     * @default 'var(--bg-action-brand)'
+     * @default 'var(--bg-emphasis-brand-default, #0673f9)'
      */
     backgroundColor?: string;
     /**
@@ -30,12 +30,12 @@ export interface MonthlyCalendarEventProps extends StyledDivProps {
     eventTitle: string;
     /**
      * The color of the event time text.
-     * @default 'var(--text-action2)'
+     * @default 'var(--text-emphasis-invert-primary-default, #ffffff)'
      */
     eventTimeColor?: string;
     /**
      * The color of the event title text.
-     * @default 'var(--text-action2)'
+     * @default 'var(--text-emphasis-invert-primary-default, #ffffff)'
      */
     eventTitleColor?: string;
     /**

package/dist/ui/elements/Calendar/WeeklyCalendar/WeeklyCalendar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WeeklyCalendar.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/WeeklyCalendar/WeeklyCalendar.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACH,wBAAwB,EACxB,gCAAgC,EAChC,uBAAuB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qCAAqC,mPAEjD,CAAC;AAEF,eAAO,MAAM,yBAAyB,mPAOrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mPAmBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mPAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mPAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gUAInC,CAAC;AAEF,eAAO,MAAM,2BAA2B,qQAkCvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,6PAsBrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,6PAmBnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mPAElC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gUAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6PA0C/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,4PAe9B,CAAC"}
+{"version":3,"file":"WeeklyCalendar.styles.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/WeeklyCalendar/WeeklyCalendar.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EACH,wBAAwB,EACxB,gCAAgC,EAChC,uBAAuB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qCAAqC,mPAEjD,CAAC;AAEF,eAAO,MAAM,yBAAyB,mPAOrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mPAoBjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,mPAMhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mPAO7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,gUAInC,CAAC;AAEF,eAAO,MAAM,2BAA2B,qQAkCvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,6PAsBrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,6PAmBnC,CAAC;AAEF,eAAO,MAAM,sBAAsB,mPAElC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gUAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,6PA0C/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,4PAe9B,CAAC"}

package/dist/ui/elements/Drawer/Drawer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DrawerProps } from './types';
+declare const Drawer: React.ForwardRefExoticComponent<DrawerProps & React.RefAttributes<HTMLDivElement>>;
+export default Drawer;
+//# sourceMappingURL=Drawer.d.ts.map

package/dist/ui/elements/Drawer/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Drawer/Drawer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,QAAA,MAAM,MAAM,oFAiEV,CAAC;AAIH,eAAe,MAAM,CAAC"}

package/dist/ui/elements/Drawer/Drawer.styles.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { StyledDrawerContentProps, StyledDrawerProps } from './types';
+export declare const StyledDrawer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("framer-motion").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, StyledDrawerProps>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledDrawerContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledDrawerContentProps>> & string;
+//# sourceMappingURL=Drawer.styles.d.ts.map

package/dist/ui/elements/Drawer/Drawer.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Drawer/Drawer.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAEH,wBAAwB,EACxB,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,YAAY,maAqBxB,CAAC;AAEF,eAAO,MAAM,mBAAmB,6PAW/B,CAAC"}

package/dist/ui/elements/Drawer/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ANIMATION_DURATION_IN_MILLISECONDS = 300;
+//# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/Drawer/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Drawer/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kCAAkC,MAAM,CAAC"}

package/dist/ui/elements/Drawer/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './Drawer';
+export type { DrawerProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/Drawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC"}

package/dist/ui/elements/Drawer/types.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { StyledDivProps } from '../../../common/types';
+export declare enum DrawerPosition {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export interface DrawerProps {
+    /**
+     * The content to be displayed inside the Drawer.
+     */
+    children?: React.ReactNode;
+    /**
+     * Determines whether the Drawer is open or closed.
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Callback function to be called when the Drawer is requested to be closed.
+     * @default () => {}
+     */
+    onClose?: () => void;
+    /**
+     * If true, the Drawer will take up the full screen.
+     * @default false
+     */
+    fullScreen?: boolean;
+    /**
+     * If true, the Drawer will close when the backdrop is clicked.
+     * @default true
+     */
+    closeOnBackdropClick?: boolean;
+    /**
+     * The width of the Drawer.
+     * @default '30%'
+     */
+    width?: string;
+    /**
+     * The side from which the Drawer opens.
+     * @default 'left'
+     */
+    position?: 'left' | 'right';
+    /**
+     * Additional class name to be passed to the Drawer.
+     */
+    className?: string;
+    /**
+     * Should focus on the first element in the drawer
+     * @default true
+     */
+    shouldFocusOnFirstElement?: boolean;
+    /**
+     * Flag to determine if the background scroll should be disabled.
+     * @default true
+     */
+    shouldDisableScroll?: boolean;
+    /**
+     * Custom styles to override drawer styling
+     */
+    styles?: React.CSSProperties;
+}
+export interface StyledDrawerProps extends StyledDivProps {
+    $isOpen?: boolean;
+    $width: string;
+    $fullScreen?: boolean;
+    $position: 'left' | 'right';
+}
+export interface StyledDrawerContentProps extends StyledDivProps {
+    $width?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/Drawer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Drawer/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,oBAAY,cAAc;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;CAClB;AAED,MAAM,WAAW,WAAW;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAE5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;CAC/B;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/dist/ui/elements/DropdownMenu/DropdownMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AAkBf,OAAO,EAIH,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAQjB,QAAA,MAAM,YAAY,0FA6VjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAON,MAAM,OAAO,CAAC;AAkBf,OAAO,EAIH,iBAAiB,EACpB,MAAM,SAAS,CAAC;AASjB,QAAA,MAAM,YAAY,0FAuWjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/ui/elements/DropdownMenu/types.d.ts

@@ -10,9 +10,11 @@ export type OptionValue = string | number;
 export type BaseItemSubHeaderProps = {
     type: BaseItemType.SUB_HEADER;
     title: string;
+    scrollToOnOpen?: boolean;
 };
 export type BaseItemDividerProps = {
     type: BaseItemType.DIVIDER;
+    scrollToOnOpen?: boolean;
 };
 export type BaseItemOptionProps = {
     type: BaseItemType.OPTION;
@@ -22,6 +24,7 @@ export type BaseItemOptionProps = {
     leftIcon?: grauityIconName;
     rightIcon?: grauityIconName;
     disabled?: boolean;
+    scrollToOnOpen?: boolean;
 };
 export type BaseItemProps = BaseItemSubHeaderProps | BaseItemDividerProps | BaseItemOptionProps;
 export interface DropdownMenuProps {

package/dist/ui/elements/DropdownMenu/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/types.ts"],"names":[],"mappings":"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"}

package/dist/ui/elements/DropdownMenu/utils.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { BaseItemOptionProps, BaseItemProps } from './types';
 /**
  * Filters the given array of `BaseItemProps` and returns only the items of type `BaseItemType.OPTION`.
@@ -20,4 +21,12 @@ export declare function getOptionsFromBaseDropdownItems(items: BaseItemProps[]):
 export declare function defaultSearchMethod(searchValue: string, options: BaseItemOptionProps[]): BaseItemOptionProps[];
 export declare const getSelectedValuesForDropdownType: (multiple: boolean, value: BaseItemOptionProps | BaseItemOptionProps[]) => BaseItemOptionProps[];
 export declare function isDropdownMenuItemNavigable(item: BaseItemProps): boolean;
+/**
+ * Scrolls to the first item with scrollToOnOpen property set to true
+ *
+ * @param items - Array of items to search through
+ * @param refs - Ref array containing DOM elements for each item
+ * @param delay - Optional delay before scrolling (default: 100ms)
+ */
+export declare function scrollToFirstMarkedItem(items: BaseItemProps[], refs: React.MutableRefObject<(HTMLDivElement | HTMLButtonElement | null)[]>, delay?: number): void;
 //# sourceMappingURL=utils.d.ts.map

package/dist/ui/elements/DropdownMenu/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAC3C,KAAK,EAAE,aAAa,EAAE,GACvB,mBAAmB,EAAE,CAIvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,mBAAmB,EAAE,GAC/B,mBAAmB,EAAE,CAQvB;AAED,eAAO,MAAM,gCAAgC,aAC/B,OAAO,SACV,mBAAmB,GAAG,mBAAmB,EAAE,KACnD,mBAAmB,EAQrB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAQxE"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/DropdownMenu/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAgB,MAAM,SAAS,CAAC;AAE3E;;;;;GAKG;AACH,wBAAgB,+BAA+B,CAC3C,KAAK,EAAE,aAAa,EAAE,GACvB,mBAAmB,EAAE,CAIvB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAC/B,WAAW,EAAE,MAAM,EACnB,OAAO,EAAE,mBAAmB,EAAE,GAC/B,mBAAmB,EAAE,CAQvB;AAED,eAAO,MAAM,gCAAgC,aAC/B,OAAO,SACV,mBAAmB,GAAG,mBAAmB,EAAE,KACnD,mBAAmB,EAQrB,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,IAAI,EAAE,aAAa,GAAG,OAAO,CAQxE;AAED;;;;;;GAMG;AACH,wBAAgB,uBAAuB,CACnC,KAAK,EAAE,aAAa,EAAE,EACtB,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,cAAc,GAAG,iBAAiB,GAAG,IAAI,CAAC,EAAE,CAAC,EAC3E,KAAK,GAAE,MAAY,GACpB,IAAI,CAeN"}

package/dist/ui/elements/Modal/types.d.ts

@@ -186,7 +186,7 @@ export interface ModalProps {
      */
     overflow?: string;
     /**
-     * Border for the modal. By default, it is `1px solid var(--border, #e1e5ea)`
+     * Border for the modal. By default, it is `1px solid var(--border-subtle-primary-default, #e1e5ea)`
      * */
     border?: string;
     /**

package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EACH,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC7B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,+PAOjC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mPAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,8PAchC,CAAC;AAEF,eAAO,MAAM,yBAAyB,mPAerC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAenC,CAAC;AAEF,eAAO,MAAM,kBAAkB,4PAI9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,4QA+BlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,6NAKtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gQAmBlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,6NAYzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAUrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6ZAG7B,CAAC"}
+{"version":3,"file":"MultiSelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,EACH,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,uBAAuB,EACvB,8BAA8B,EAC9B,0BAA0B,EAC7B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,+PAOjC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mPAGxC,CAAC;AAEF,eAAO,MAAM,oBAAoB,8PAchC,CAAC;AAEF,eAAO,MAAM,yBAAyB,mPAerC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mPAgBnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,4PAI9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,4QA+BlC,CAAC;AAEF,eAAO,MAAM,0BAA0B,6NAKtC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gQAmBlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,6NAazC,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAUrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,6ZAG7B,CAAC"}

package/dist/ui/elements/Overlay/types.d.ts

@@ -26,7 +26,7 @@ export interface OverlayProps {
     shouldBlurOverlay?: boolean;
     /**
      * Color of the overlay
-     * @default 'var(--alpha-overlay, rgba(22, 25, 29, 0.8))'
+     * @default 'var(--bg-subtle-alpha-overlay, #16191dcc)'
      */
     overlayColor?: string;
     /**

package/dist/ui/elements/Placeholder/types.d.ts

@@ -27,7 +27,7 @@ export interface PlaceholderProps {
     margin?: string;
     /**
      * Background color of the placeholder.
-     * @default 'var(--bg-tertiary, #EDEFF3)'
+     * @default 'var(--bg-subtle-tertiary-default, #edeff3)'
      */
     backgroundColor?: string;
     /**

package/dist/ui/elements/SelectDropdown/SelectDropdown.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/SelectDropdown.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,8BAA8B,EAC9B,kCAAkC,EAClC,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,qQAMvC,CAAC;AAEF,eAAO,MAAM,kCAAkC,mPAG9C,CAAC;AAEF,eAAO,MAAM,6BAA6B,uQA0BzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,kQAkCpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,6NAYzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAUrC,CAAC"}
+{"version":3,"file":"SelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/SelectDropdown.styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EACH,8BAA8B,EAC9B,kCAAkC,EAClC,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,qQAMvC,CAAC;AAEF,eAAO,MAAM,kCAAkC,mPAG9C,CAAC;AAEF,eAAO,MAAM,6BAA6B,uQA2BzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,6NAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,kQAkCpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,6NAazC,CAAC;AAEF,eAAO,MAAM,yBAAyB,4QAUrC,CAAC"}

package/dist/ui/elements/Tab/Tab.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TabProps } from './types';
+declare function Tab(props: TabProps): JSX.Element;
+export default Tab;
+//# sourceMappingURL=Tab.d.ts.map

package/dist/ui/elements/Tab/Tab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tab/Tab.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,iBAAS,GAAG,CAAC,KAAK,EAAE,QAAQ,eA6D3B;AAED,eAAe,GAAG,CAAC"}

package/dist/ui/elements/Tab/Tab.styles.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { StyledTabComponentProps, StyledTabContainerProps, StyledTabContentProps, StyledTabSubtextProps } from './types';
+export declare const StyledTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledTabComponentProps>> & string;
+export declare const StyledTabContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTabContainerProps>> & string;
+export declare const StyledTabContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTabContentProps>> & string;
+export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledTabSubtextProps>> & string;
+//# sourceMappingURL=Tab.styles.d.ts.map

package/dist/ui/elements/Tab/Tab.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tab/Tab.styles.ts"],"names":[],"mappings":";AAQA,OAAO,EACH,uBAAuB,EACvB,uBAAuB,EACvB,qBAAqB,EACrB,qBAAqB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,SAAS,wQAgDrB,CAAC;AAEF,eAAO,MAAM,kBAAkB,4PAI9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,0PAa5B,CAAC;AAEF,eAAO,MAAM,aAAa,4PAsBzB,CAAC"}

package/dist/ui/elements/Tab/constants.d.ts

@@ -0,0 +1,37 @@
+export declare enum TAB_SIZES_ENUM {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    EXTRA_LARGE = "extra-large"
+}
+export declare enum TAB_ICON_POSITIONS_ENUM {
+    LEFT = "left",
+    RIGHT = "right",
+    TOP = "top",
+    BOTTOM = "bottom"
+}
+export declare enum TAB_VARIANT_ENUM {
+    BORDERED = "bordered",
+    ROUNDED = "rounded"
+}
+export declare const TAB_SIZE_MAPPING: {
+    [key in TAB_SIZES_ENUM]: {
+        [cssSelector: string]: any;
+    };
+};
+export declare const TAB_SIZE_STYLES_MAPPING: {
+    [key in TAB_SIZES_ENUM]: {
+        [cssSelector: string]: any;
+    };
+};
+export declare const ICON_POSITION_STYLES_MAPPING: {
+    [key in TAB_ICON_POSITIONS_ENUM]: {
+        [cssSelector: string]: any;
+    };
+};
+export declare const TAB_VARIANT_STYLES_MAPPING: {
+    [key in TAB_VARIANT_ENUM]: {
+        [cssSelector: string]: any;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

package/dist/ui/elements/Tab/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tab/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACtB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,oBAAY,uBAAuB;IAC/B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACpB;AAED,oBAAY,gBAAgB;IACxB,QAAQ,aAAa;IACrB,OAAO,YAAY;CACtB;AAED,eAAO,MAAM,gBAAgB,EAAE;KAC1B,GAAG,IAAI,cAAc,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CA8B1D,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE;KACjC,GAAG,IAAI,cAAc,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAkB1D,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE;KACtC,GAAG,IAAI,uBAAuB,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAcnE,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE;KACpC,GAAG,IAAI,gBAAgB,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAQ5D,CAAC"}

package/dist/ui/elements/Tab/index.d.ts

@@ -0,0 +1,6 @@
+export { TAB_ICON_POSITIONS_ENUM } from './constants';
+export { TAB_SIZES_ENUM } from './constants';
+export { TAB_VARIANT_ENUM } from './constants';
+export { default } from './Tab';
+export type { TabProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/elements/Tab/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tab/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC"}

package/dist/ui/elements/Tab/types.d.ts

@@ -0,0 +1,105 @@
+import React from 'react';
+import { grauityIconName, grauityIconSizeName } from 'ui/core';
+import { StyledButtonProps, StyledDivProps, StyledSpanProps } from '../../../common/types';
+import { TAB_ICON_POSITIONS_ENUM, TAB_SIZES_ENUM, TAB_VARIANT_ENUM } from './constants';
+export type TabIconPosition = `${TAB_ICON_POSITIONS_ENUM}`;
+export type TabSize = `${TAB_SIZES_ENUM}`;
+export type TabVariant = `${TAB_VARIANT_ENUM}`;
+export interface TabProps {
+    /**
+     * Unique identifier for the tab, useful for testing or tracking.
+     * @default ''
+     * @type {string}
+     */
+    id?: string;
+    /**
+     * Size of the tab, can be 'small', 'medium', 'large' or 'extra-large'.
+     * @default 'medium'
+     */
+    size?: TabSize;
+    /**
+     * Additional CSS class names to apply to the tab.
+     * @default ''
+     */
+    className?: string;
+    /**
+     * Inline styles to apply to the tab.
+     * @default {}
+     */
+    style?: React.CSSProperties;
+    /**
+     * Content to display inside the tab.
+     * Can be a string, number, or ReactNode.
+     * @default null
+     */
+    children?: React.ReactNode;
+    /**
+     * Subtext to display below the main content of the tab.
+     * Can be a string or ReactNode.
+     * @default ''
+     */
+    subText?: React.ReactNode;
+    /**
+     * Icon to display in the tab.
+     * Can be a string representing the icon name.
+     * @default ''
+     */
+    icon?: grauityIconName;
+    /**
+     * Size of the icon
+     * @default '20'
+     */
+    iconSize?: grauityIconSizeName;
+    /**
+     * Position of the icon relative to the text, can be 'left', 'right', 'top', or 'bottom'.
+     * @default 'left'
+     */
+    iconPosition?: TabIconPosition;
+    /**
+     * Variant of the tab, can be 'rounded', or 'bordered'.
+     * @default 'bordered'
+     */
+    variant?: TabVariant;
+    /**
+     * Whether the tab is currently active.
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Whether the tab is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Click event handler for the tab.
+     * @default () => {}
+     */
+    onClick?: () => void;
+    /**
+     * Tab index for keyboard navigation.
+     * @default 0
+     */
+    tabIndex?: number;
+    /**
+     * ID of the tabpanel associated with the tab.
+     * @default ''
+     */
+    ariaControls?: string;
+}
+export interface StyledTabComponentProps extends StyledButtonProps {
+    $iconPosition?: TabIconPosition;
+    $size: TabSize;
+    $isActive?: boolean;
+    $disabled?: boolean;
+    $variant: TabVariant;
+}
+export interface StyledTabContainerProps extends StyledDivProps {
+}
+export interface StyledTabContentProps extends StyledDivProps {
+    $iconPosition?: TabIconPosition;
+    $size: TabSize;
+}
+export interface StyledTabSubtextProps extends StyledSpanProps {
+    $isActive?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/elements/Tab/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Tab/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE/D,OAAO,EACH,iBAAiB,EACjB,cAAc,EACd,eAAe,EAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACH,uBAAuB,EACvB,cAAc,EACd,gBAAgB,EACnB,MAAM,aAAa,CAAC;AAErB,MAAM,MAAM,eAAe,GAAG,GAAG,uBAAuB,EAAE,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG,GAAG,cAAc,EAAE,CAAC;AAE1C,MAAM,MAAM,UAAU,GAAG,GAAG,gBAAgB,EAAE,CAAC;AAE/C,MAAM,WAAW,QAAQ;IACrB;;;;OAIG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;OAIG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;;OAIG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B;;;OAGG;IACH,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAC9D,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;CAAG;AAElE,MAAM,WAAW,qBAAsB,SAAQ,cAAc;IACzD,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}

package/dist/ui/elements/TabList/TabList.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { TabListProps } from './types';
+declare function TabList(props: TabListProps): JSX.Element;
+export default TabList;
+//# sourceMappingURL=TabList.d.ts.map