@newtonschool/grauity 1.0.1 → 1.0.3

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

@@ -0,0 +1,69 @@
+import React from 'react';
+export interface CalendarEventProps {
+    /**
+     * The title of the calendar event.
+     */
+    title: string;
+    /**
+     * Optional content to be displayed on a chip within the event.
+     * If not provided, the chip will not be displayed.
+     */
+    chipContent?: string;
+    /**
+     * The start date and time of the event.
+     */
+    start: Date;
+    /**
+     * The end date and time of the event.
+     */
+    end: Date;
+    /**
+     * Optional click handler for the event.
+     */
+    onClick?: () => void;
+    /**
+     * Indicates whether the event is focused.
+     */
+    focused?: boolean;
+    /**
+     * Minimum duration (in milliseconds) required to display the event time.
+     */
+    minDurationToDisplayTime?: number;
+    /**
+     * Text color of the event.
+     * @default 'var(--text-action2)'
+     */
+    textColor?: string;
+    /**
+     * Background color of the event.
+     * @default 'var(--bg-action-brand)'
+     */
+    backgroundColor?: string;
+    /**
+     * Border color of the event.
+     * @default 'var(--border)'
+     */
+    borderColor?: string;
+    /**
+     * Text color of the chip content.
+     * @default 'var(--text-action2)'
+     */
+    chipTextColor?: string;
+    /**
+     * Background color of the chip content.
+     * @default 'var(--color-brand-600)'
+     */
+    chipBackgroundColor?: string;
+}
+export interface StyledDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface StyledCalendarEventWrapperProps extends StyledDivProps {
+    $textColor?: string;
+    $backgroundColor?: string;
+    $borderColor?: string;
+    $focused?: boolean;
+    $smallEvent?: boolean;
+    $extraSmallEvent?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Calendar/CalendarEvent/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IAC/B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,KAAK,EAAE,IAAI,CAAC;IAEZ;;OAEG;IACH,GAAG,EAAE,IAAI,CAAC;IAEV;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAElC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,+BAAgC,SAAQ,cAAc;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/dist/ui/elements/Calendar/EventRenderer.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { EventRendererProps } from './types';
+declare const EventRenderer: ({ event, eventRenderer, }: EventRendererProps) => React.ReactElement;
+export default EventRenderer;
+//# sourceMappingURL=EventRenderer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EventRenderer.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/EventRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,QAAA,MAAM,aAAa,8BAGhB,kBAAkB,KAAG,MAAM,YAgB7B,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeeklyCalendar.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/WeeklyCalendar.tsx"],"names":[],"mappings":";AAKA,OAAO,EAA+B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA4B3E,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,eA6OtE"}

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

@@ -0,0 +1,15 @@
+import { StyledCalendarBlockProps, StyledCalendarTimelineBlockProps, StyledDivProps, StyledEventWrapperProps } from './types';
+export declare const StyledCalendarMonthButton: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarHeader: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarRow: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarHeaderRow: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarTimelineBlock: import("styled-components").StyledComponent<string, any, StyledCalendarTimelineBlockProps, never>;
+export declare const StyledCalendarHeaderBlock: import("styled-components").StyledComponent<string, any, StyledCalendarBlockProps, never>;
+export declare const StyledCalendarWeekLabel: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarDateLabel: import("styled-components").StyledComponent<string, any, StyledCalendarBlockProps, never>;
+export declare const StyledCalendarTimeline: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarTimelineRow: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;
+export declare const StyledCalendarBlock: import("styled-components").StyledComponent<string, any, StyledCalendarBlockProps, never>;
+export declare const StyledEventWrapper: import("styled-components").StyledComponent<string, any, StyledEventWrapperProps, never>;
+//# sourceMappingURL=WeeklyCalendar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeeklyCalendar.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/WeeklyCalendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,wBAAwB,EACxB,gCAAgC,EAChC,cAAc,EACd,uBAAuB,EAC1B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,iFAOrC,CAAC;AAEF,eAAO,MAAM,qBAAqB,iFAajC,CAAC;AAEF,eAAO,MAAM,oBAAoB,iFAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,iFAM7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,iFAInC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mGAiCvC,CAAC;AAEF,eAAO,MAAM,yBAAyB,2FAmBrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iFAMnC,CAAC;AAEF,eAAO,MAAM,uBAAuB,2FAenC,CAAC;AAEF,eAAO,MAAM,sBAAsB,iFAElC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iFAIrC,CAAC;AAEF,eAAO,MAAM,mBAAmB,2FAyC/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,0FAS9B,CAAC"}

package/dist/ui/elements/Calendar/WeeklyCalendar.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=WeeklyCalendar.test.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WeeklyCalendar.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/WeeklyCalendar.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

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

@@ -0,0 +1,3 @@
+export declare const CALENDAR_BLOCK_HEIGHT = 52;
+export declare const CALENDAR_SIDEBAR_WIDTH = 80;
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,sBAAsB,KAAK,CAAC"}

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

@@ -0,0 +1,5 @@
+export type { WeeklyCalendarProps } from './types';
+export { default } from './WeeklyCalendar';
+export { default as CalendarEvent } from './CalendarEvent/CalendarEvent';
+export type { CalendarEventProps } from './CalendarEvent/types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAG3C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

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

@@ -0,0 +1,67 @@
+import React from 'react';
+export type EventRendererFn<T> = (event: CalendarEvent<T>) => React.ReactNode;
+export interface CalendarEvent<T = {}> {
+    title?: string;
+    start: Date;
+    end: Date;
+    allDay?: boolean;
+    render?: EventRendererFn<T>;
+}
+export type CalendarEventRecord<T> = Record<number, CalendarEvent<T>[]>;
+export type CalendarEventExtended<T> = CalendarEvent<T> & {
+    overlap: number;
+    index: number;
+    forcedEventData?: {
+        start: Date;
+        end: Date;
+    };
+};
+export type CalendarEventRecordExtended<T> = Record<number, CalendarEventExtended<T>[]>;
+export interface WeeklyCalendarProps<T = {}> {
+    /**
+     * An optional array of calendar events.
+     * @default []
+     */
+    events?: CalendarEvent<T>[];
+    /**
+     * A function to render each event.
+     */
+    eventRenderer?: EventRendererFn<T>;
+    /**
+     * A boolean indicating whether to show week controls.
+     * @default true
+     */
+    shouldShowWeekControls?: boolean;
+    /**
+     * The offset for the week relative to current week, where 0 represents the current week.
+     * @default 0
+     */
+    weekOffset?: number;
+    /**
+     * A callback function that is called when the week changes.
+     * @param weekOffset - The new week offset.
+     */
+    onWeekChange?: (weekOffset: number) => void;
+}
+export interface EventRendererProps<T = {}> {
+    event?: CalendarEvent;
+    eventRenderer?: EventRendererFn<T>;
+}
+export interface StyledDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    ref?: React.Ref<HTMLDivElement>;
+}
+export interface StyledCalendarBlockProps extends StyledDivProps {
+    $active?: boolean;
+    $currentTimeStick?: number;
+}
+export interface StyledCalendarTimelineBlockProps extends StyledDivProps {
+    $text?: string;
+    $headerBlock?: boolean;
+}
+export interface StyledEventWrapperProps extends StyledDivProps {
+    $startPosition: number;
+    $height: number;
+    $widthFactor: number;
+    $indexFactor: number;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;AAE9E,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,EAAE;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CAC/B;AAED,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAExE,MAAM,MAAM,qBAAqB,CAAC,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,GAAG;IACtD,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE;QACd,KAAK,EAAE,IAAI,CAAC;QACZ,GAAG,EAAE,IAAI,CAAC;KACb,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,2BAA2B,CAAC,CAAC,IAAI,MAAM,CAC/C,MAAM,EACN,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAC7B,CAAC;AAEF,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,EAAE;IACvC;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;IAEnC;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/C;AAED,MAAM,WAAW,kBAAkB,CAAC,CAAC,GAAG,EAAE;IACtC,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,wBAAyB,SAAQ,cAAc;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAED,MAAM,WAAW,gCAAiC,SAAQ,cAAc;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;CACxB"}

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

@@ -0,0 +1,20 @@
+import { CalendarEvent, CalendarEventExtended } from './types';
+export declare const cloneDate: (date: Date) => Date;
+export declare const getCurrentWeek: () => Date[];
+export declare const getWeekDayLabel: (day: Date) => string;
+export declare const getMonthLabel: (day: Date) => string;
+export declare const getYearLabel: (day: Date) => string;
+export declare const getMonthDetails: (day: Date) => string;
+export declare const getDateFullLabel: (day: Date, offset?: number) => string;
+export declare const checkIsToday: (day: Date) => boolean;
+export declare const getWeekByOffset: (offset?: number) => Date[];
+export declare const get12HourFormatFromDate: (date: Date) => string;
+export declare const getDateStringInDDMMMYYYHHmmFormat: (date: Date) => string;
+export declare const getTimeListIn12HourFormat: () => string[];
+export declare const getDurationInMilliseconds: (start: Date, end: Date) => number;
+export declare const getCurrentTimeStickPosition: () => number;
+export declare const getStartTimestampOfHourBlock: (date: Date, hour: number) => number;
+export declare const getEventBlockStartPosition: (event: CalendarEvent) => number;
+export declare const getEventBlockHeight: (event: CalendarEvent) => number;
+export declare function getOverlapInformationForDay<T>(events: CalendarEvent<T>[]): Promise<CalendarEventExtended<T>[]>;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Calendar/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE/D,eAAO,MAAM,SAAS,SAAU,IAAI,KAAG,IAAgC,CAAC;AAExE,eAAO,MAAM,cAAc,QAAO,IAAI,EASrC,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,IAAI,KAAG,MACa,CAAC;AAE1D,eAAO,MAAM,aAAa,QAAS,IAAI,KAAG,MACa,CAAC;AAExD,eAAO,MAAM,YAAY,QAAS,IAAI,KAAG,MAAsC,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAS,IAAI,KAAG,MACI,CAAC;AAEjD,eAAO,MAAM,gBAAgB,QAAS,IAAI,WAAU,MAAM,KAAO,MAMhE,CAAC;AAEF,eAAO,MAAM,YAAY,QAAS,IAAI,KAAG,OAOxC,CAAC;AAEF,eAAO,MAAM,eAAe,YAAY,MAAM,KAAO,IAAI,EAUxD,CAAC;AAEF,eAAO,MAAM,uBAAuB,SAAU,IAAI,KAAG,MAOpD,CAAC;AAEF,eAAO,MAAM,iCAAiC,SAAU,IAAI,KAAG,MAK9D,CAAC;AAEF,eAAO,MAAM,yBAAyB,QAAO,MAAM,EAQlD,CAAC;AAEF,eAAO,MAAM,yBAAyB,UAAW,IAAI,OAAO,IAAI,KAAG,MAChC,CAAC;AAEpC,eAAO,MAAM,2BAA2B,QAAO,MAK9C,CAAC;AAEF,eAAO,MAAM,4BAA4B,SAC/B,IAAI,QACJ,MAAM,KACb,MAQF,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAW,aAAa,KAAG,MAKjE,CAAC;AAEF,eAAO,MAAM,mBAAmB,UAAW,aAAa,KAAG,MAI1D,CAAC;AAEF,wBAAsB,2BAA2B,CAAC,CAAC,EAC/C,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,GAC3B,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,CA0CrC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,QAAA,MAAM,IAAI,kFAyBT,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

@@ -0,0 +1,3 @@
+import { StyledChip } from './types';
+export declare const StyledChipDiv: import("styled-components").StyledComponent<string, any, StyledChip, never>;
+//# sourceMappingURL=Chip.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Chip/Chip.styles.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,eAAO,MAAM,aAAa,6EAyCzB,CAAC"}

package/dist/ui/elements/Chip/Chip.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=Chip.test.d.ts.map

package/dist/ui/elements/Chip/Chip.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Chip/Chip.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

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

@@ -0,0 +1,34 @@
+import { ChipSizes, ChipVariants } from './types';
+export declare enum CHIP_VARIANTS_ENUM {
+    BRAND = "brand",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    YELLOW = "yellow",
+    PURPLE = "purple",
+    DISABLED = "disabled",
+    ACTION_BRAND = "action-brand",
+    ACTION_SUCCESS = "action-success",
+    ACTION_ERROR = "action-error",
+    ACTION_WARNING = "action-warning",
+    ACTION_YELLOW = "action-yellow",
+    ACTION_PURPLE = "action-purple"
+}
+export declare enum CHIP_SIZES_ENUM {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    EXTRA_LARGE = "extra-large"
+}
+export declare const CHIP_VARIANT_STYLES_MAPPING: {
+    [variant in ChipVariants]: {
+        [cssSelector: string]: any;
+    };
+};
+export declare const CHIP_VARIANTS: CHIP_VARIANTS_ENUM[];
+export declare const CHIP_FONT_SIZE_MAPPING: {
+    [size in ChipSizes]: {
+        [cssSelector: string]: any;
+    };
+};
+//# sourceMappingURL=constants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Chip/constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAElD,oBAAY,kBAAkB;IAC1B,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,YAAY,iBAAiB;IAC7B,cAAc,mBAAmB;IACjC,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;CAClC;AAED,oBAAY,eAAe;IACvB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,WAAW,gBAAgB;CAC9B;AAED,eAAO,MAAM,2BAA2B,EAAE;KACrC,OAAO,IAAI,YAAY,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAmE5D,CAAC;AAEF,eAAO,MAAM,aAAa,sBAczB,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE;KAChC,IAAI,IAAI,SAAS,GAAG;QAAE,CAAC,WAAW,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;CAMtD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,53 @@
+import React from 'react';
+import { StyledDivProps } from '../../../common/types';
+export type ChipVariants = 'brand' | 'success' | 'error' | 'warning' | 'yellow' | 'purple' | 'disabled' | 'action-brand' | 'action-success' | 'action-error' | 'action-warning' | 'action-yellow' | 'action-purple';
+export type ChipSizes = 'small' | 'medium' | 'large' | 'extra-large';
+/**
+ * Properties for the Chip component.
+ */
+export interface ChipProps {
+    /**
+     * Variant of the chip.
+     * @default 'brand'
+     */
+    variant?: ChipVariants;
+    /**
+     * Size of the chip.
+     * @default 'medium'
+     */
+    size?: ChipSizes;
+    /**
+     * Flag to determine if the chip should have a border.
+     * @default false
+     */
+    hasBorder?: boolean;
+    /**
+     * Text color of the chip.
+     * @default null
+     */
+    textColor?: string;
+    /**
+     * Background color of the chip.
+     * @default null
+     */
+    backgroundColor?: string;
+    /**
+     * Border color of the chip.
+     * @default null
+     */
+    borderColor?: string;
+    /**
+     * Content to be displayed inside the chip.
+     */
+    children?: React.ReactNode;
+}
+export interface StyledChip extends StyledDivProps {
+    variant?: ChipVariants;
+    size?: ChipSizes;
+    hasBorder?: boolean;
+    textColor?: string | null;
+    backgroundColor?: string | null;
+    borderColor?: string | null;
+    ref?: React.Ref<HTMLDivElement>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAClB,OAAO,GACP,SAAS,GACT,OAAO,GACP,SAAS,GACT,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,cAAc,GACd,gBAAgB,GAChB,cAAc,GACd,gBAAgB,GAChB,eAAe,GACf,eAAe,CAAC;AAEtB,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,SAAS;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc;IAC9C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { StyledButtonProps, StyledDivProps, StyledInputProps, StyledSelectProps } from '../../../common/types';
 export interface DropdownOption {
     id: string;
     label: string;
@@ -55,16 +55,15 @@ export interface DropdownListItemProps {
     onClickFn: () => void;
     isSelected?: boolean;
 }
-export interface StyledDropdownWrapperProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    ref?: React.Ref<HTMLSelectElement>;
+export interface StyledDropdownWrapperProps extends StyledSelectProps {
 }
-export interface StyledDropdownHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface StyledDropdownHeaderProps extends StyledButtonProps {
 }
-export interface StyledDropdownListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface StyledDropdownListItemProps extends StyledButtonProps {
 }
-export interface StyledDropdownSearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface StyledDropdownSearchInputProps extends StyledInputProps {
 }
-export interface StyledDropdownItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface StyledDropdownItemTextProps extends StyledDivProps {
     $selected?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACrC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,0BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,yBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE5D,MAAM,WAAW,2BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE5D,MAAM,WAAW,8BACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAE1D,MAAM,WAAW,2BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACrC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,0BAA2B,SAAQ,iBAAiB;CAAG;AAExE,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;CAAG;AAEvE,MAAM,WAAW,2BAA4B,SAAQ,iBAAiB;CAAG;AAEzE,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;CAAG;AAE3E,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { PopOverProps } from './types';
+export default function PopOver(props: PopOverProps): React.ReactPortal;
+//# sourceMappingURL=PopOver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver.d.ts","sourceRoot":"","sources":["../../../../ui/elements/PopOver/PopOver.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,OAAO,EAAmC,YAAY,EAAE,MAAM,SAAS,CAAC;AAExE,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,YAAY,qBAiOlD"}

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

@@ -0,0 +1,3 @@
+import { StyledPopOverContainerProps } from './types';
+export declare const StyledPopOverContainer: import("styled-components").StyledComponent<string, any, StyledPopOverContainerProps, never>;
+//# sourceMappingURL=PopOver.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/PopOver/PopOver.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,sBAAsB,8FAiBlC,CAAC"}

package/dist/ui/elements/PopOver/PopOver.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=PopOver.test.d.ts.map

package/dist/ui/elements/PopOver/PopOver.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopOver.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/PopOver/PopOver.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,63 @@
+import React from 'react';
+import { StyledDivProps } from '../../../common/types';
+export type PopOverDirection = 'top' | 'right' | 'bottom' | 'left';
+export type PopOverOffset = {
+    top?: number;
+    left?: number;
+    bottom?: number;
+    right?: number;
+};
+export interface PopOverProps {
+    /**
+     * Whether the PopOver is open or not.
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Ref to the trigger element. Required to calculate the position of the PopOver.
+     * @default null
+     */
+    triggerRef?: React.RefObject<any>;
+    /**
+     * Direction in which the PopOver should open.
+     * @default bottom
+     */
+    direction?: PopOverDirection;
+    /**
+     * Content to be displayed inside the PopOver.
+     */
+    children?: React.ReactNode;
+    /**
+     * Flag to enable or disable auto adjustment of the PopOver position.
+     * @default true
+     */
+    autoAdjust?: boolean;
+    /**
+     * Ref to the parent element. Required to calculate the position of the PopOver.
+     * @default document.body
+     */
+    parentRef?: React.RefObject<any>;
+    /**
+     * Minimum margin offset to be maintained from the parent container.
+     * @default { top: 0, left: 0, right: 0, bottom: 0 }
+     */
+    minimumOffset?: PopOverOffset;
+    /**
+     * Flag to enable or disable closing the PopOver on outside click.
+     * @default true
+     */
+    shouldCloseOnOutsideClick?: boolean;
+    /**
+     * Callback function triggered when the PopOver is closed.
+     */
+    onClose?: () => void;
+    /**
+     * Flag to disable the background scroll when the PopOver is open.
+     * @default false
+     */
+    disableBackgroundScroll?: boolean;
+}
+export interface StyledPopOverContainerProps extends StyledDivProps {
+    $offset?: PopOverOffset;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/PopOver/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEnE,MAAM,MAAM,aAAa,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,WAAW,YAAY;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAElC;;;OAGG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC;IAEjC;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAE9B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IAEpC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,MAAM,WAAW,2BAA4B,SAAQ,cAAc;IAC/D,OAAO,CAAC,EAAE,aAAa,CAAC;CAC3B"}

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { StyledDivProps, StyledDropdownSearchInputProps, StyledSelectDropdownItemProps, StyledSelectDropdownWrapperProps } from './types';
+import { StyledDivProps } from '../../../common/types';
+import { StyledDropdownSearchInputProps, StyledSelectDropdownItemProps, StyledSelectDropdownWrapperProps } from './types';
 export declare const StyledSelectDropdownWrapper: import("styled-components").StyledComponent<string, any, StyledSelectDropdownWrapperProps, never>;
 export declare const StyledSelectDropdownButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
 export declare const StyledSelectDropdownContainer: import("styled-components").StyledComponent<string, any, StyledDivProps, never>;

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":";AAGA,OAAO,EACH,cAAc,EACd,8BAA8B,EAC9B,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,mGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,4LAGtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,iFAoBzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,gGA2BpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,qEAWzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iGAQrC,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;AAEvD,OAAO,EACH,8BAA8B,EAC9B,6BAA6B,EAC7B,gCAAgC,EACnC,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,2BAA2B,mGAIvC,CAAC;AAEF,eAAO,MAAM,0BAA0B,4LAGtC,CAAC;AAEF,eAAO,MAAM,6BAA6B,iFAoBzC,CAAC;AAEF,eAAO,MAAM,wBAAwB,qEAGpC,CAAC;AAEF,eAAO,MAAM,wBAAwB,gGA2BpC,CAAC;AAEF,eAAO,MAAM,6BAA6B,qEAWzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iGAQrC,CAAC"}

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { grauityIconName } from 'ui/core';
+import { StyledButtonProps, StyledInputProps, StyledSelectProps } from '../../../common/types';
 export interface DropdownOption {
     id: number | string;
     label: string;
@@ -45,15 +45,11 @@ export interface SelectDropdownProps {
      */
     noOptionsText?: string;
 }
-export interface StyledDivProps extends React.HTMLAttributes<HTMLDivElement> {
-    ref?: React.Ref<HTMLDivElement>;
+export interface StyledSelectDropdownWrapperProps extends StyledSelectProps {
 }
-export interface StyledSelectDropdownWrapperProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
-    ref?: React.Ref<HTMLSelectElement>;
-}
-export interface StyledSelectDropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface StyledSelectDropdownItemProps extends StyledButtonProps {
     $disabled?: boolean;
 }
-export interface StyledDropdownSearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+export interface StyledDropdownSearchInputProps extends StyledInputProps {
 }
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,gCACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,6BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,8BACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/SelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EACH,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACpB,MAAM,uBAAuB,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAE3B;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;CAAG;AAE9E,MAAM,WAAW,6BAA8B,SAAQ,iBAAiB;IACpE,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,MAAM,WAAW,8BAA+B,SAAQ,gBAAgB;CAAG"}

package/dist/ui/themes/GlobalStyle.d.ts

@@ -1,5 +1,5 @@
 import { CustomGlobalStyleInterface } from './types';
-export declare const constantGlobalStyle = "\n    --neutral-0:   #FFFFFF;\n    --neutral-100: #F6F7F9;\n    --neutral-200: #EDEFF3;\n    --neutral-300: #E1E5EA;\n    --neutral-400: #C9CFD9;\n    --neutral-500: #B2B9C7;\n    --neutral-600: #8C95A6;\n    --neutral-700: #5B6271;\n    --neutral-750: #30363D;\n    --neutral-800: #23282F;\n    --neutral-900: #16191D;\n    --neutral-1000: #0B0C0E;\n\n    --brand-0:   #E5F1FF;\n    --brand-100: #C2DDFF;\n    --brand-200: #94C4FF;\n    --brand-300: #61A8FF;\n    --brand-400: #2989FF;\n    --brand-500: #0673F9;\n    --brand-600: #005ED1;\n    --brand-700: #004599;\n    --brand-800: #003270;\n    --brand-900: #002452;\n\n    --error-0:   #FFE5E7;\n    --error-100: #FBBBBF;\n    --error-200: #FA9499;\n    --error-300: #F8636B;\n    --error-400: #EE3F44;\n    --error-500: #D22D3A;\n    --error-600: #A01B22;\n    --error-700: #7E1219;\n    --error-800: #63080D;\n    --error-900: #4A040A;\n\n    --success-0: #D9FCED;\n    --success-100: #ACF7D3;\n    --success-200: #7EE7B8;\n    --success-300: #50CE99;\n    --success-400: #13B97C;\n    --success-500: #009965;\n    --success-600: #007A51;\n    --success-700: #005C3D;\n    --success-800: #003D29;\n    --success-900: #002D1E;\n\n    --warning-0: #FFF1E5;\n    --warning-100: #FFD2BA;\n    --warning-200: #FFB286;\n    --warning-300: #FD9254;\n    --warning-400: #F37216;\n    --warning-500: #DE5A02;\n    --warning-600: #A83E00;\n    --warning-700: #802D00;\n    --warning-800: #5C1F00;\n    --warning-900: #441704;\n\n    --yellow-0: #FFF3D6;\n    --yellow-100: #FFE4AD;\n    --yellow-200: #FFD580;\n    --yellow-300: #FEC553;\n    --yellow-400: #FEB000;\n    --yellow-500: #F59700;\n    --yellow-600: #D17300;\n    --yellow-700: #944500;\n    --yellow-800: #5C2900;\n    --yellow-900: #3D1A00;\n\n    --purple-0: #F5E5FF;\n    --purple-100: #E1D1FF;\n    --purple-200: #CEBCFE;\n    --purple-300: #B49DFE;\n    --purple-400: #967CFD;\n    --purple-500: #7B55EE;\n    --purple-600: #6138D3;\n    --purple-700: #46279B;\n    --purple-800: #331D72;\n    --purple-900: #221056;\n\n    --alpha-20: rgba(255, 255, 255, 0.20);\n    --alpha-12: rgba(255, 255, 255, 0.12);\n    --alpha-80: rgba(255, 255, 255, 0.80);\n    --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n    --spacing-0px: 0px;\n    --spacing-1px: 1px;\n    --spacing-2px: 2px;\n    --spacing-3px: 3px;\n    --spacing-4px: 4px;\n    --spacing-5px: 5px;\n    --spacing-6px: 6px;\n    --spacing-7px: 7px;\n    --spacing-8px: 8px;\n    --spacing-9px: 9px;\n    --spacing-10px: 10px;\n    --spacing-12px: 12px;\n    --spacing-14px: 14px;\n    --spacing-16px: 16px;\n    --spacing-18px: 18px;\n    --spacing-20px: 20px;\n    --spacing-24px: 24px;\n    --spacing-28px: 28px;\n    --spacing-32px: 32px;\n    --spacing-36px: 36px;\n    --spacing-40px: 40px;\n    --spacing-48px: 48px;\n    --spacing-56px: 56px;\n    --spacing-64px: 64px;\n    --spacing-72px: 72px;\n    --spacing-80px: 80px;\n    --spacing-128px: 128px;\n    --spacing-160px: 160px;\n\n    --corner-radius-0px: 0px;\n    --corner-radius-2px: 2px;\n    --corner-radius-4px: 4px;\n    --corner-radius-8px: 8px;\n    --corner-radius-12px: 12px;\n    --corner-radius-16px: 16px;\n    --corner-radius-20px: 20px;\n    --corner-radius-24px: 24px;\n    --corner-radius-32px: 32px;\n    --corner-radius-40px: 40px;\n    --corner-radius-50percent: 50%;\n    --corner-radius-100percent: 100%;\n\n    --font-size-2px: 2px;\n    --font-size-4px: 4px;\n    --font-size-6px: 6px;\n    --font-size-8px: 8px;\n    --font-size-10px: 10px;\n    --font-size-11px: 11px;\n    --font-size-12px: 12px;\n    --font-size-14px: 14px;\n    --font-size-16px: 16px;\n    --font-size-18px: 18px;\n    --font-size-20px: 20px;\n    --font-size-24px: 24px;\n    --font-size-28px: 28px;\n    --font-size-32px: 32px;\n    --font-size-36px: 36px;\n    --font-size-40px: 40px;\n    --font-size-48px: 48px;\n    --font-size-56px: 56px;\n    --font-size-64px: 64px;\n    --font-size-72px: 72px;\n    --font-size-80px: 80px;\n    --font-size-96px: 96px;\n\n    --font-weight-100: 100;\n    --font-weight-200: 200;\n    --font-weight-300: 300;\n    --font-weight-400: 400;\n    --font-weight-450: 450;\n    --font-weight-500: 500;\n    --font-weight-550: 550;\n    --font-weight-600: 600;\n    --font-weight-650: 650;\n    --font-weight-700: 700;\n    --font-weight-800: 800;\n    --font-weight-900: 900;\n\n    --font-weight-medium: var(--font-weight-500);\n    --font-weight-semibold: var(--font-weight-600);\n    --font-weight-bold: var(--font-weight-700);\n\n    --backdrop-blur-0: blur(0px);\n    --backdrop-blur-4px: blur(4px);\n    --backdrop-blur-8px: blur(8px);\n    --backdrop-blur-12px: blur(12px);\n    --backdrop-blur-16px: blur(16px);\n    --backdrop-blur-20px: blur(20px);\n\n    --backdrop-blur: var(--backdrop-blur-8px);\n";
+export declare const constantGlobalStyle = "\n    --neutral-0:   #FFFFFF;\n    --neutral-100: #F6F7F9;\n    --neutral-200: #EDEFF3;\n    --neutral-300: #E1E5EA;\n    --neutral-400: #C9CFD9;\n    --neutral-500: #B2B9C7;\n    --neutral-600: #8C95A6;\n    --neutral-700: #5B6271;\n    --neutral-750: #30363D;\n    --neutral-800: #23282F;\n    --neutral-900: #16191D;\n    --neutral-1000: #0B0C0E;\n\n    --brand-0:   #E5F1FF;\n    --brand-100: #C2DDFF;\n    --brand-200: #94C4FF;\n    --brand-300: #61A8FF;\n    --brand-400: #2989FF;\n    --brand-500: #0673F9;\n    --brand-600: #005ED1;\n    --brand-700: #004599;\n    --brand-800: #003270;\n    --brand-900: #002452;\n\n    --error-0:   #FFE5E7;\n    --error-100: #FBBBBF;\n    --error-200: #FA9499;\n    --error-300: #F8636B;\n    --error-400: #EE3F44;\n    --error-500: #D22D3A;\n    --error-600: #A01B22;\n    --error-700: #7E1219;\n    --error-800: #63080D;\n    --error-900: #4A040A;\n\n    --success-0: #D9FCED;\n    --success-100: #ACF7D3;\n    --success-200: #7EE7B8;\n    --success-300: #50CE99;\n    --success-400: #13B97C;\n    --success-500: #009965;\n    --success-600: #007A51;\n    --success-700: #005C3D;\n    --success-800: #003D29;\n    --success-900: #002D1E;\n\n    --warning-0: #FFF1E5;\n    --warning-100: #FFD2BA;\n    --warning-200: #FFB286;\n    --warning-300: #FD9254;\n    --warning-400: #F37216;\n    --warning-500: #DE5A02;\n    --warning-600: #A83E00;\n    --warning-700: #802D00;\n    --warning-800: #5C1F00;\n    --warning-900: #441704;\n\n    --yellow-0: #FFF3D6;\n    --yellow-100: #FFE4AD;\n    --yellow-200: #FFD580;\n    --yellow-300: #FEC553;\n    --yellow-400: #FEB000;\n    --yellow-500: #F59700;\n    --yellow-600: #D17300;\n    --yellow-700: #944500;\n    --yellow-800: #5C2900;\n    --yellow-900: #3D1A00;\n\n    --purple-0: #F5E5FF;\n    --purple-100: #E1D1FF;\n    --purple-200: #CEBCFE;\n    --purple-300: #B49DFE;\n    --purple-400: #967CFD;\n    --purple-500: #7B55EE;\n    --purple-600: #6138D3;\n    --purple-700: #46279B;\n    --purple-800: #331D72;\n    --purple-900: #221056;\n\n    --alpha-20: rgba(255, 255, 255, 0.20);\n    --alpha-12: rgba(255, 255, 255, 0.12);\n    --alpha-80: rgba(255, 255, 255, 0.80);\n    --alpha-overlay: rgba(22, 25, 29, 0.80);\n\n    --spacing-0px: 0px;\n    --spacing-1px: 1px;\n    --spacing-2px: 2px;\n    --spacing-3px: 3px;\n    --spacing-4px: 4px;\n    --spacing-5px: 5px;\n    --spacing-6px: 6px;\n    --spacing-7px: 7px;\n    --spacing-8px: 8px;\n    --spacing-9px: 9px;\n    --spacing-10px: 10px;\n    --spacing-12px: 12px;\n    --spacing-14px: 14px;\n    --spacing-16px: 16px;\n    --spacing-18px: 18px;\n    --spacing-20px: 20px;\n    --spacing-24px: 24px;\n    --spacing-28px: 28px;\n    --spacing-32px: 32px;\n    --spacing-36px: 36px;\n    --spacing-40px: 40px;\n    --spacing-48px: 48px;\n    --spacing-56px: 56px;\n    --spacing-64px: 64px;\n    --spacing-72px: 72px;\n    --spacing-80px: 80px;\n    --spacing-128px: 128px;\n    --spacing-160px: 160px;\n\n    --corner-radius-0px: 0px;\n    --corner-radius-2px: 2px;\n    --corner-radius-4px: 4px;\n    --corner-radius-8px: 8px;\n    --corner-radius-12px: 12px;\n    --corner-radius-16px: 16px;\n    --corner-radius-20px: 20px;\n    --corner-radius-24px: 24px;\n    --corner-radius-32px: 32px;\n    --corner-radius-40px: 40px;\n    --corner-radius-50percent: 50%;\n    --corner-radius-100percent: 100%;\n\n    --font-size-2px: 2px;\n    --font-size-4px: 4px;\n    --font-size-6px: 6px;\n    --font-size-8px: 8px;\n    --font-size-10px: 10px;\n    --font-size-11px: 11px;\n    --font-size-12px: 12px;\n    --font-size-14px: 14px;\n    --font-size-16px: 16px;\n    --font-size-18px: 18px;\n    --font-size-20px: 20px;\n    --font-size-24px: 24px;\n    --font-size-28px: 28px;\n    --font-size-32px: 32px;\n    --font-size-36px: 36px;\n    --font-size-40px: 40px;\n    --font-size-48px: 48px;\n    --font-size-56px: 56px;\n    --font-size-64px: 64px;\n    --font-size-72px: 72px;\n    --font-size-80px: 80px;\n    --font-size-96px: 96px;\n\n    --font-weight-100: 100;\n    --font-weight-200: 200;\n    --font-weight-300: 300;\n    --font-weight-400: 400;\n    --font-weight-450: 450;\n    --font-weight-500: 500;\n    --font-weight-550: 550;\n    --font-weight-600: 600;\n    --font-weight-650: 650;\n    --font-weight-700: 700;\n    --font-weight-800: 800;\n    --font-weight-900: 900;\n\n    --font-weight-medium: var(--font-weight-450);\n    --font-weight-semibold: var(--font-weight-550);\n    --font-weight-bold: var(--font-weight-650);\n\n    --backdrop-blur-0: blur(0px);\n    --backdrop-blur-4px: blur(4px);\n    --backdrop-blur-8px: blur(8px);\n    --backdrop-blur-12px: blur(12px);\n    --backdrop-blur-16px: blur(16px);\n    --backdrop-blur-20px: blur(20px);\n\n    --backdrop-blur: var(--backdrop-blur-8px);\n";
 declare const GlobalStyle: import("styled-components").GlobalStyleComponent<CustomGlobalStyleInterface, import("styled-components").DefaultTheme>;
 export default GlobalStyle;
 //# sourceMappingURL=GlobalStyle.d.ts.map