mod-arch-shared 0.1.0

package/dist/components/design/DividedGallery.js

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { Button, Gallery } from '@patternfly/react-core';
+import { css } from '@patternfly/react-styles';
+import { TimesIcon } from '@patternfly/react-icons';
+import './DividedGallery.scss';
+var DividedGallery = function (_a) {
+    var minSize = _a.minSize, itemCount = _a.itemCount, showClose = _a.showClose, closeAlt = _a.closeAlt, onClose = _a.onClose, children = _a.children, className = _a.className, closeTestId = _a.closeTestId, rest = __rest(_a, ["minSize", "itemCount", "showClose", "closeAlt", "onClose", "children", "className", "closeTestId"]);
+    return (React.createElement("div", __assign({ className: css('kubeflowdivided-gallery', className) }, rest),
+        React.createElement(Gallery, { minWidths: { default: minSize, md: minSize }, maxWidths: { default: '100%', md: "".concat(100 / itemCount, "%") } },
+            React.createElement("div", { className: "kubeflowdivided-gallery__border" }),
+            children,
+            showClose ? (React.createElement("div", { className: "kubeflowdivided-gallery__close" },
+                React.createElement(Button, { "data-testid": closeTestId, "aria-label": closeAlt || 'close', isInline: true, variant: "plain", onClick: onClose },
+                    React.createElement(TimesIcon, { alt: "close ".concat(closeAlt) })))) : null)));
+};
+export default DividedGallery;
+//# sourceMappingURL=DividedGallery.js.map

package/dist/components/design/DividedGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividedGallery.js","sourceRoot":"","sources":["../../../components/design/DividedGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,wBAAwB,CAAC;AACvE,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAWpD,OAAO,uBAAuB,CAAC;AAE/B,IAAM,cAAc,GAAkC,UAAC,EAUtD;IATC,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,WAAW,iBAAA,EACR,IAAI,cAT8C,oGAUtD,CADQ;IACH,OAAA,CACJ,sCAAK,SAAS,EAAE,GAAG,CAAC,yBAAyB,EAAE,SAAS,CAAC,IAAM,IAAI;QACjE,oBAAC,OAAO,IACN,SAAS,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,EAC5C,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,UAAG,GAAG,GAAG,SAAS,MAAG,EAAE;YAEzD,6BAAK,SAAS,EAAC,iCAAiC,GAAG;YAClD,QAAQ;YACR,SAAS,CAAC,CAAC,CAAC,CACX,6BAAK,SAAS,EAAC,gCAAgC;gBAC7C,oBAAC,MAAM,mBACQ,WAAW,gBACZ,QAAQ,IAAI,OAAO,EAC/B,QAAQ,QACR,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,OAAO;oBAEhB,oBAAC,SAAS,IAAC,GAAG,EAAE,gBAAS,QAAQ,CAAE,GAAI,CAChC,CACL,CACP,CAAC,CAAC,CAAC,IAAI,CACA,CACN,CACP,CAAA;CAAA,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/design/DividedGallery.scss

@@ -0,0 +1,27 @@
+.kubeflowdivided-gallery {
+  position: relative;
+  background-color: var(--pf-v6-global--BackgroundColor--100);
+
+  &__border {
+    width: 2px;
+    position: absolute;
+    top: var(--pf-v6-global--spacer--md);
+    bottom: var(--pf-v6-global--spacer--md);
+    left: 0;
+    background-color: white;
+    content: ' ';
+  }
+  &__item {
+    border-left: 1px solid var(--pf-v6-global--BorderColor--100);
+    padding: 0 var(--pf-v6-global--spacer--xl);
+    margin: var(--pf-v6-global--spacer--md) 0;
+  }
+  .pf-v6-l-gallery {
+    position: relative;
+  }
+  &__close {
+    position: absolute;
+    top: var(--pf-v6-global--spacer--xs);
+    right: 0;
+  }
+}

package/dist/components/design/DividedGalleryItem.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { GalleryItemProps } from '@patternfly/react-core';
+import './DividedGallery.scss';
+declare const DividedGalleryItem: React.FC<GalleryItemProps>;
+export default DividedGalleryItem;
+//# sourceMappingURL=DividedGalleryItem.d.ts.map

