@e1011/es-kit 1.0.168 → 1.0.170

package/dist/types/src/core/hooks/index.d.ts

@@ -5,4 +5,5 @@ export * from './useOutsideClick';
 export * from './useResize';
 export * from './useClassNames';
 export * from './useParseProps';
+export * from './useThemePreference';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/src/core/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/core/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA"}

package/dist/types/src/core/ui/components/container/CollapsibleContainer.d.ts

@@ -1,5 +1,8 @@
 import { FC, ReactNode, CSSProperties, PropsWithChildren } from 'react';
 import { LayoutBoxProps } from './layoutBox.types';
+/**
+ * Props for the CollapsibleContainer component.
+ */
 export type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {
     collapsed?: boolean;
     collapseHandler?: (collapsed: boolean) => void;
@@ -7,5 +10,11 @@ export type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {
     className?: string;
     horizontal?: boolean;
 } & CSSProperties;
+/**
+ * CollapsibleContainer component.
+ *
+ * @type {React.FC<CollapsibleContainerProps>}
+ * @returns {React.ReactElement} The CollapsibleContainer.
+ */
 export declare const CollapsibleContainer: FC<CollapsibleContainerProps>;
 //# sourceMappingURL=CollapsibleContainer.d.ts.map

package/dist/types/src/core/ui/components/container/CollapsibleContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA0B,SAAS,EACP,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAKtF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAQlD,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG,cAAc,GAAG;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,aAAa,CAAA;AAEjB,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAwD7D,CAAA"}
+{"version":3,"file":"CollapsibleContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAA0B,SAAS,EACP,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAKtF,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAWlD;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,iBAAiB,GAAG,cAAc,GAAG;IAC3E,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAC9C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,GAAG,aAAa,CAAA;AAEjB;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA0D7D,CAAA"}

package/dist/types/src/core/ui/components/container/LayoutBox.d.ts

@@ -1,4 +1,8 @@
 import { FC } from 'react';
 import { LayoutBoxProps } from './layoutBox.types';
+/**
+ * Memoized and memoized LayoutBox component.
+ * @type {FC<LayoutBoxProps>}
+ */
 export declare const LayoutBox: FC<LayoutBoxProps>;
 //# sourceMappingURL=LayoutBox.d.ts.map

package/dist/types/src/core/ui/components/container/LayoutBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,EAAE,EAAiD,MAAM,OAAO,CAAA;AAI/E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAoDlD,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAA+C,CAAA"}
+{"version":3,"file":"LayoutBox.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAQ,EAAE,EAAiD,MAAM,OAAO,CAAA;AAI/E,OAAO,EAAmB,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAqFnE;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,EAAE,CAAC,cAAc,CAA+C,CAAA"}

package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts

@@ -1,12 +1,13 @@
-import { PropsWithChildren } from 'react';
+import { PropsWithChildren, ReactElement, FC } from 'react';
 import { LayoutBoxProps } from './layoutBox.types';
 export type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {
     debounceDelay?: number;
+    children?: (props: ResizableContainerRenderProps) => ReactElement;
 };
 export type ResizableContainerRenderProps = {
     width: number | string;
     height: number | string;
     measured: boolean;
 };
-export declare const ResizableContainer: import("react").MemoExoticComponent<any>;
+export declare const ResizableContainer: FC<ResizableContainerProps>;
 //# sourceMappingURL=ResizableContainer.d.ts.map

package/dist/types/src/core/ui/components/container/ResizableContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+D,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAItG,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAgBD,eAAO,MAAM,kBAAkB,0CA4E9B,CAAA"}
+{"version":3,"file":"ResizableContainer.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK5E,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGlD,MAAM,MAAM,uBAAuB,GAAG,cAAc,GAAG,iBAAiB,CAAC,GAAG,CAAC,GAAG;IAC9E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,YAAY,CAAA;CAClE,CAAA;AAED,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAcD,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,uBAAuB,CAkC1D,CAAA"}

package/dist/types/src/core/ui/components/container/layoutBox.types.d.ts

@@ -1,30 +1,68 @@
 import { CSSProperties, PropsWithChildren, Ref } from 'react';
+/**
+ * Enum representing the possible layout directions.
+ */
+export declare enum LayoutDirection {
+    ROW = "row",
+    COLUMN = "column"
+}
+/**
+ * Props for the LayoutBox component.
+ */
 export type LayoutBoxProps = PropsWithChildren & {
+    /** Unique identifier for the component. */
     id?: string | number;
+    /** CSS flex property. */
     flex?: string;
+    /** CSS flexGrow property. */
     flexGrow?: string | number;
+    /** Text alignment within the box. */
     alignText?: 'center' | 'right' | 'left';
-    direction?: 'row' | 'column';
+    /** Direction of the layout (row or column). */
+    direction?: LayoutDirection | string;
+    /** CSS flexShrink property. */
     flexShrink?: string | number;
+    /** CSS flexBasis property. */
     flexBasis?: string;
+    /** CSS flexWrap property. */
     flexWrap?: string;
+    /** CSS justify-content property. */
     justify?: string;
+    /** CSS align-items property. */
     align?: string;
+    /** CSS align-self property. */
     alignSelf?: string;
+    /** CSS margin property. */
     margin?: string;
+    /** CSS padding property. */
     padding?: string;
+    /** CSS width property. */
     width?: string;
+    /** CSS height property. */
     height?: string;
+    /** CSS maxWidth property. */
     maxWidth?: string;
+    /** CSS maxHeight property. */
     maxHeight?: string;
+    /** CSS minWidth property. */
     minWidth?: string;
+    /** CSS minHeight property. */
     minHeight?: string;
+    /** Gap between child elements. */
     gap?: string;
+    /** CSS borderRadius property. */
     borderRadius?: string;
+    /** Additional inline styles for the component. */
     style?: Record<string, unknown> | null;
+    /** Additional class name(s) for the component. */
     className?: string;
+    /** Tab index for keyboard navigation. */
     tabIndex?: number;
+    /** Ref for accessing the underlying DOM element. */
     ref?: Ref<HTMLDivElement> | undefined;
+    /** Callback function for click event. */
     onClick?: () => void;
+    /** If true, sets the layout direction to column. */
+    column?: boolean;
 } & Omit<CSSProperties, 'direction'>;
 //# sourceMappingURL=layoutBox.types.d.ts.map

package/dist/types/src/core/ui/components/container/layoutBox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutBox.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE7D,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAA"}
+{"version":3,"file":"layoutBox.types.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE7D;;GAEG;AACH,oBAAY,eAAe;IACzB,GAAG,QAAQ;IACX,MAAM,WAAW;CAClB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,iBAAiB,GAAG;IAC/C,2CAA2C;IAC3C,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,qCAAqC;IACrC,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAA;IACvC,+CAA+C;IAC/C,SAAS,CAAC,EAAE,eAAe,GAAG,MAAM,CAAA;IACpC,+BAA+B;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI,CAAA;IACtC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oDAAoD;IACpD,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,GAAG,SAAS,CAAA;IACrC,yCAAyC;IACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,GAAG,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC"}

package/dist/types/src/core/ui/components/dividers/DividerLine.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,EAAE,EAA0B,MAAM,OAAO,CAAA;AAKxD,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA+BvC,CAAA;AAIF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CACyB,CAAA;AAGtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,YAAY,CACc,CAAA"}
+{"version":3,"file":"DividerLine.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"names":[],"mappings":"AACA,OAAO,EAAQ,EAAE,EAA0B,MAAM,OAAO,CAAA;AAIxD,KAAK,YAAY,GAAG;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,YAAY,CA+BvC,CAAA;AAIF,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CACyB,CAAA;AAGtE,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,YAAY,CACc,CAAA"}

package/dist/types/src/core/ui/components/icon/IconBase.d.ts

@@ -1,16 +1,16 @@
 import { CSSProperties, FC, PropsWithChildren, MouseEvent } from 'react';
 export type IconBaseType = PropsWithChildren<unknown> & {
     id?: string;
-    iconUrl?: string;
-    minWidth?: string;
-    minHeight?: string;
-    width?: string;
-    height?: string;
-    size?: string;
-    fontSize?: string;
-    color?: string;
-    className?: string;
-    style?: CSSProperties;
+    iconUrl?: string | null;
+    minWidth?: string | null;
+    minHeight?: string | null;
+    width?: string | null;
+    height?: string | null;
+    size?: string | null;
+    fontSize?: string | null;
+    color?: string | null;
+    className?: string | null;
+    style?: CSSProperties | null;
     onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void;
 };
 export declare const IconBase: FC<IconBaseType>;

package/dist/types/src/core/ui/components/icon/IconBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAKvF,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;CACpE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,CAmCpC,CAAA"}
+{"version":3,"file":"IconBase.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,EAAE,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAMvF,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAAC,OAAO,CAAC,GAAG;IACtD,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,KAAK,IAAI,CAAA;CACpE,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,YAAY,CAoCpC,CAAA"}

package/dist/types/src/core/ui/components/icon/unifyIconUrl.d.ts

@@ -0,0 +1,2 @@
+export declare const unifyIconUrl: (iconUrl: string) => string;
+//# sourceMappingURL=unifyIconUrl.d.ts.map

package/dist/types/src/core/ui/components/icon/unifyIconUrl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unifyIconUrl.d.ts","sourceRoot":"","sources":["../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,YAAY,YAAa,MAAM,WAgB3C,CAAA"}

package/dist/ui/esm/node_modules/core-js/internals/is-regexp.js

@@ -0,0 +1,2 @@
+import{i as o}from"./is-object.js";import{c as r}from"./classof-raw.js";import{w as s}from"./well-known-symbol.js";var a=o,i=r,m=s("match"),t=function(o){var r;return a(o)&&(void 0!==(r=o[m])?!!r:"RegExp"===i(o))};export{t as i};
+//# sourceMappingURL=is-regexp.js.map

package/dist/ui/esm/node_modules/core-js/internals/is-regexp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-regexp.js","sources":["../../../../../../node_modules/core-js/internals/is-regexp.js"],"sourcesContent":["'use strict';\nvar isObject = require('../internals/is-object');\nvar classof = require('../internals/classof-raw');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\n// `IsRegExp` abstract operation\n// https://tc39.es/ecma262/#sec-isregexp\nmodule.exports = function (it) {\n  var isRegExp;\n  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) === 'RegExp');\n};\n"],"names":["isObject","require$$0","classof","require$$1","MATCH","require$$2","isRegexp","it","isRegExp","undefined"],"mappings":"mHACA,IAAIA,EAAWC,EACXC,EAAUC,EAGVC,EAFkBC,EAEM,SAI5BC,EAAiB,SAAUC,GACzB,IAAIC,EACJ,OAAOR,EAASO,UAAmCE,KAA1BD,EAAWD,EAAGH,MAA0BI,EAA2B,WAAhBN,EAAQK,GACtF"}

package/dist/ui/esm/node_modules/core-js/internals/regexp-get-flags.js

@@ -0,0 +1,2 @@
+import{f as o}from"./function-call.js";import{h as r}from"./has-own-property.js";import{o as s}from"./object-is-prototype-of.js";import{r as t}from"./regexp-flags.js";var a=o,p=r,f=s,e=t,i=RegExp.prototype,m=function(o){var r=o.flags;return void 0!==r||"flags"in i||p(o,"flags")||!f(i,o)?r:a(e,o)};export{m as r};
+//# sourceMappingURL=regexp-get-flags.js.map

package/dist/ui/esm/node_modules/core-js/internals/regexp-get-flags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regexp-get-flags.js","sources":["../../../../../../node_modules/core-js/internals/regexp-get-flags.js"],"sourcesContent":["'use strict';\nvar call = require('../internals/function-call');\nvar hasOwn = require('../internals/has-own-property');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar regExpFlags = require('../internals/regexp-flags');\n\nvar RegExpPrototype = RegExp.prototype;\n\nmodule.exports = function (R) {\n  var flags = R.flags;\n  return flags === undefined && !('flags' in RegExpPrototype) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype, R)\n    ? call(regExpFlags, R) : flags;\n};\n"],"names":["call","require$$0","hasOwn","require$$1","isPrototypeOf","require$$2","regExpFlags","require$$3","RegExpPrototype","RegExp","prototype","regexpGetFlags","R","flags","undefined"],"mappings":"uKACA,IAAIA,EAAOC,EACPC,EAASC,EACTC,EAAgBC,EAChBC,EAAcC,EAEdC,EAAkBC,OAAOC,UAE7BC,EAAiB,SAAUC,GACzB,IAAIC,EAAQD,EAAEC,MACd,YAAiBC,IAAVD,GAAyB,UAAWL,GAAqBN,EAAOU,EAAG,WAAYR,EAAcI,EAAiBI,GAC1FC,EAAvBb,EAAKM,EAAaM,EACxB"}

package/dist/ui/esm/node_modules/core-js/modules/es.string.replace-all.js

@@ -0,0 +1,2 @@
+import{_ as r}from"../internals/export.js";import{f as t}from"../internals/function-call.js";import{f as e}from"../internals/function-uncurry-this.js";import{r as n}from"../internals/require-object-coercible.js";import{i as s}from"../internals/is-callable.js";import{i}from"../internals/is-null-or-undefined.js";import{i as o}from"../internals/is-regexp.js";import{t as a}from"../internals/to-string.js";import{g as l}from"../internals/get-method.js";import{r as m}from"../internals/regexp-get-flags.js";import{g as f}from"../internals/get-substitution.js";import{w as p}from"../internals/well-known-symbol.js";var g=r,c=t,j=e,u=n,h=s,b=i,d=o,w=a,x=l,v=m,y=f,A=p("replace"),k=TypeError,q=j("".indexOf);j("".replace);var E=j("".slice),M=Math.max;g({target:"String",proto:!0},{replaceAll:function(r,t){var e,n,s,i,o,a,l,m,f=u(this),p=0,g=0,j="";if(!b(r)){if(d(r)&&(e=w(u(v(r))),!~q(e,"g")))throw new k("`.replaceAll` does not allow non-global regexes");if(n=x(r,A))return c(n,r,f,t)}for(s=w(f),i=w(r),(o=h(t))||(t=w(t)),a=i.length,l=M(1,a),p=q(s,i);-1!==p;)m=o?w(t(i,p,s)):y(i,s,p,[],void 0,t),j+=E(s,g,p)+m,g=p+a,p=p+l>s.length?-1:q(s,i,p+l);return g<s.length&&(j+=E(s,g)),j}});
+//# sourceMappingURL=es.string.replace-all.js.map

package/dist/ui/esm/node_modules/core-js/modules/es.string.replace-all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.string.replace-all.js","sources":["../../../../../../node_modules/core-js/modules/es.string.replace-all.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar isRegExp = require('../internals/is-regexp');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar getRegExpFlags = require('../internals/regexp-get-flags');\nvar getSubstitution = require('../internals/get-substitution');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_PURE = require('../internals/is-pure');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar $TypeError = TypeError;\nvar indexOf = uncurryThis(''.indexOf);\nvar replace = uncurryThis(''.replace);\nvar stringSlice = uncurryThis(''.slice);\nvar max = Math.max;\n\n// `String.prototype.replaceAll` method\n// https://tc39.es/ecma262/#sec-string.prototype.replaceall\n$({ target: 'String', proto: true }, {\n  replaceAll: function replaceAll(searchValue, replaceValue) {\n    var O = requireObjectCoercible(this);\n    var IS_REG_EXP, flags, replacer, string, searchString, functionalReplace, searchLength, advanceBy, replacement;\n    var position = 0;\n    var endOfLastMatch = 0;\n    var result = '';\n    if (!isNullOrUndefined(searchValue)) {\n      IS_REG_EXP = isRegExp(searchValue);\n      if (IS_REG_EXP) {\n        flags = toString(requireObjectCoercible(getRegExpFlags(searchValue)));\n        if (!~indexOf(flags, 'g')) throw new $TypeError('`.replaceAll` does not allow non-global regexes');\n      }\n      replacer = getMethod(searchValue, REPLACE);\n      if (replacer) {\n        return call(replacer, searchValue, O, replaceValue);\n      } else if (IS_PURE && IS_REG_EXP) {\n        return replace(toString(O), searchValue, replaceValue);\n      }\n    }\n    string = toString(O);\n    searchString = toString(searchValue);\n    functionalReplace = isCallable(replaceValue);\n    if (!functionalReplace) replaceValue = toString(replaceValue);\n    searchLength = searchString.length;\n    advanceBy = max(1, searchLength);\n    position = indexOf(string, searchString);\n    while (position !== -1) {\n      replacement = functionalReplace\n        ? toString(replaceValue(searchString, position, string))\n        : getSubstitution(searchString, string, position, [], undefined, replaceValue);\n      result += stringSlice(string, endOfLastMatch, position) + replacement;\n      endOfLastMatch = position + searchLength;\n      position = position + advanceBy > string.length ? -1 : indexOf(string, searchString, position + advanceBy);\n    }\n    if (endOfLastMatch < string.length) {\n      result += stringSlice(string, endOfLastMatch);\n    }\n    return result;\n  }\n});\n"],"names":["$","require$$0","call","require$$1","uncurryThis","require$$2","requireObjectCoercible","require$$3","isCallable","require$$4","isNullOrUndefined","require$$5","isRegExp","require$$6","toString","require$$7","getMethod","require$$8","getRegExpFlags","require$$9","getSubstitution","require$$10","REPLACE","require$$11","$TypeError","TypeError","indexOf","replace","stringSlice","slice","max","Math","target","proto","replaceAll","searchValue","replaceValue","flags","replacer","string","searchString","functionalReplace","searchLength","advanceBy","replacement","O","this","position","endOfLastMatch","result","length","undefined"],"mappings":"mmBACA,IAAIA,EAAIC,EACJC,EAAOC,EACPC,EAAcC,EACdC,EAAyBC,EACzBC,EAAaC,EACbC,EAAoBC,EACpBC,EAAWC,EACXC,EAAWC,EACXC,EAAYC,EACZC,EAAiBC,EACjBC,EAAkBC,EAIlBC,EAHkBC,EAGQ,WAC1BC,EAAaC,UACbC,EAAUtB,EAAY,GAAGsB,SACftB,EAAY,GAAGuB,SAC7B,IAAIC,EAAcxB,EAAY,GAAGyB,OAC7BC,EAAMC,KAAKD,IAIf9B,EAAE,CAAEgC,OAAQ,SAAUC,OAAO,GAAQ,CACnCC,WAAY,SAAoBC,EAAaC,GAC3C,IACgBC,EAAOC,EAAUC,EAAQC,EAAcC,EAAmBC,EAAcC,EAAWC,EAD/FC,EAAIvC,EAAuBwC,MAE3BC,EAAW,EACXC,EAAiB,EACjBC,EAAS,GACb,IAAKvC,EAAkByB,GAAc,CAEnC,GADavB,EAASuB,KAEpBE,EAAQvB,EAASR,EAAuBY,EAAeiB,OACjDT,EAAQW,EAAO,MAAM,MAAM,IAAIb,EAAW,mDAGlD,GADAc,EAAWtB,EAAUmB,EAAab,GAEhC,OAAOpB,EAAKoC,EAAUH,EAAaU,EAAGT,EAIzC,CAQD,IAPAG,EAASzB,EAAS+B,GAClBL,EAAe1B,EAASqB,IACxBM,EAAoBjC,EAAW4B,MACPA,EAAetB,EAASsB,IAChDM,EAAeF,EAAaU,OAC5BP,EAAYb,EAAI,EAAGY,GACnBK,EAAWrB,EAAQa,EAAQC,IACN,IAAdO,GACLH,EAAcH,EACV3B,EAASsB,EAAaI,EAAcO,EAAUR,IAC9CnB,EAAgBoB,EAAcD,EAAQQ,EAAU,QAAII,EAAWf,GACnEa,GAAUrB,EAAYW,EAAQS,EAAgBD,GAAYH,EAC1DI,EAAiBD,EAAWL,EAC5BK,EAAWA,EAAWJ,EAAYJ,EAAOW,QAAU,EAAIxB,EAAQa,EAAQC,EAAcO,EAAWJ,GAKlG,OAHIK,EAAiBT,EAAOW,SAC1BD,GAAUrB,EAAYW,EAAQS,IAEzBC,CACR"}

package/dist/ui/esm/src/core/hooks/useResize.js

@@ -0,0 +1,2 @@
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as t,useRef as e,useMemo as n,useLayoutEffect as i}from"react";import o from"../../../node_modules/lodash-es/debounce.js";const l=function(){let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,r=arguments.length>1?arguments[1]:void 0;const[d,u]=t({width:void 0,height:void 0}),c=e({width:0,height:0}),h=e(),v=e(),s=n((()=>o((t=>{var e,n,i,o;const l=t[0].contentRect.width,d=t[0].contentRect.height;(null===(e=c.current)||void 0===e?void 0:e.width)===l&&(null===(n=c.current)||void 0===n?void 0:n.height)===d||(c.current={width:l,height:d},(r||u)({width:null==h||null===(i=h.current)||void 0===i?void 0:i.clientWidth,height:null==h||null===(o=h.current)||void 0===o?void 0:o.clientHeight}))}),l)),[r,l]);return i((()=>{let t,e;var n,i;null!=h&&h.current&&(e=null==h?void 0:h.current,t=new ResizeObserver(s),t.observe(e),(r||u)({width:null==h||null===(n=h.current)||void 0===n?void 0:n.clientWidth,height:null==h||null===(i=h.current)||void 0===i?void 0:i.clientHeight}));const o=()=>{var n,i;null===(n=t)||void 0===n||null===(i=n.unobserve)||void 0===i||i.call(n,e)};return v.current=o,o}),[s,h,r]),[h,d,v.current]};export{l as useResize};
+//# sourceMappingURL=useResize.js.map