package/dist/components/design/DividedGalleryItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividedGalleryItem.d.ts","sourceRoot":"","sources":["../../../components/design/DividedGalleryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAG1D,OAAO,uBAAuB,CAAC;AAE/B,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAElD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/design/DividedGalleryItem.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import './DividedGallery.scss';
+var DividedGalleryItem = function (_a) {
+    var className = _a.className, rest = __rest(_a, ["className"]);
+    return (React.createElement("div", __assign({ className: css('kubeflowdivided-gallery__item', className) }, rest)));
+};
+export default DividedGalleryItem;
+//# sourceMappingURL=DividedGalleryItem.js.map

package/dist/components/design/DividedGalleryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DividedGalleryItem.js","sourceRoot":"","sources":["../../../components/design/DividedGalleryItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAE/C,OAAO,uBAAuB,CAAC;AAE/B,IAAM,kBAAkB,GAA+B,UAAC,EAAsB;IAApB,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAAO,OAAA,CACjF,sCAAK,SAAS,EAAE,GAAG,CAAC,+BAA+B,EAAE,SAAS,CAAC,IAAM,IAAI,EAAI,CAC9E,CAAA;CAAA,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/dist/components/design/HeaderIcon.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { ProjectObjectType, SectionType } from '../../components/design/utils';
+interface HeaderIconProps {
+    size?: number;
+    padding?: number;
+    display?: string;
+    type: ProjectObjectType;
+    sectionType?: SectionType;
+}
+declare const HeaderIcon: React.FC<HeaderIconProps>;
+export default HeaderIcon;
+//# sourceMappingURL=HeaderIcon.d.ts.map

package/dist/components/design/HeaderIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.d.ts","sourceRoot":"","sources":["../../../components/design/HeaderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAGL,iBAAiB,EACjB,WAAW,EAGZ,MAAM,2BAA2B,CAAC;AAGnC,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,iBAAiB,CAAC;IACxB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyBzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/design/HeaderIcon.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { sectionTypeBackgroundColor, typedBackgroundColor, sectionTypeIconColor, typedIconColor, } from '../../components/design/utils';
+import TypedObjectIcon from '../../components/design/TypedObjectIcon';
+var HeaderIcon = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 40 : _b, _c = _a.padding, padding = _c === void 0 ? 4 : _c, _d = _a.display, display = _d === void 0 ? 'inline-block' : _d, type = _a.type, sectionType = _a.sectionType;
+    return (React.createElement("div", { style: {
+            display: display,
+            width: size,
+            height: size,
+            padding: padding,
+            borderRadius: size / 2,
+            background: sectionType
+                ? sectionTypeBackgroundColor(sectionType)
+                : typedBackgroundColor(type),
+            color: sectionType ? sectionTypeIconColor(sectionType) : typedIconColor(type),
+        } },
+        React.createElement(TypedObjectIcon, { resourceType: type, style: { width: size - padding * 2, height: size - padding * 2 } })));
+};
+export default HeaderIcon;
+//# sourceMappingURL=HeaderIcon.js.map

package/dist/components/design/HeaderIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderIcon.js","sourceRoot":"","sources":["../../../components/design/HeaderIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,oBAAoB,EAGpB,oBAAoB,EACpB,cAAc,GACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,eAAe,MAAM,qCAAqC,CAAC;AAUlE,IAAM,UAAU,GAA8B,UAAC,EAM9C;QALC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA,EACX,eAAwB,EAAxB,OAAO,mBAAG,cAAc,KAAA,EACxB,IAAI,UAAA,EACJ,WAAW,iBAAA;IACP,OAAA,CACJ,6BACE,KAAK,EAAE;YACL,OAAO,SAAA;YACP,KAAK,EAAE,IAAI;YACX,MAAM,EAAE,IAAI;YACZ,OAAO,SAAA;YACP,YAAY,EAAE,IAAI,GAAG,CAAC;YACtB,UAAU,EAAE,WAAW;gBACrB,CAAC,CAAC,0BAA0B,CAAC,WAAW,CAAC;gBACzC,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC;YAC9B,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC;SAC9E;QAED,oBAAC,eAAe,IACd,YAAY,EAAE,IAAI,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,GAAG,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,GAAG,CAAC,EAAE,GAChE,CACE,CACP;AAnBK,CAmBL,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/design/InfoGalleryItem.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { GalleryItemProps } from '@patternfly/react-core';
+import { SectionType } from '../../components/design/utils';
+type InfoGalleryItemProps = {
+    title: string;
+    imgSrc: string;
+    sectionType: SectionType;
+    description: React.ReactNode;
+    isOpen: boolean;
+    onClick?: () => void;
+    testId?: string;
+} & GalleryItemProps;
+declare const InfoGalleryItem: React.FC<InfoGalleryItemProps>;
+export default InfoGalleryItem;
+//# sourceMappingURL=InfoGalleryItem.d.ts.map