package/dist/ui/esm/src/core/hooks/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"wNAWaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA4B9B,OA1BA4B,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAInC,MAAMQ,EAAaA,KAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as o,useState as t,useEffect as r,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import c from"./CollapsibleContainer.module.scss.js";const i={width:"scrollWidth",height:"scrollHeight"},p=l((l=>{let{collapsed:p=!1,collapseHandler:m,children:u,horizontal:d=!1,className:h="",...x}=l;const f=o(null),[g,j]=t(0),{dataProps:b,restProps:w}=n(x),P=!d;r((()=>{null==m||m(p)}),[m,p]),s((()=>{if(null!=f&&f.current){const e=P?"height":"width";setTimeout((()=>{null!=f&&f.current&&j(f.current[i[e]])}),100)}}),[f,P]);const v=a((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(g,"px"),...w})),[P,w,g]),C=a((()=>{const e=[P?c.vertical:c.horizontal];return p&&g&&null!=g&&e.push(c.collapsed),!p&&g&&null!=g&&e.push(c.expanded),e.join(" ")}),[p,g,P]);return React.createElement("div",e({className:"".concat(c["collapsible-container"]," ").concat(C," ").concat(h," "),ref:f,style:v},b),u)}));p.displayName="CollapsibleContainer";export{p as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as o,useState as l,useEffect as a,useLayoutEffect as r,useMemo as s}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import i from"./CollapsibleContainer.module.scss.js";const c={width:"scrollWidth",height:"scrollHeight"},d=t((t=>{let{collapsed:d=!1,collapseHandler:p,children:m,horizontal:u=!1,className:h="",id:x,...f}=t;const g=o(null),[j,b]=l(0),{dataProps:v,restProps:w}=n(f),P=!u;a((()=>{null==p||p(d)}),[p,d]),r((()=>{if(null!=g&&g.current){const e=P?"height":"width";setTimeout((()=>{null!=g&&g.current&&b(g.current[c[e]])}),100)}}),[g,P]);const C=s((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(j,"px"),...w})),[P,w,j]),H=s((()=>{const e=[P?i.vertical:i.horizontal];return d&&j&&null!=j&&e.push(i.collapsed),!d&&j&&null!=j&&e.push(i.expanded),e.join(" ")}),[d,j,P]);return React.createElement("div",e({id:"".concat(void 0!==x&&x||x),className:"".concat(i["collapsible-container"]," ").concat(H," ").concat(h," "),ref:g,style:C},v,{"data-testid":v.dataTestId||v["data-testid"]||x}),m)}));d.displayName="CollapsibleContainer";export{d as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"gYASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYZ,EAElBa,GAAU,KACRf,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQtB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9BgB,EAAWE,KAAKD,EAAQzB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWQ,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,UAASmB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBoC,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\n/**\n * Mapping of element property names for calculating dimensions.\n */\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\n/**\n * Props for the CollapsibleContainer component.\n */\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\n/**\n * CollapsibleContainer component.\n *\n * @type {React.FC<CollapsibleContainerProps>}\n * @returns {React.ReactElement} The CollapsibleContainer.\n */\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', id, ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      id={`${(typeof id !== 'undefined' && id) || id}`}\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","id","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","dataTestId","displayName"],"mappings":"gYAYA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAoBGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,KAAOC,GAC/DP,EAC1B,MAAMQ,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYb,EAElBc,GAAU,KACRhB,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBkB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBzB,EAAmB0B,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQvB,YAQ1D,OANIH,GAAaS,GAAbT,MAA4BS,GAC9BgB,EAAWE,KAAKD,EAAQ1B,YAErBA,GAAaS,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC7B,EAAWS,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,GAAE,GAAAmB,YAAoB,IAAPnB,GAAsBA,GAAOA,GAC5CD,UAASoB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAIpB,EAAa,KAC7E6B,IAAK1B,EACLO,MAAOQ,GACHV,EAAS,CACb,cAAaA,EAAUsB,YAActB,EAAU,gBAAkBP,IAEhEH,EACG,IAIVL,EAAqBsC,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/LayoutBox.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as o,useMemo as s}from"react";import{useParseProps as a}from"../../../hooks/useParseProps.js";import r from"./layoutBox.module.scss.js";const l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&l[e]||e,i=o(((t,o)=>{let{style:l,children:i,tabIndex:c,className:d="",onClick:f,...x}=t;const{dataProps:m,restProps:u}=a(x),p=s((()=>f?{onClick:f,onKeyDown:f,role:"button",tabIndex:-1}:{}),[f]),y=s((()=>({...u,...u.align?{alignItems:n(u.align)}:{},...u.justify?{justifyContent:n(u.justify)}:{},...u.direction?{flexDirection:u.direction}:{},...l})),[u,l]);return React.createElement("div",e({ref:o,tabIndex:c,className:"".concat(r["flexible-box"]," ").concat(d),style:y},m,p),i)}));i.displayName="LayoutBoxRefForwarded";const c=t(i);c.displayName="LayoutBox";export{c as LayoutBox};
+import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,forwardRef as o,useMemo as a}from"react";import{useParseProps as s}from"../../../hooks/useParseProps.js";import{LayoutDirection as l}from"./layoutBox.types.js";import r from"./layoutBox.module.scss.js";const n={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},i=t=>t&&n[t]||t,d=o(((e,o)=>{let{id:n,style:d,children:c,tabIndex:f,className:m="",onClick:x,column:u,...p}=e;const{dataProps:y,restProps:b}=s(p),j=a((()=>x?{onClick:x,onKeyDown:x,role:"button",tabIndex:-1}:{}),[x]),B=a((()=>void 0!==u&&!0===u?l.COLUMN:null),[u]),I=a((()=>({...b,...b.align?{alignItems:i(b.align)}:{},...b.justify?{justifyContent:i(b.justify)}:{},...b.direction||B?{flexDirection:b.direction||B}:{},...d})),[B,b,d]);return React.createElement("div",t({},n?{id:"".concat(n)}:{},{ref:o,tabIndex:f,className:"".concat(r["flexible-box"]," ").concat(m),style:I},y,{"data-testid":y.dataTestId||y["data-testid"]||n},j),c)}));d.displayName="LayoutBoxRefForwarded";const c=e(d);c.displayName="LayoutBox";export{c as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/ui/esm/src/core/ui/components/container/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', onClick, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","onClick","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"mPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,KAAYC,GACxCP,EACf,MAAMQ,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAEzCI,EAAeC,GAAQ,IAAON,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNV,UAAW,GACR,CAAG,GAAE,CAACE,IAELS,EAASH,GAAQ,KACrB,IACKH,KACCA,EAAUO,MAAQ,CAAEC,WAAYrB,EAAiBa,EAAUO,QAAqB,MAChFP,EAAUS,QAAU,CAAEC,eAAgBvB,EAAiBa,EAAUS,UAAuB,MACxFT,EAAUW,UAAY,CAAEC,cAAeZ,EAAUW,WAAc,MAChElB,KAEJ,CAACO,EAAWP,IAEf,OACEoB,MAAAC,cAAA,MAAAC,EAAA,CACEvB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAoB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIpB,GAClDH,MAAOa,GACHP,EACAG,GAEHR,EACG,IAIVL,EAAsB6B,YAAc,8BAEvBC,EAAgCC,EAAqB/B,GAGlE8B,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutDirection, LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\n/**\n * Map of flex values for resolving flex alignment and justification.\n * @type {Record<string, string>}\n */\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\n/**\n * Resolves flex alignment and justification properties based on the provided value.\n * @param {string | undefined} value - The value to resolve.\n * @returns {string | undefined} - Resolved flex property value.\n */\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n/**\n * Forwarded ref version of the LayoutBox component.\n * @param {LayoutBoxProps} props - Props for the LayoutBox component.\n * @param {LegacyRef<HTMLDivElement> | undefined} ref - Ref for accessing the underlying DOM element.\n * @returns {JSX.Element} - Rendered LayoutBox component.\n */\nconst LayoutBoxRefForwarded = forwardRef(({\n  id, style, children, tabIndex, className = '', onClick, column, ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  /**\n   * Memoized onClick event properties.\n   * @type {{ onClick?: () => void; onKeyDown?: () => void; role?: string; tabIndex?: number }}\n   */\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onKeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  /**\n   * Memoized resolved direction based on the column prop.\n   * @type {LayoutDirection}\n   */\n  const resolvedColumn = useMemo(() => ((\n    column !== undefined && column === true)\n    ? LayoutDirection.COLUMN\n    : null), [column])\n\n  /**\n   * Memoized styles combining parsed props and additional styles.\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction || resolvedColumn ? { flexDirection: restProps.direction || resolvedColumn } : {}),\n      ...style,\n    }\n  ), [resolvedColumn, restProps, style])\n\n  return (\n    <div\n      {...(id ? { id: `${id}` } : {})}\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n      data-testid={dataProps.dataTestId || dataProps['data-testid'] || id}\n      {...onClickProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\n/**\n * Memoized and memoized LayoutBox component.\n * @type {FC<LayoutBoxProps>}\n */\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\nLayoutBox.displayName = 'LayoutBox'\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","id","style","children","tabIndex","className","onClick","column","props","dataProps","restProps","useParseProps","onClickProps","useMemo","onKeyDown","role","resolvedColumn","undefined","LayoutDirection","COLUMN","styles","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","dataTestId","displayName","LayoutBox","memo"],"mappings":"0SAYA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAQRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAQrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,GACxCA,EAAEC,MAAEA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,GAAEC,QAAEA,EAAOC,OAAEA,KAAWC,GACpDT,EACf,MAAMU,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAMzCI,EAAeC,GAAQ,IAAOP,EAAW,CAC7CA,UACAQ,UAAWR,EACXS,KAAM,SACNX,UAAW,GACR,CAAG,GAAE,CAACE,IAMLU,EAAiBH,GAAQ,SAClBI,IAAXV,IAAmC,IAAXA,EACtBW,EAAgBC,OAChB,MAAO,CAACZ,IAMNa,EAASP,GAAQ,KACrB,IACKH,KACCA,EAAUW,MAAQ,CAAEC,WAAY3B,EAAiBe,EAAUW,QAAqB,MAChFX,EAAUa,QAAU,CAAEC,eAAgB7B,EAAiBe,EAAUa,UAAuB,MACxFb,EAAUe,WAAaT,EAAiB,CAAEU,cAAehB,EAAUe,WAAaT,GAAmB,MACpGd,KAEJ,CAACc,EAAgBN,EAAWR,IAE/B,OACEyB,MAAAC,oBAAAC,EAAA,CAAA,EACO5B,EAAK,CAAEA,GAAE,GAAA6B,OAAK7B,IAAS,GAAE,CAC9BD,IAAKA,EACLI,SAAUA,EACVC,UAAS,GAAAyB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIzB,GAClDH,MAAOkB,GACHX,EAAS,CACb,cAAaA,EAAUuB,YAAcvB,EAAU,gBAAkBR,GAC7DW,GAEHT,EACG,IAIVN,EAAsBoC,YAAc,8BAMvBC,EAAgCC,EAAqBtC,GAElEqC,EAAUD,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t,useRef as i,useState as n,useMemo as l,useLayoutEffect as o}from"react";import r from"../../../../../node_modules/lodash-es/debounce.js";import{LayoutBox as d}from"./LayoutBox.js";const h={main:{position:"absolute",zIndex:111,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},c=t((t=>{let{children:c,debounceDelay:u=250,...a}=t;const s=i(),v=i({width:0,height:0}),[m,g]=n({width:void 0,height:void 0}),p=l((()=>r((e=>{var t,i,n,l;const o=e[0].contentRect.width,r=e[0].contentRect.height;(null===(t=v.current)||void 0===t?void 0:t.width)===o&&(null===(i=v.current)||void 0===i?void 0:i.height)===r||(v.current={width:o,height:r},g({width:null==s||null===(n=s.current)||void 0===n?void 0:n.clientWidth,height:null==s||null===(l=s.current)||void 0===l?void 0:l.clientHeight}))}),u)),[u]);return o((()=>{let e,t;var i,n;null!=s&&s.current&&(t=null==s?void 0:s.current,e=new ResizeObserver(p),e.observe(t),g({width:null==s||null===(i=s.current)||void 0===i?void 0:i.clientWidth,height:null==s||null===(n=s.current)||void 0===n?void 0:n.clientHeight}));return()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)}}),[p,s]),React.createElement(d,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(d,{style:h.main,width:"100%",height:"100%",ref:s}),!c&&React.createElement(d,{width:"".concat(Math.max((null==m?void 0:m.width)||200,200)||200,"px"),height:"".concat(Math.max((null==m?void 0:m.height)||200,200)||200,"px"),style:h.empty}),c&&(null==c?void 0:c({height:"".concat((null==m?void 0:m.height)||200,"px"),width:"".concat((null==m?void 0:m.width)||200,"px"),measured:!(null==m||!m.height)})))}));c.displayName="ResizableContainer";export{c as ResizableContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as t}from"react";import{useResize as o}from"../../../hooks/useResize.js";import{LayoutBox as i}from"./LayoutBox.js";const n={main:{position:"absolute",zIndex:1,left:0,pointerEvents:"none"},empty:{pointerEvents:"none"}},l=t((t=>{let{children:l,debounceDelay:r=250,...a}=t;const[c,s]=o(r);return React.createElement(i,e({width:"100%",height:"100%",justify:"center",align:"center",direction:"column"},a),React.createElement(i,{style:n.main,width:"100%",height:"100%",ref:c}),!l&&React.createElement(i,{width:"".concat(Math.max((null==s?void 0:s.width)||200,200)||200,"px"),height:"".concat(Math.max((null==s?void 0:s.height)||200,200)||200,"px"),style:n.empty}),l&&(null==l?void 0:l({height:"".concat((null==s?void 0:s.height)||200,"px"),width:"".concat((null==s?void 0:s.width)||200,"px"),measured:!(null==s||!s.height)})))}));l.displayName="ResizableContainer";export{l as ResizableContainer};
 //# sourceMappingURL=ResizableContainer.js.map

package/dist/ui/esm/src/core/ui/components/container/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, useState, useRef, useMemo, useLayoutEffect, RefObject, PropsWithChildren } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\ntype WrapperSize = {width: undefined | number; height: undefined | number}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 111,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const containerRef = useRef<HTMLDivElement>()\n\n    const lastResizeWidthRef = useRef<{ width: number; height: number }>({ width: 0, height: 0 })\n\n    const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n    const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n      const newResizeWidth = entries[0].contentRect.width\n      const newResizeHeight = entries[0].contentRect.height\n\n      if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n        return\n      }\n      lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n      setContainerSize({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }, debounceDelay), [debounceDelay])\n\n    useLayoutEffect(() => {\n      let resizeObserver: ResizeObserver\n      let containerElement: HTMLElement\n\n      if (containerRef?.current) {\n        containerElement = containerRef?.current\n        resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n        resizeObserver.observe(containerElement as Element)\n\n        setContainerSize({\n          width: containerRef?.current?.clientWidth,\n          height: containerRef?.current?.clientHeight,\n        })\n      }\n      return () => {\n        resizeObserver?.unobserve?.(containerElement as Element)\n      }\n    }, [debouncedResizeWrapper, containerRef])\n\n    // END RESIZING\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","useRef","lastResizeWidthRef","width","height","containerSize","setContainerSize","useState","undefined","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","_resizeObserver","_resizeObserver$unobs","unobserve","call","React","createElement","LayoutBox","_extends","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"wWAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,IACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAqBC,GAChCC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAMI,EAAeC,IAEfC,EAAqBD,EAA0C,CAAEE,MAAO,EAAGC,OAAQ,KAElFC,EAAeC,GACpBC,EAAsB,CAAEJ,WAAOK,EAAWJ,YAAQI,IAE9CC,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAX,EAAmBkB,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACb,QAA1BH,EAAAZ,EAAmBkB,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG1CjB,EAAmBkB,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,GAE9Db,EAAiB,CACfH,MAAOH,SAAqBe,QAATA,EAAZf,EAAcoB,eAAdL,IAAqBA,OAArBA,EAAAA,EAAuBM,YAC9BjB,OAAQJ,SAAqB,QAATgB,EAAZhB,EAAcoB,eAAO,IAAAJ,OAAA,EAArBA,EAAuBM,eAC/B,GACDxB,IAAgB,CAACA,IAuBpB,OArBAyB,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvB3B,SAAAA,EAAcoB,UAChBK,EAAmBzB,aAAAA,EAAAA,EAAcoB,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,GAEvBnB,EAAiB,CACfH,MAAOH,SAAqB0B,QAATA,EAAZ1B,EAAcoB,eAAdM,IAAqBA,OAArBA,EAAAA,EAAuBL,YAC9BjB,OAAQJ,SAAqB,QAAT2B,EAAZ3B,EAAcoB,eAAO,IAAAO,OAAA,EAArBA,EAAuBL,gBAGnC,MAAO,KAAM,IAAAQ,EAAAC,EACG,QAAdD,EAAAN,SAAcO,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BL,EAA4B,CACzD,GACA,CAAChB,EAAwBT,IAK1BkC,MAAAC,cAACC,EAASC,EAAA,CACRlC,MAAM,OACNC,OAAO,OACPkC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNzC,GAEJmC,MAAAC,cAACC,EAAS,CACRK,MAAOtD,EAAOC,KACde,MAAM,OACNC,OAAO,OACPsC,IAAK1C,KAELH,GACFqC,MAAAC,cAACC,EAAS,CACRjC,MAAK,GAAAwC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeF,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAuC,OAAKC,KAAKC,KAAIxC,eAAAA,EAAeD,SAAU,IAAK,MAAQ,IAAQ,MAClEqC,MAAOtD,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBO,OAAMuC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeD,SAAU,IAAO,MAC3CD,MAAKwC,GAAAA,QAAKtC,aAAa,EAAbA,EAAeF,QAAS,IAAO,MACzC2C,WAAYzC,UAAAA,EAAeD,WAEnB,IAKlBV,EAAmBqD,YAAc"}
+{"version":3,"file":"ResizableContainer.js","sources":["../../../../../../../../src/core/ui/components/container/ResizableContainer.tsx"],"sourcesContent":["import { memo, RefObject, PropsWithChildren, ReactElement, FC } from 'react'\n\nimport { useResize } from '../../../hooks/useResize'\n\nimport { LayoutBox } from './LayoutBox'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nexport type ResizableContainerProps = LayoutBoxProps & PropsWithChildren<any> & {\n  debounceDelay?: number\n  children?: (props: ResizableContainerRenderProps) => ReactElement\n}\n\nexport type ResizableContainerRenderProps = {\n  width: number | string\n  height: number | string\n  measured: boolean\n}\n\nconst styles = {\n  main: {\n    position: 'absolute',\n    zIndex: 1,\n    left: 0,\n    pointerEvents: 'none',\n  },\n  empty: {\n    pointerEvents: 'none',\n  },\n}\n\nexport const ResizableContainer: FC<ResizableContainerProps> = memo<ResizableContainerProps>(\n  ({ children, debounceDelay = 250, ...props }: ResizableContainerProps) => {\n    const [containerRef, containerSize] = useResize(debounceDelay)\n\n    return (\n      <LayoutBox\n        width='100%'\n        height='100%'\n        justify='center'\n        align='center'\n        direction='column'\n        {...props}\n      >\n        <LayoutBox\n          style={styles.main}\n          width='100%'\n          height='100%'\n          ref={containerRef as RefObject<HTMLDivElement>}\n        />\n        {!children && (\n        <LayoutBox\n          width={`${Math.max(containerSize?.width || 200, 200) || 200}px`}\n          height={`${Math.max(containerSize?.height || 200, 200) || 200}px`}\n          style={styles.empty}\n        />\n        )}\n        {children && children?.({\n          height: `${containerSize?.height || 200}px`,\n          width: `${containerSize?.width || 200}px`,\n          measured: !!containerSize?.height,\n        } as ResizableContainerRenderProps)}\n      </LayoutBox>\n    )\n  },\n)\n\nResizableContainer.displayName = 'ResizableContainer'\n"],"names":["styles","main","position","zIndex","left","pointerEvents","empty","ResizableContainer","memo","_ref","children","debounceDelay","props","containerRef","containerSize","useResize","React","createElement","LayoutBox","_extends","width","height","justify","align","direction","style","ref","concat","Math","max","measured","displayName"],"mappings":"mSAmBA,MAAMA,EAAS,CACbC,KAAM,CACJC,SAAU,WACVC,OAAQ,EACRC,KAAM,EACNC,cAAe,QAEjBC,MAAO,CACLD,cAAe,SAINE,EAAkDC,GAC7DC,IAA0E,IAAzEC,SAAEA,EAAQC,cAAEA,EAAgB,OAAQC,GAAgCH,EACnE,MAAOI,EAAcC,GAAiBC,EAAUJ,GAEhD,OACEK,MAAAC,cAACC,EAASC,EAAA,CACRC,MAAM,OACNC,OAAO,OACPC,QAAQ,SACRC,MAAM,SACNC,UAAU,UACNZ,GAEJI,MAAAC,cAACC,EAAS,CACRO,MAAOzB,EAAOC,KACdmB,MAAM,OACNC,OAAO,OACPK,IAAKb,KAELH,GACFM,MAAAC,cAACC,EAAS,CACRE,MAAK,GAAAO,OAAKC,KAAKC,KAAIf,eAAAA,EAAeM,QAAS,IAAK,MAAQ,IAAQ,MAChEC,OAAM,GAAAM,OAAKC,KAAKC,KAAIf,eAAAA,EAAeO,SAAU,IAAK,MAAQ,IAAQ,MAClEI,MAAOzB,EAAOM,QAGfI,IAAYA,aAAAA,EAAAA,EAAW,CACtBW,OAAMM,GAAAA,QAAKb,aAAa,EAAbA,EAAeO,SAAU,IAAO,MAC3CD,MAAKO,GAAAA,QAAKb,aAAa,EAAbA,EAAeM,QAAS,IAAO,MACzCU,WAAYhB,UAAAA,EAAeO,WAEnB,IAKlBd,EAAmBwB,YAAc"}