package/dist/components/design/InfoGalleryItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoGalleryItem.d.ts","sourceRoot":"","sources":["../../../components/design/InfoGalleryItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAKL,gBAAgB,EAGjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,WAAW,EAA8B,MAAM,2BAA2B,CAAC;AAMpF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAgB,CAAC;AAErB,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAwDnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/design/InfoGalleryItem.js

@@ -0,0 +1,30 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { Button, ButtonVariant, Flex, FlexItem, Stack, StackItem, } from '@patternfly/react-core';
+import { sectionTypeBackgroundColor } from '../../components/design/utils';
+import DividedGalleryItem from '../../components/design/DividedGalleryItem';
+var HEADER_ICON_SIZE = 40;
+var HEADER_ICON_PADDING = 2;
+var InfoGalleryItem = function (_a) {
+    var title = _a.title, imgSrc = _a.imgSrc, sectionType = _a.sectionType, description = _a.description, isOpen = _a.isOpen, onClick = _a.onClick, testId = _a.testId, rest = __rest(_a, ["title", "imgSrc", "sectionType", "description", "isOpen", "onClick", "testId"]);
+    return (React.createElement(DividedGalleryItem, __assign({ "data-testid": testId }, rest),
+        React.createElement(Stack, { hasGutter: true },
+            React.createElement(StackItem, null,
+                React.createElement(Flex, { gap: { default: 'gapMd' }, direction: { default: isOpen ? 'column' : 'row' }, alignItems: { default: isOpen ? 'alignItemsFlexStart' : 'alignItemsCenter' } },
+                    React.createElement(FlexItem, { style: {
+                            display: 'inline-block',
+                            width: HEADER_ICON_SIZE,
+                            height: HEADER_ICON_SIZE,
+                            padding: HEADER_ICON_PADDING,
+                            borderRadius: HEADER_ICON_SIZE / 2,
+                            background: sectionTypeBackgroundColor(sectionType),
+                        } },
+                        React.createElement("img", { width: HEADER_ICON_SIZE - HEADER_ICON_PADDING * 2, height: HEADER_ICON_SIZE - HEADER_ICON_PADDING * 2, src: imgSrc, alt: "" })),
+                    onClick ? (React.createElement(Button, { "data-testid": testId ? "".concat(testId, "-button") : undefined, variant: ButtonVariant.link, isInline: true, onClick: onClick, style: {
+                            fontSize: 'var(--pf-v6-global--FontSize--md)',
+                            fontWeight: 'var(--pf-v6-global--FontWeight--bold)',
+                        } }, title)) : (React.createElement(FlexItem, null, title)))),
+            isOpen ? React.createElement(StackItem, { isFilled: true }, description) : null)));
+};
+export default InfoGalleryItem;
+//# sourceMappingURL=InfoGalleryItem.js.map

package/dist/components/design/InfoGalleryItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoGalleryItem.js","sourceRoot":"","sources":["../../../components/design/InfoGalleryItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,QAAQ,EAER,KAAK,EACL,SAAS,GACV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAe,0BAA0B,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,kBAAkB,MAAM,wCAAwC,CAAC;AAExE,IAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,IAAM,mBAAmB,GAAG,CAAC,CAAC;AAY9B,IAAM,eAAe,GAAmC,UAAC,EASxD;IARC,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,OAAO,aAAA,EACP,MAAM,YAAA,EACH,IAAI,cARgD,gFASxD,CADQ;IACH,OAAA,CACJ,oBAAC,kBAAkB,4BAAc,MAAM,IAAM,IAAI;QAC/C,oBAAC,KAAK,IAAC,SAAS;YACd,oBAAC,SAAS;gBACR,oBAAC,IAAI,IACH,GAAG,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EACzB,SAAS,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,EACjD,UAAU,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,kBAAkB,EAAE;oBAE5E,oBAAC,QAAQ,IACP,KAAK,EAAE;4BACL,OAAO,EAAE,cAAc;4BACvB,KAAK,EAAE,gBAAgB;4BACvB,MAAM,EAAE,gBAAgB;4BACxB,OAAO,EAAE,mBAAmB;4BAC5B,YAAY,EAAE,gBAAgB,GAAG,CAAC;4BAClC,UAAU,EAAE,0BAA0B,CAAC,WAAW,CAAC;yBACpD;wBAED,6BACE,KAAK,EAAE,gBAAgB,GAAG,mBAAmB,GAAG,CAAC,EACjD,MAAM,EAAE,gBAAgB,GAAG,mBAAmB,GAAG,CAAC,EAClD,GAAG,EAAE,MAAM,EACX,GAAG,EAAC,EAAE,GACN,CACO;oBACV,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,MAAM,mBACQ,MAAM,CAAC,CAAC,CAAC,UAAG,MAAM,YAAS,CAAC,CAAC,CAAC,SAAS,EACpD,OAAO,EAAE,aAAa,CAAC,IAAI,EAC3B,QAAQ,QACR,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE;4BACL,QAAQ,EAAE,mCAAmC;4BAC7C,UAAU,EAAE,uCAAuC;yBACpD,IAEA,KAAK,CACC,CACV,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,QAAE,KAAK,CAAY,CAC7B,CACI,CACG;YACX,MAAM,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,QAAQ,UAAE,WAAW,CAAa,CAAC,CAAC,CAAC,IAAI,CACxD,CACW,CACtB,CAAA;CAAA,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/design/ScrolledGallery.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+type ScrolledGalleryProps = {
+    count: number;
+    childWidth: string;
+} & React.HTMLProps<HTMLDivElement>;
+declare const ScrolledGallery: React.FC<ScrolledGalleryProps>;
+export default ScrolledGallery;
+//# sourceMappingURL=ScrolledGallery.d.ts.map

package/dist/components/design/ScrolledGallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrolledGallery.d.ts","sourceRoot":"","sources":["../../../components/design/ScrolledGallery.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;CACpB,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;AAEpC,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyBnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/design/ScrolledGallery.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+var ScrolledGallery = function (_a) {
+    var children = _a.children, count = _a.count, childWidth = _a.childWidth, rest = __rest(_a, ["children", "count", "childWidth"]);
+    var gridTemplateColumns = childWidth;
+    for (var i = 1; i < count; i++) {
+        gridTemplateColumns = "".concat(gridTemplateColumns, " ").concat(childWidth);
+    }
+    return (React.createElement("div", __assign({ style: {
+            gridTemplateColumns: gridTemplateColumns,
+            display: 'grid',
+            gridAutoFlow: 'column',
+            overflowY: 'auto',
+            gap: 'var(--pf-v6-global--spacer--md)',
+            paddingBottom: 'var(--pf-v6-global--spacer--sm)',
+        } }, rest), children));
+};
+export default ScrolledGallery;
+//# sourceMappingURL=ScrolledGallery.js.map

package/dist/components/design/ScrolledGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrolledGallery.js","sourceRoot":"","sources":["../../../components/design/ScrolledGallery.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,IAAM,eAAe,GAAmC,UAAC,EAKxD;IAJC,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,IAAI,cAJgD,mCAKxD,CADQ;IAEP,IAAI,mBAAmB,GAAG,UAAU,CAAC;IACrC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,mBAAmB,GAAG,UAAG,mBAAmB,cAAI,UAAU,CAAE,CAAC;IAC/D,CAAC;IACD,OAAO,CACL,sCACE,KAAK,EAAE;YACL,mBAAmB,qBAAA;YACnB,OAAO,EAAE,MAAM;YACf,YAAY,EAAE,QAAQ;YACtB,SAAS,EAAE,MAAM;YACjB,GAAG,EAAE,iCAAiC;YACtC,aAAa,EAAE,iCAAiC;SACjD,IACG,IAAI,GAEP,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/design/TitleWithIcon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ProjectObjectType } from '../../components/design/utils';
+interface TitleWithIconProps {
+    title: React.ReactNode;
+    objectType: ProjectObjectType;
+    iconSize?: number;
+    padding?: number;
+}
+declare const TitleWithIcon: React.FC<TitleWithIconProps>;
+export default TitleWithIcon;
+//# sourceMappingURL=TitleWithIcon.d.ts.map