package/dist/ui/esm/src/core/ui/components/container/layoutBox.types.js

@@ -0,0 +1,2 @@
+let n=function(n){return n.ROW="row",n.COLUMN="column",n}({});export{n as LayoutDirection};
+//# sourceMappingURL=layoutBox.types.js.map

package/dist/ui/esm/src/core/ui/components/container/layoutBox.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutBox.types.js","sources":["../../../../../../../../src/core/ui/components/container/layoutBox.types.ts"],"sourcesContent":["import { CSSProperties, PropsWithChildren, Ref } from 'react'\n\n/**\n * Enum representing the possible layout directions.\n */\nexport enum LayoutDirection {\n  ROW = 'row',\n  COLUMN = 'column',\n}\n\n/**\n * Props for the LayoutBox component.\n */\nexport type LayoutBoxProps = PropsWithChildren & {\n  /** Unique identifier for the component. */\n  id?: string | number\n  /** CSS flex property. */\n  flex?: string\n  /** CSS flexGrow property. */\n  flexGrow?: string | number\n  /** Text alignment within the box. */\n  alignText?: 'center' | 'right' | 'left'\n  /** Direction of the layout (row or column). */\n  direction?: LayoutDirection | string\n  /** CSS flexShrink property. */\n  flexShrink?: string | number\n  /** CSS flexBasis property. */\n  flexBasis?: string\n  /** CSS flexWrap property. */\n  flexWrap?: string\n  /** CSS justify-content property. */\n  justify?: string\n  /** CSS align-items property. */\n  align?: string\n  /** CSS align-self property. */\n  alignSelf?: string\n  /** CSS margin property. */\n  margin?: string\n  /** CSS padding property. */\n  padding?: string\n  /** CSS width property. */\n  width?: string\n  /** CSS height property. */\n  height?: string\n  /** CSS maxWidth property. */\n  maxWidth?: string\n  /** CSS maxHeight property. */\n  maxHeight?: string\n  /** CSS minWidth property. */\n  minWidth?: string\n  /** CSS minHeight property. */\n  minHeight?: string\n  /** Gap between child elements. */\n  gap?: string\n  /** CSS borderRadius property. */\n  borderRadius?: string\n  /** Additional inline styles for the component. */\n  style?: Record<string, unknown> | null\n  /** Additional class name(s) for the component. */\n  className?: string\n  /** Tab index for keyboard navigation. */\n  tabIndex?: number\n  /** Ref for accessing the underlying DOM element. */\n  ref?: Ref<HTMLDivElement> | undefined\n  /** Callback function for click event. */\n  onClick?: () => void\n  /** If true, sets the layout direction to column. */\n  column?: boolean\n} & Omit<CSSProperties, 'direction'>;\n"],"names":["LayoutDirection"],"mappings":"AAKYA,IAAAA,WAAAA,GAAe,OAAfA,EAAe,IAAA,MAAfA,EAAe,OAAA,SAAfA,CAAe,EAAA"}

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js