package/dist/components/design/TitleWithIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithIcon.d.ts","sourceRoot":"","sources":["../../../components/design/TitleWithIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,iBAAiB,EAGlB,MAAM,2BAA2B,CAAC;AAGnC,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,iBAAiB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0B/C,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/design/TitleWithIcon.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { Flex, FlexItem } from '@patternfly/react-core';
+import { typedBackgroundColor, typedObjectImage, } from '../../components/design/utils';
+import TypedObjectIcon from '../../components/design/TypedObjectIcon';
+var TitleWithIcon = function (_a) {
+    var title = _a.title, objectType = _a.objectType, _b = _a.iconSize, iconSize = _b === void 0 ? 40 : _b, _c = _a.padding, padding = _c === void 0 ? 4 : _c;
+    return (React.createElement(Flex, { spaceItems: { default: 'spaceItemsSm' }, alignItems: { default: 'alignItemsCenter' } },
+        React.createElement(FlexItem, null,
+            React.createElement("div", { style: {
+                    background: typedBackgroundColor(objectType),
+                    borderRadius: iconSize / 2,
+                    padding: padding,
+                    width: iconSize,
+                    height: iconSize,
+                } },
+                React.createElement(TypedObjectIcon, { resourceType: objectType, style: { width: iconSize - padding * 2, height: iconSize - padding * 2 }, src: typedObjectImage(objectType) }))),
+        React.createElement(FlexItem, null, title)));
+};
+export default TitleWithIcon;
+//# sourceMappingURL=TitleWithIcon.js.map

package/dist/components/design/TitleWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleWithIcon.js","sourceRoot":"","sources":["../../../components/design/TitleWithIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAEL,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AACnC,OAAO,eAAe,MAAM,qCAAqC,CAAC;AASlE,IAAM,aAAa,GAAiC,UAAC,EAKpD;QAJC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,eAAW,EAAX,OAAO,mBAAG,CAAC,KAAA;IACP,OAAA,CACJ,oBAAC,IAAI,IAAC,UAAU,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,UAAU,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE;QACxF,oBAAC,QAAQ;YACP,6BACE,KAAK,EAAE;oBACL,UAAU,EAAE,oBAAoB,CAAC,UAAU,CAAC;oBAC5C,YAAY,EAAE,QAAQ,GAAG,CAAC;oBAC1B,OAAO,SAAA;oBACP,KAAK,EAAE,QAAQ;oBACf,MAAM,EAAE,QAAQ;iBACjB;gBAED,oBAAC,eAAe,IACd,YAAY,EAAE,UAAU,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,GAAG,OAAO,GAAG,CAAC,EAAE,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,CAAC,EAAE,EACxE,GAAG,EAAE,gBAAgB,CAAC,UAAU,CAAC,GACjC,CACE,CACG;QACX,oBAAC,QAAQ,QAAE,KAAK,CAAY,CACvB,CACR;AArBK,CAqBL,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/design/TypeBorderCard.scss