@@ -1,2 +1,2 @@
-import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const l=t((e=>{let{orientation:t,vertical:l,color:r="#999999",opacity:o,length:c="80%",left:n="0",width:s="1px",height:m="1px",margin:d,className:p=""}=e;const h=i((()=>"vertical"===t||!0===l),[t,l]),v=i((()=>({"--width":s,"--height":m,"--length":c,"--opacity":o,"--color":r,"--left":n,"--margin":d||(h?"auto 0":"0 auto")})),[s,m,c,o,r,n,d,h]),g=h?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:v})}));l.displayName="DividerLine";const r=t((t=>React.createElement(l,e({vertical:!0,length:"100%"},t))));r.displayName="DividerVertical";const o=t((t=>React.createElement(l,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,l as DividerLine,r as DividerVertical};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as i}from"react";import a from"./divider.module.scss.js";const r=t((e=>{let{orientation:t,vertical:r,color:l="var(--divider-line)",opacity:o,length:c="80%",left:n="0",width:s="1px",height:d="1px",margin:m,className:p=""}=e;const v=i((()=>"vertical"===t||!0===r),[t,r]),h=i((()=>({"--width":s,"--height":d,"--length":c,"--opacity":o,"--color":l,"--left":n,"--margin":m||(v?"auto 0":"0 auto")})),[s,d,c,o,l,n,m,v]),g=v?a.vertical:a.horizontal;return React.createElement("div",{className:"".concat(a["divider-line"]," ").concat(g," ").concat(p),style:h})}));r.displayName="DividerLine";const l=t((t=>React.createElement(r,e({vertical:!0,length:"100%"},t))));l.displayName="DividerVertical";const o=t((t=>React.createElement(r,e({length:"100%"},t))));o.displayName="DividerHorizontal";export{o as DividerHorizontal,r as DividerLine,l as DividerVertical};
 //# sourceMappingURL=DividerLine.js.map

package/dist/ui/esm/src/core/ui/components/dividers/DividerLine.js.map

@@ -1 +1 @@
-{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = '#999999',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAmBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,UAASC,QACjBA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}
+{"version":3,"file":"DividerLine.js","sources":["../../../../../../../../src/core/ui/components/dividers/DividerLine.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { memo, FC, CSSProperties, useMemo } from 'react'\n\nimport classes from './divider.module.scss'\n\ntype DividerProps = {\n  orientation?: string\n  margin?: string\n  vertical?: boolean\n  length?: string\n  color?: string\n  opacity?: number\n  left?: string\n  width?: string\n  height?: string\n  className?: string\n}\n\nexport const DividerLine: FC<DividerProps> = memo<DividerProps>(({\n  orientation, vertical,\n  color = 'var(--divider-line)',\n  opacity,\n  length = '80%', left = '0',\n  width = '1px', height = '1px',\n  margin,\n  className = '',\n}: DividerProps) => {\n  const isVertical = useMemo(() => orientation === 'vertical' || vertical === true, [orientation, vertical])\n\n  const styles = useMemo(() => (\n    {\n      '--width': width,\n      '--height': height,\n      '--length': length,\n      '--opacity': opacity,\n      '--color': color,\n      '--left': left,\n      '--margin': margin || (isVertical ? 'auto 0' : '0 auto'),\n    }\n  ), [width, height, length, opacity, color, left, margin, isVertical])\n\n  const verHorClass = isVertical ? classes.vertical : classes.horizontal\n\n  return (\n    <div\n      className={`${(classes as any)['divider-line']} ${verHorClass} ${className}`}\n      style={styles as CSSProperties}\n    />\n  )\n})\n\nDividerLine.displayName = 'DividerLine'\n\nexport const DividerVertical: FC<DividerProps>\n  = memo((props) => <DividerLine vertical length='100%' {...props} />)\nDividerVertical.displayName = 'DividerVertical'\n\nexport const DividerHorizontal: FC<DividerProps>\n  = memo((props) => <DividerLine length='100%' {...props} />)\nDividerHorizontal.displayName = 'DividerHorizontal'\n"],"names":["DividerLine","memo","_ref","orientation","vertical","color","opacity","length","left","width","height","margin","className","isVertical","useMemo","styles","verHorClass","classes","horizontal","React","createElement","concat","style","displayName","DividerVertical","props","_extends","DividerHorizontal"],"mappings":"uKAkBaA,EAAgCC,GAAmBC,IAQ5C,IAR6CC,YAC/DA,EAAWC,SAAEA,EAAQC,MACrBA,EAAQ,sBAAqBC,QAC7BA,EAAOC,OACPA,EAAS,MAAKC,KAAEA,EAAO,IAAGC,MAC1BA,EAAQ,MAAKC,OAAEA,EAAS,MAAKC,OAC7BA,EAAMC,UACNA,EAAY,IACCV,EACb,MAAMW,EAAaC,GAAQ,IAAsB,aAAhBX,IAA2C,IAAbC,GAAmB,CAACD,EAAaC,IAE1FW,EAASD,GAAQ,KACrB,CACE,UAAWL,EACX,WAAYC,EACZ,WAAYH,EACZ,YAAaD,EACb,UAAWD,EACX,SAAUG,EACV,WAAYG,IAAWE,EAAa,SAAW,aAEhD,CAACJ,EAAOC,EAAQH,EAAQD,EAASD,EAAOG,EAAMG,EAAQE,IAEnDG,EAAcH,EAAaI,EAAQb,SAAWa,EAAQC,WAE5D,OACEC,MAAAC,cAAA,MAAA,CACER,UAASS,GAAAA,OAAMJ,EAAgB,gBAAeI,KAAAA,OAAIL,EAAW,KAAAK,OAAIT,GACjEU,MAAOP,GACP,IAINf,EAAYuB,YAAc,cAEbC,MAAAA,EACTvB,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACtB,UAAQ,EAACG,OAAO,QAAWkB,MAC5DD,EAAgBD,YAAc,kBAEjBI,MAAAA,EACT1B,GAAMwB,GAAUN,MAAAC,cAACpB,EAAW0B,EAAA,CAACnB,OAAO,QAAWkB,MACnDE,EAAkBJ,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js

@@ -1,2 +1,2 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import n from"./icon.module.scss.js";const i=e((e=>{let{iconUrl:i,minWidth:c,minHeight:r,size:l,fontSize:s,width:a,height:m,color:h="currentColor",className:u="",children:d,style:p,onClick:b,...f}=e;const g=t((()=>({"--min-width":c||l||a||"auto","--min-height":r||l||m||"auto","--width":l||a||"1rem","--height":l||m||"1rem",...s?{fontSize:s}:{},...i?{"--icon-url":"url(".concat(i,")")}:{},...i?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...p})),[c,l,a,r,m,s,i,h,b,p]),w=t((()=>b?{onClick:b,onkeyDown:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},f,w,{className:"".concat(n["icon-base"]," icon-base ").concat(u),style:g}),!i&&d&&d)}));i.displayName="IconBase";export{i as IconBase};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,useMemo as e}from"react";import n from"./icon.module.scss.js";import{unifyIconUrl as i}from"./unifyIconUrl.js";const r=t((t=>{let{iconUrl:r,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,style:f,onClick:b,...g}=t;const y=r&&i(r),j=e((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...y?{"--icon-url":"url(".concat(y,")")}:{},...y?{"--icon-color":h}:{"--icon-content-color":h},...b?{cursor:"pointer"}:{},...f})),[c,s,m,l,u,a,y,h,b,f]),w=e((()=>b?{onClick:b,role:"button",tabIndex:-1}:{}),[b]);return React.createElement("span",o({},g,w,{className:"".concat(n["icon-base"]," icon-base ").concat(p),style:j}),!y&&d&&d)}));r.displayName="IconBase";export{r as IconBase};
 //# sourceMappingURL=IconBase.js.map