@@ -0,0 +1,141 @@
+.kubeflowtype-bordered-card {
+  position: relative;
+  border-radius: 16px;
+  border: 1px solid var(--pf-v6-global--BorderColor--100);
+  padding: 1px;
+
+  &:after {
+    position: absolute;
+    width: 48px;
+    height: 4px;
+    background: transparent;
+    top: 0;
+    left: calc(50% - 24px);
+    border-radius: 0 0 4px 4px;
+    content: ' ';
+  }
+  &.project {
+    &:after {
+      background: var(--ai-project--BorderColor);
+    }
+  }
+  &.notebook {
+    &:after {
+      background: var(--ai-notebook--BorderColor);
+    }
+  }
+  &.pipeline {
+    &:after {
+      background: var(--ai-pipeline--BorderColor);
+    }
+  }
+  &.pipeline-run {
+    &:after {
+      background: var(--ai-pipeline--BorderColor);
+    }
+  }
+  &.cluster-storage {
+    &:after {
+      background: var(--ai-cluster-storage--BorderColor);
+    }
+  }
+  &.model-server {
+    &:after {
+      background: var(--ai-model-server--BorderColor);
+    }
+  }
+  &.data-connection {
+    &:after {
+      background: var(--ai-data-connection--BorderColor);
+    }
+  }
+  &.user {
+    &:after {
+      background: var(--ai-user--BorderColor);
+    }
+  }
+  &.group {
+    &:after {
+      background: var(--ai-group--BorderColor);
+    }
+  }
+  &.set-up {
+    &:after {
+      background: var(--ai-set-up--BorderColor);
+    }
+  }
+  &.organize {
+    &:after {
+      background: var(--ai-organize--BorderColor);
+    }
+  }
+  &.training {
+    &:after {
+      background: var(--ai-training--BorderColor);
+    }
+  }
+  &.serving {
+    &:after {
+      background: var(--ai-serving--BorderColor);
+    }
+  }
+  &.m-is-selectable {
+    &:after {
+      display: none;
+      top: unset;
+      bottom: 0;
+      transform: rotate( -180deg );
+    }
+    &:hover {
+      cursor: pointer;
+    }
+    &:hover, &.m-is-selected {
+      &:after {
+        display: block
+      }
+      &.project {
+        border-color: var(--ai-project--BorderColor);
+      }
+      &.notebook {
+        border-color: var(--ai-notebook--BorderColor);
+      }
+      &.pipeline {
+        border-color: var(--ai-pipeline--BorderColor);
+      }
+      &.pipeline-run {
+        border-color: var(--ai-pipeline--BorderColor);
+      }
+      &.cluster-storage {
+        border-color: var(--ai-cluster-storage--BorderColor);
+      }
+      &.model-server {
+        border-color: var(--ai-model-server--BorderColor);
+      }
+      &.data-connection {
+        border-color: var(--ai-data-connection--BorderColor);
+      }
+      &.user {
+        border-color: var(--ai-user--BorderColor);
+      }
+      &.group {
+        border-color: var(--ai-group--BorderColor);
+      }
+      &.set-up {
+        border-color: var(--ai-set-up--BorderColor);
+      }
+      &.organize {
+        border-color: var(--ai-organize--BorderColor);
+      }
+      &.training {
+        border-color: var(--ai-training--BorderColor);
+      }
+      &.serving {
+        border-color: var(--ai-serving--BorderColor);
+      }
+    }
+    &.m-is-selected {
+      border-width: 2px;
+      padding: 0;
+    }
+  }
+}

package/dist/components/design/TypeBorderedCard.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { CardProps } from '@patternfly/react-core';
+import { ProjectObjectType, SectionType } from '../../components/design/utils';
+import './TypeBorderCard.scss';
+type TypeBorderedCardProps = CardProps & {
+    objectType?: ProjectObjectType;
+    sectionType?: SectionType;
+    selectable?: boolean;
+    selected?: boolean;
+};
+declare const TypeBorderedCard: React.FC<TypeBorderedCardProps>;
+export default TypeBorderedCard;
+//# sourceMappingURL=TypeBorderedCard.d.ts.map

package/dist/components/design/TypeBorderedCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeBorderedCard.d.ts","sourceRoot":"","sources":["../../../components/design/TypeBorderedCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAQ,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,uBAAuB,CAAC;AAE/B,KAAK,qBAAqB,GAAG,SAAS,GAAG;IACvC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAqBrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/design/TypeBorderedCard.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { css } from '@patternfly/react-styles';
+import { Card } from '@patternfly/react-core';
+import './TypeBorderCard.scss';
+var TypeBorderedCard = function (_a) {
+    var objectType = _a.objectType, sectionType = _a.sectionType, className = _a.className, selectable = _a.selectable, selected = _a.selected, rest = __rest(_a, ["objectType", "sectionType", "className", "selectable", "selected"]);
+    return (React.createElement(Card, __assign({ className: css(className, 'kubeflowtype-bordered-card', sectionType, objectType, selectable && 'm-is-selectable', selected && 'm-is-selected'), role: selectable ? 'button' : undefined, "aria-expanded": selectable ? selected : undefined }, rest)));
+};
+export default TypeBorderedCard;
+//# sourceMappingURL=TypeBorderedCard.js.map

package/dist/components/design/TypeBorderedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypeBorderedCard.js","sourceRoot":"","sources":["../../../components/design/TypeBorderedCard.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAa,MAAM,wBAAwB,CAAC;AAGzD,OAAO,uBAAuB,CAAC;AAQ/B,IAAM,gBAAgB,GAAoC,UAAC,EAO1D;IANC,IAAA,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,QAAQ,cAAA,EACL,IAAI,cANkD,oEAO1D,CADQ;IACH,OAAA,CACJ,oBAAC,IAAI,aACH,SAAS,EAAE,GAAG,CACZ,SAAS,EACT,4BAA4B,EAC5B,WAAW,EACX,UAAU,EACV,UAAU,IAAI,iBAAiB,EAC/B,QAAQ,IAAI,eAAe,CAC5B,EACD,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,mBACxB,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC5C,IAAI,EACR,CACH,CAAA;CAAA,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/design/TypedObjectIcon.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { SVGIconProps } from '@patternfly/react-icons/dist/esm/createIcon';
+import { ProjectObjectType } from '../../components/design/utils';
+type TypedObjectIconProps = SVGIconProps & {
+    resourceType: ProjectObjectType;
+    useTypedColor?: boolean;
+    size?: number;
+};
+declare const TypedObjectIcon: React.FC<TypedObjectIconProps>;
+export default TypedObjectIcon;
+//# sourceMappingURL=TypedObjectIcon.d.ts.map