package/dist/ui/esm/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n  style?: CSSProperties\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(iconUrl ? { '--icon-url': `url(${iconUrl})` } : {}),\n      ...(iconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, iconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    onkeyDown: onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!iconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","styles","useMemo","concat","cursor","onClickProps","onkeyDown","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"oKAoBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAASC,GAAQ,KACrB,CACE,cAAeb,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BJ,EAAU,CAAE,aAAY,OAAAe,OAASf,EAAO,MAAQ,MAChDA,EAAU,CAAE,eAAgBO,GAAU,CAAE,uBAAwBA,MAChEI,EAAU,CAAEK,OAAQ,WAAc,MACnCN,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUJ,EAASO,EAAOI,EAASD,IAE3EO,EAAeH,GAAQ,IAAOH,EAAW,CAC7CA,UACAO,UAAWP,EACXQ,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EACMX,CAAAA,EAAAA,EACAK,EAAY,CAChBT,UAAS,GAAAO,OAAKS,EAAQ,aAAYT,eAAAA,OAAcP,GAChDE,MAAOG,KAEJb,GAAWS,GAAaA,EACtB,IAIXZ,EAAS4B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseType = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event?: MouseEvent<HTMLSpanElement> | undefined) => void\n}\n\nexport const IconBase: FC<IconBaseType> = memo<IconBaseType>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, style, onClick, ...props\n}: IconBaseType) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","concat","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"qNAqBaA,EAA6BC,GAAmBC,IAGzC,IAH0CC,QAC5DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,MAAEA,EAAKC,QAAEA,KAAYC,GACjFb,EACb,MAAMc,EAAiBb,GAAWc,EAAad,GAEzCe,EAASC,GAAQ,KACrB,CACE,cAAef,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BS,EAAiB,CAAE,aAAY,OAAAI,OAASJ,EAAc,MAAQ,MAC9DA,EAAiB,CAAE,eAAgBN,GAAU,CAAE,uBAAwBA,MACvEI,EAAU,CAAEO,OAAQ,WAAc,MACnCR,KAEJ,CAACT,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUS,EAAgBN,EAAOI,EAASD,IAElFS,EAAeH,GAAQ,IAAOL,EAAW,CAC7CA,UACAS,KAAM,SACNC,UAAW,GACR,CAAG,GAAE,CAACV,IAEX,OACEW,MAAAC,cAAA,OAAAC,EACMZ,CAAAA,EAAAA,EACAO,EAAY,CAChBX,UAAS,GAAAS,OAAKQ,EAAQ,aAAYR,eAAAA,OAAcT,GAChDE,MAAOK,KAEJF,GAAkBJ,GAAaA,EAC7B,IAIXZ,EAAS6B,YAAc"}

package/dist/ui/esm/src/core/ui/components/icon/unifyIconUrl.js

@@ -0,0 +1,2 @@
+import"../../../../../node_modules/core-js/modules/es.string.replace.js";import"../../../../../node_modules/core-js/modules/es.string.replace-all.js";import{is as l}from"ramda";const e=e=>{if(!e||!l(String,e)||!e||null!=e&&e.includes(".svg")||null!=e&&e.includes("data:image/svg+xml;base64"))return e;const a=null==e?void 0:e.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return"data:image/svg+xml;base64,".concat(btoa(a))};export{e as unifyIconUrl};
+//# sourceMappingURL=unifyIconUrl.js.map

package/dist/ui/esm/src/core/ui/components/icon/unifyIconUrl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string) => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","String","includes","unifiedIconUrl","replaceAll","concat","btoa"],"mappings":"iLAKaA,MAAAA,EAAgBC,IAC3B,IAAKA,IAAYC,EAAGC,OAAQF,KAAaA,GACtCA,SAAAA,EAASG,SAAS,SAAWH,SAAAA,EAASG,SAAS,6BAChD,OAAOH,EAGT,MAAMI,EAAiBJ,aAAO,EAAPA,EAASK,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAA,6BAAAC,OAAoCC,KAAKH,GAAe"}

package/dist/ui/esm/src/core/ui/index.js

@@ -1,2 +1,2 @@
-export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/LayoutBox.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./components/container/Flex.js";export{Placeholder}from"./components/container/Placeholder.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{VCIcon,VCIconBase}from"./components/icon/IconWC.js";
+export{calculateColors,calculatePercColor,convertHex,convertRGB,defaultFontSize,pxToRem,resolveStyleValue,setDefaultFontSize,toHex}from"./utils/style.js";export{LayoutBox}from"./components/container/LayoutBox.js";export{LayoutDirection}from"./components/container/layoutBox.types.js";export{Flex,FlexTight,FlexTightStyled,FlexWrapper}from"./components/container/Flex.js";export{Placeholder}from"./components/container/Placeholder.js";export{CollapsibleContainer}from"./components/container/CollapsibleContainer.js";export{ResizableContainer}from"./components/container/ResizableContainer.js";export{Field,FieldWrapper,Select,setIconColor,setIconComponent}from"./components/field/Field.js";export{DividerHorizontal,DividerLine,DividerVertical}from"./components/dividers/DividerLine.js";export{IconBase}from"./components/icon/IconBase.js";export{Icon}from"./components/icon/Icon.js";export{VCIcon,VCIconBase}from"./components/icon/IconWC.js";
 //# sourceMappingURL=index.js.map