package/dist/components/design/TypedObjectIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypedObjectIcon.d.ts","sourceRoot":"","sources":["../../../components/design/TypedObjectIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,6CAA6C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAc,MAAM,2BAA2B,CAAC;AAG1E,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,YAAY,EAAE,iBAAiB,CAAC;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AACF,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0BnD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/design/TypedObjectIcon.js

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import { ProjectObjectType, typedColor } from '../../components/design/utils';
+import { RegisteredModelIcon } from '../../images/icons';
+var TypedObjectIcon = function (_a) {
+    var resourceType = _a.resourceType, useTypedColor = _a.useTypedColor, style = _a.style, rest = __rest(_a, ["resourceType", "useTypedColor", "style"]);
+    var Icon;
+    switch (resourceType) {
+        case ProjectObjectType.registeredModels:
+        case ProjectObjectType.modelRegistrySettings:
+            Icon = RegisteredModelIcon;
+            break;
+        default:
+            return null;
+    }
+    return (React.createElement(Icon, __assign({ style: __assign({ color: useTypedColor ? typedColor(resourceType) : undefined }, (style || {})) }, rest)));
+};
+export default TypedObjectIcon;
+//# sourceMappingURL=TypedObjectIcon.js.map

package/dist/components/design/TypedObjectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypedObjectIcon.js","sourceRoot":"","sources":["../../../components/design/TypedObjectIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAOrD,IAAM,eAAe,GAAmC,UAAC,EAKxD;IAJC,IAAA,YAAY,kBAAA,EACZ,aAAa,mBAAA,EACb,KAAK,WAAA,EACF,IAAI,cAJgD,0CAKxD,CADQ;IAEP,IAAI,IAAI,CAAC;IAET,QAAQ,YAAY,EAAE,CAAC;QACrB,KAAK,iBAAiB,CAAC,gBAAgB,CAAC;QACxC,KAAK,iBAAiB,CAAC,qBAAqB;YAC1C,IAAI,GAAG,mBAAmB,CAAC;YAC3B,MAAM;QACR;YACE,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,CACL,oBAAC,IAAI,aACH,KAAK,aACH,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,IACxD,CAAC,KAAK,IAAI,EAAE,CAAC,KAEd,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,11 @@
+export { default as CollapsibleSection } from './CollapsibleSection';
+export { default as DividedGallery } from './DividedGallery';
+export { default as DividedGalleryItem } from './DividedGalleryItem';
+export { default as HeaderIcon } from './HeaderIcon';
+export { default as InfoGalleryItem } from './InfoGalleryItem';
+export { default as ScrolledGallery } from './ScrolledGallery';
+export { default as TitleWithIcon } from './TitleWithIcon';
+export { default as TypeBorderedCard } from './TypeBorderedCard';
+export { default as TypedObjectIcon } from './TypedObjectIcon';
+export * from './utils';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/design/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,SAAS,CAAC"}

package/dist/components/design/index.js

@@ -0,0 +1,11 @@
+export { default as CollapsibleSection } from './CollapsibleSection';
+export { default as DividedGallery } from './DividedGallery';
+export { default as DividedGalleryItem } from './DividedGalleryItem';
+export { default as HeaderIcon } from './HeaderIcon';
+export { default as InfoGalleryItem } from './InfoGalleryItem';
+export { default as ScrolledGallery } from './ScrolledGallery';
+export { default as TitleWithIcon } from './TitleWithIcon';
+export { default as TypeBorderedCard } from './TypeBorderedCard';
+export { default as TypedObjectIcon } from './TypedObjectIcon';
+export * from './utils';
+//# sourceMappingURL=index.js.map

package/dist/components/design/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/design/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAC/D,cAAc,SAAS,CAAC"}