package/dist/ui/node_modules/core-js/internals/is-regexp.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./is-object.js"),r=require("./classof-raw.js"),s=require("./well-known-symbol.js"),o=e.isObject,t=r.classofRaw,i=(0,s.wellKnownSymbol)("match");exports.isRegexp=function(e){var r;return o(e)&&(void 0!==(r=e[i])?!!r:"RegExp"===t(e))};
+//# sourceMappingURL=is-regexp.js.map

package/dist/ui/node_modules/core-js/internals/is-regexp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-regexp.js","sources":["../../../../../node_modules/core-js/internals/is-regexp.js"],"sourcesContent":["'use strict';\nvar isObject = require('../internals/is-object');\nvar classof = require('../internals/classof-raw');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\n\nvar MATCH = wellKnownSymbol('match');\n\n// `IsRegExp` abstract operation\n// https://tc39.es/ecma262/#sec-isregexp\nmodule.exports = function (it) {\n  var isRegExp;\n  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classof(it) === 'RegExp');\n};\n"],"names":["isObject","require$$0","classof","require$$1","MATCH","wellKnownSymbol","require$$2","it","isRegExp","undefined"],"mappings":"sKACIA,EAAWC,EAAAA,SACXC,EAAUC,EAAAA,WAGVC,GAAQC,EAFUC,EAAAA,iBAEM,0BAIX,SAAUC,GACzB,IAAIC,EACJ,OAAOR,EAASO,UAAmCE,KAA1BD,EAAWD,EAAGH,MAA0BI,EAA2B,WAAhBN,EAAQK,GACtF"}

package/dist/ui/node_modules/core-js/internals/regexp-get-flags.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./function-call.js"),r=require("./has-own-property.js"),t=require("./object-is-prototype-of.js"),o=require("./regexp-flags.js"),s=e.functionCall,p=r.hasOwnProperty_1,a=t.objectIsPrototypeOf,i=o.regexpFlags,l=RegExp.prototype;exports.regexpGetFlags=function(e){var r=e.flags;return void 0!==r||"flags"in l||p(e,"flags")||!a(l,e)?r:s(i,e)};
+//# sourceMappingURL=regexp-get-flags.js.map

package/dist/ui/node_modules/core-js/internals/regexp-get-flags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regexp-get-flags.js","sources":["../../../../../node_modules/core-js/internals/regexp-get-flags.js"],"sourcesContent":["'use strict';\nvar call = require('../internals/function-call');\nvar hasOwn = require('../internals/has-own-property');\nvar isPrototypeOf = require('../internals/object-is-prototype-of');\nvar regExpFlags = require('../internals/regexp-flags');\n\nvar RegExpPrototype = RegExp.prototype;\n\nmodule.exports = function (R) {\n  var flags = R.flags;\n  return flags === undefined && !('flags' in RegExpPrototype) && !hasOwn(R, 'flags') && isPrototypeOf(RegExpPrototype, R)\n    ? call(regExpFlags, R) : flags;\n};\n"],"names":["call","require$$0","hasOwn","require$$1","isPrototypeOf","require$$2","regExpFlags","require$$3","RegExpPrototype","RegExp","prototype","R","flags","undefined"],"mappings":"mNACIA,EAAOC,EAAAA,aACPC,EAASC,EAAAA,iBACTC,EAAgBC,EAAAA,oBAChBC,EAAcC,EAAAA,YAEdC,EAAkBC,OAAOC,iCAEZ,SAAUC,GACzB,IAAIC,EAAQD,EAAEC,MACd,YAAiBC,IAAVD,GAAyB,UAAWJ,GAAqBN,EAAOS,EAAG,WAAYP,EAAcI,EAAiBG,GAC1FC,EAAvBZ,EAAKM,EAAaK,EACxB"}

package/dist/ui/node_modules/core-js/modules/es.string.replace-all.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("../internals/export.js"),r=require("../internals/function-call.js"),n=require("../internals/function-uncurry-this.js"),i=require("../internals/require-object-coercible.js"),t=require("../internals/is-callable.js"),l=require("../internals/is-null-or-undefined.js"),s=require("../internals/is-regexp.js"),a=require("../internals/to-string.js"),o=require("../internals/get-method.js"),u=require("../internals/regexp-get-flags.js"),g=require("../internals/get-substitution.js"),c=require("../internals/well-known-symbol.js"),j=e._export,q=r.functionCall,f=n.functionUncurryThis,p=i.requireObjectCoercible,b=t.isCallable,h=l.isNullOrUndefined,d=s.isRegexp,x=a.toString,w=o.getMethod,y=u.regexpGetFlags,m=g.getSubstitution,v=(0,c.wellKnownSymbol)("replace"),S=TypeError,C=f("".indexOf);f("".replace);var O=f("".slice),A=Math.max;j({target:"String",proto:!0},{replaceAll:function(e,r){var n,i,t,l,s,a,o,u,g=p(this),c=0,j=0,f="";if(!h(e)){if(d(e)&&(n=x(p(y(e))),!~C(n,"g")))throw new S("`.replaceAll` does not allow non-global regexes");if(i=w(e,v))return q(i,e,g,r)}for(t=x(g),l=x(e),(s=b(r))||(r=x(r)),a=l.length,o=A(1,a),c=C(t,l);-1!==c;)u=s?x(r(l,c,t)):m(l,t,c,[],void 0,r),f+=O(t,j,c)+u,j=c+a,c=c+o>t.length?-1:C(t,l,c+o);return j<t.length&&(f+=O(t,j)),f}});
+//# sourceMappingURL=es.string.replace-all.js.map

package/dist/ui/node_modules/core-js/modules/es.string.replace-all.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"es.string.replace-all.js","sources":["../../../../../node_modules/core-js/modules/es.string.replace-all.js"],"sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar call = require('../internals/function-call');\nvar uncurryThis = require('../internals/function-uncurry-this');\nvar requireObjectCoercible = require('../internals/require-object-coercible');\nvar isCallable = require('../internals/is-callable');\nvar isNullOrUndefined = require('../internals/is-null-or-undefined');\nvar isRegExp = require('../internals/is-regexp');\nvar toString = require('../internals/to-string');\nvar getMethod = require('../internals/get-method');\nvar getRegExpFlags = require('../internals/regexp-get-flags');\nvar getSubstitution = require('../internals/get-substitution');\nvar wellKnownSymbol = require('../internals/well-known-symbol');\nvar IS_PURE = require('../internals/is-pure');\n\nvar REPLACE = wellKnownSymbol('replace');\nvar $TypeError = TypeError;\nvar indexOf = uncurryThis(''.indexOf);\nvar replace = uncurryThis(''.replace);\nvar stringSlice = uncurryThis(''.slice);\nvar max = Math.max;\n\n// `String.prototype.replaceAll` method\n// https://tc39.es/ecma262/#sec-string.prototype.replaceall\n$({ target: 'String', proto: true }, {\n  replaceAll: function replaceAll(searchValue, replaceValue) {\n    var O = requireObjectCoercible(this);\n    var IS_REG_EXP, flags, replacer, string, searchString, functionalReplace, searchLength, advanceBy, replacement;\n    var position = 0;\n    var endOfLastMatch = 0;\n    var result = '';\n    if (!isNullOrUndefined(searchValue)) {\n      IS_REG_EXP = isRegExp(searchValue);\n      if (IS_REG_EXP) {\n        flags = toString(requireObjectCoercible(getRegExpFlags(searchValue)));\n        if (!~indexOf(flags, 'g')) throw new $TypeError('`.replaceAll` does not allow non-global regexes');\n      }\n      replacer = getMethod(searchValue, REPLACE);\n      if (replacer) {\n        return call(replacer, searchValue, O, replaceValue);\n      } else if (IS_PURE && IS_REG_EXP) {\n        return replace(toString(O), searchValue, replaceValue);\n      }\n    }\n    string = toString(O);\n    searchString = toString(searchValue);\n    functionalReplace = isCallable(replaceValue);\n    if (!functionalReplace) replaceValue = toString(replaceValue);\n    searchLength = searchString.length;\n    advanceBy = max(1, searchLength);\n    position = indexOf(string, searchString);\n    while (position !== -1) {\n      replacement = functionalReplace\n        ? toString(replaceValue(searchString, position, string))\n        : getSubstitution(searchString, string, position, [], undefined, replaceValue);\n      result += stringSlice(string, endOfLastMatch, position) + replacement;\n      endOfLastMatch = position + searchLength;\n      position = position + advanceBy > string.length ? -1 : indexOf(string, searchString, position + advanceBy);\n    }\n    if (endOfLastMatch < string.length) {\n      result += stringSlice(string, endOfLastMatch);\n    }\n    return result;\n  }\n});\n"],"names":["$","require$$0","call","require$$1","uncurryThis","require$$2","requireObjectCoercible","require$$3","isCallable","require$$4","isNullOrUndefined","require$$5","isRegExp","require$$6","toString","require$$7","getMethod","require$$8","getRegExpFlags","require$$9","getSubstitution","require$$10","REPLACE","wellKnownSymbol","require$$11","$TypeError","TypeError","indexOf","replace","stringSlice","slice","max","Math","target","proto","replaceAll","searchValue","replaceValue","flags","replacer","string","searchString","functionalReplace","searchLength","advanceBy","replacement","O","this","position","endOfLastMatch","result","length","undefined"],"mappings":"qiBACIA,EAAIC,EAAAA,QACJC,EAAOC,EAAAA,aACPC,EAAcC,EAAAA,oBACdC,EAAyBC,EAAAA,uBACzBC,EAAaC,EAAAA,WACbC,EAAoBC,EAAAA,kBACpBC,EAAWC,EAAAA,SACXC,EAAWC,EAAAA,SACXC,EAAYC,EAAAA,UACZC,EAAiBC,EAAAA,eACjBC,EAAkBC,EAAAA,gBAIlBC,GAAUC,EAHQC,EAAAA,iBAGQ,WAC1BC,EAAaC,UACbC,EAAUvB,EAAY,GAAGuB,SACfvB,EAAY,GAAGwB,SAC7B,IAAIC,EAAczB,EAAY,GAAG0B,OAC7BC,EAAMC,KAAKD,IAIf/B,EAAE,CAAEiC,OAAQ,SAAUC,OAAO,GAAQ,CACnCC,WAAY,SAAoBC,EAAaC,GAC3C,IACgBC,EAAOC,EAAUC,EAAQC,EAAcC,EAAmBC,EAAcC,EAAWC,EAD/FC,EAAIxC,EAAuByC,MAE3BC,EAAW,EACXC,EAAiB,EACjBC,EAAS,GACb,IAAKxC,EAAkB0B,GAAc,CAEnC,GADaxB,EAASwB,KAEpBE,EAAQxB,EAASR,EAAuBY,EAAekB,OACjDT,EAAQW,EAAO,MAAM,MAAM,IAAIb,EAAW,mDAGlD,GADAc,EAAWvB,EAAUoB,EAAad,GAEhC,OAAOpB,EAAKqC,EAAUH,EAAaU,EAAGT,EAIzC,CAQD,IAPAG,EAAS1B,EAASgC,GAClBL,EAAe3B,EAASsB,IACxBM,EAAoBlC,EAAW6B,MACPA,EAAevB,EAASuB,IAChDM,EAAeF,EAAaU,OAC5BP,EAAYb,EAAI,EAAGY,GACnBK,EAAWrB,EAAQa,EAAQC,IACN,IAAdO,GACLH,EAAcH,EACV5B,EAASuB,EAAaI,EAAcO,EAAUR,IAC9CpB,EAAgBqB,EAAcD,EAAQQ,EAAU,QAAII,EAAWf,GACnEa,GAAUrB,EAAYW,EAAQS,EAAgBD,GAAYH,EAC1DI,EAAiBD,EAAWL,EAC5BK,EAAWA,EAAWJ,EAAYJ,EAAOW,QAAU,EAAIxB,EAAQa,EAAQC,EAAcO,EAAWJ,GAKlG,OAHIK,EAAiBT,EAAOW,SAC1BD,GAAUrB,EAAYW,EAAQS,IAEzBC,CACR"}

package/dist/ui/src/core/hooks/useResize.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../node_modules/core-js/modules/web.dom-collections.iterator.js");var e=require("react"),t=require("../../../node_modules/lodash-es/debounce.js");exports.useResize=function(){let i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,n=arguments.length>1?arguments[1]:void 0;const[r,u]=e.useState({width:void 0,height:void 0}),l=e.useRef({width:0,height:0}),o=e.useRef(),d=e.useRef(),c=e.useMemo((()=>t.default((e=>{var t,i,r,d;const c=e[0].contentRect.width,s=e[0].contentRect.height;(null===(t=l.current)||void 0===t?void 0:t.width)===c&&(null===(i=l.current)||void 0===i?void 0:i.height)===s||(l.current={width:c,height:s},(n||u)({width:null==o||null===(r=o.current)||void 0===r?void 0:r.clientWidth,height:null==o||null===(d=o.current)||void 0===d?void 0:d.clientHeight}))}),i)),[n,i]);return e.useLayoutEffect((()=>{let e,t;var i,r;null!=o&&o.current&&(t=null==o?void 0:o.current,e=new ResizeObserver(c),e.observe(t),(n||u)({width:null==o||null===(i=o.current)||void 0===i?void 0:i.clientWidth,height:null==o||null===(r=o.current)||void 0===r?void 0:r.clientHeight}));const l=()=>{var i,n;null===(i=e)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,t)};return d.current=l,l}),[c,o,n]),[o,r,d.current]};
+//# sourceMappingURL=useResize.js.map