package/dist/components/design/utils.d.ts

@@ -0,0 +1,52 @@
+import './vars.scss';
+export declare enum SectionType {
+    setup = "set-up",
+    organize = "organize",
+    training = "training",
+    serving = "serving",
+    general = "general"
+}
+export declare enum ProjectObjectType {
+    project = "project",
+    projectContext = "projectContext",
+    notebook = "notebook",
+    notebookImage = "notebookImage",
+    build = "build",
+    pipelineSetup = "pipeline-setup",
+    pipeline = "pipeline",
+    pipelineRun = "pipeline-run",
+    pipelineExperiment = "pipeline-experiment",
+    pipelineExecution = "pipeline-execution",
+    pipelineArtifact = "pipeline-artifact",
+    clusterStorage = "cluster-storage",
+    model = "model",
+    singleModel = "single-model",
+    multiModel = "multi-model",
+    modelServer = "model-server",
+    registeredModels = "registered-models",
+    deployedModels = "deployed-models",
+    deployingModels = "deploying-models",
+    modelRegistrySettings = "model-registry-settings",
+    servingRuntime = "serving-runtime",
+    distributedWorkload = "distributed-workload",
+    dataConnection = "data-connection",
+    connections = "connections",
+    clusterSettings = "cluster-settings",
+    acceleratorProfile = "accelerator-profile",
+    permissions = "permissions",
+    user = "user",
+    group = "group",
+    storageClasses = "storageClasses",
+    enabledApplications = "enabled-applications",
+    exploreApplications = "explore-applications",
+    resources = "resources"
+}
+export declare const typedIconColor: (objectType: ProjectObjectType) => string;
+export declare const typedBackgroundColor: (objectType: ProjectObjectType) => string;
+export declare const typedColor: (objectType: ProjectObjectType) => string;
+export declare const typedObjectImage: (objectType: ProjectObjectType) => string;
+export declare const typedEmptyImage: (objectType: ProjectObjectType, option?: string) => string;
+export declare const sectionTypeIconColor: (sectionType: SectionType) => string;
+export declare const sectionTypeBackgroundColor: (sectionType: SectionType) => string;
+export declare const sectionTypeBorderColor: (sectionType: SectionType) => string;
+//# sourceMappingURL=utils.d.ts.map

package/dist/components/design/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../components/design/utils.ts"],"names":[],"mappings":"AAuBA,OAAO,aAAa,CAAC;AAIrB,oBAAY,WAAW;IACrB,KAAK,WAAW;IAChB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAED,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,cAAc,mBAAmB;IACjC,QAAQ,aAAa;IACrB,aAAa,kBAAkB;IAC/B,KAAK,UAAU;IACf,aAAa,mBAAmB;IAChC,QAAQ,aAAa;IACrB,WAAW,iBAAiB;IAC5B,kBAAkB,wBAAwB;IAC1C,iBAAiB,uBAAuB;IACxC,gBAAgB,sBAAsB;IACtC,cAAc,oBAAoB;IAClC,KAAK,UAAU;IACf,WAAW,iBAAiB;IAC5B,UAAU,gBAAgB;IAC1B,WAAW,iBAAiB;IAC5B,gBAAgB,sBAAsB;IACtC,cAAc,oBAAoB;IAClC,eAAe,qBAAqB;IACpC,qBAAqB,4BAA4B;IACjD,cAAc,oBAAoB;IAClC,mBAAmB,yBAAyB;IAC5C,cAAc,oBAAoB;IAClC,WAAW,gBAAgB;IAC3B,eAAe,qBAAqB;IACpC,kBAAkB,wBAAwB;IAC1C,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,cAAc,mBAAmB;IACjC,mBAAmB,yBAAyB;IAC5C,mBAAmB,yBAAyB;IAC5C,SAAS,cAAc;CACxB;AAED,eAAO,MAAM,cAAc,GAAI,YAAY,iBAAiB,KAAG,MAuD9D,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,YAAY,iBAAiB,KAAG,MAuDpE,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,YAAY,iBAAiB,KAAG,MAqC1D,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,YAAY,iBAAiB,KAAG,MAgChE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,YAAY,iBAAiB,EAAE,SAAS,MAAM,KAAG,MAkChF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,aAAa,WAAW,KAAG,MAe/D,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,aAAa,WAAW,KAAG,MAerE,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,aAAa,WAAW,KAAG,MAejE,CAAC"}