@kubit-ui-web/react-components 1.9.0 → 1.10.0

package/dist/cjs/designSystem/kubit/components/pillV2/styles/default.js

@@ -0,0 +1,294 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PILL_STYLES_DEFAULT = void 0;
+const types_1 = require("../../../../../components/pillV2/types");
+const foundations_1 = require("../../../foundations");
+const variants_1 = require("../../text/variants");
+const variants_2 = require("../variants");
+const commonProps = {
+    rootContainer: {
+        position: 'relative',
+        display: 'flex',
+        flex_direction: 'column',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+    },
+    contentContainer: {
+        display: 'flex',
+        flex_direction: 'row',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+        border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.NEUTRAL.color_neutral_border_100}`,
+        cursor: 'pointer',
+    },
+    leftIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    label: {
+        font_variant: variants_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+        font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+    },
+    rightIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    input: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        cursor: 'pointer',
+    },
+};
+const commonLargeProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_250} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_150} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonExtraSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_100} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+exports.PILL_STYLES_DEFAULT = {
+    [variants_2.PillSizeTypeV2.LARGE]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonLargeProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonLargeProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.EXTRA_SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonExtraSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.ACCENT.color_accent_default_font_100}`,
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_border_50}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                border: `${foundations_1.BORDERS.border_50} solid ${foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150}`,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+};
+//# sourceMappingURL=default.js.map

package/dist/cjs/designSystem/kubit/components/pillV2/styles/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubit/components/pillV2/styles/default.ts"],"names":[],"mappings":"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"}

package/dist/cjs/designSystem/kubit/components/pillV2/styles/pillSelector.js

@@ -0,0 +1,284 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PILL_STYLES_PILL_SELECTOR = void 0;
+const types_1 = require("../../../../../components/pillV2/types");
+const foundations_1 = require("../../../foundations");
+const variants_1 = require("../../text/variants");
+const variants_2 = require("../variants");
+const commonProps = {
+    rootContainer: {
+        position: 'relative',
+        display: 'flex',
+        flex_direction: 'column',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+    },
+    contentContainer: {
+        display: 'flex',
+        flex_direction: 'row',
+        align_items: 'center',
+        gap: foundations_1.SPACINGS.spacing_150,
+        background_color: foundations_1.COLORS.NEUTRAL.color_neutral_bg_250,
+        cursor: 'pointer',
+    },
+    leftIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    label: {
+        font_variant: variants_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
+        font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
+    },
+    rightIcon: {
+        color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+        height: foundations_1.SIZES.size_200,
+        width: foundations_1.SIZES.size_200,
+    },
+    input: {
+        position: 'absolute',
+        top: '0',
+        left: '0',
+        right: '0',
+        bottom: '0',
+        cursor: 'pointer',
+    },
+};
+const commonLargeProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_250} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_150} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+const commonExtraSmallProps = {
+    ...commonProps,
+    contentContainer: {
+        ...commonProps.contentContainer,
+        padding: `${foundations_1.SPACINGS.spacing_100} ${foundations_1.SPACINGS.spacing_300}`,
+    },
+};
+exports.PILL_STYLES_PILL_SELECTOR = {
+    [variants_2.PillSizeTypeV2.LARGE]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonLargeProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonLargeProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonLargeProps,
+            contentContainer: {
+                ...commonLargeProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonLargeProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonLargeProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonLargeProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonLargeProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonSmallProps,
+            contentContainer: {
+                ...commonSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+    [variants_2.PillSizeTypeV2.EXTRA_SMALL]: {
+        [types_1.PillStateType.DEFAULT]: { ...commonExtraSmallProps },
+        [types_1.PillStateType.SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.ACCENT.color_accent_default_font_100,
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_250,
+            },
+        },
+        [types_1.PillStateType.DISABLED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+        [types_1.PillStateType.DISABLED_SELECTED]: {
+            ...commonExtraSmallProps,
+            contentContainer: {
+                ...commonExtraSmallProps.contentContainer,
+                background_color: foundations_1.COLORS.DISABLED.color_accentDisabled_bg_150,
+                cursor: 'auto',
+            },
+            leftIcon: {
+                ...commonExtraSmallProps.leftIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            label: {
+                ...commonExtraSmallProps.label,
+                color: foundations_1.COLORS.ACCENT.color_accent_default_font_50,
+            },
+            rightIcon: {
+                ...commonExtraSmallProps.rightIcon,
+                color: foundations_1.COLORS.NEUTRAL.color_neutral_icon_50,
+            },
+            input: {
+                ...commonExtraSmallProps.input,
+                cursor: 'auto',
+            },
+        },
+    },
+};
+//# sourceMappingURL=pillSelector.js.map

package/dist/cjs/designSystem/kubit/components/pillV2/styles/pillSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pillSelector.js","sourceRoot":"","sources":["../../../../../../../src/designSystem/kubit/components/pillV2/styles/pillSelector.ts"],"names":[],"mappings":";;;AAAA,qDAImC;AAEnC,sDAA4E;AAC5E,kDAAsD;AACtD,0CAA6C;AAE7C,MAAM,WAAW,GAAwB;IACvC,aAAa,EAAE;QACb,QAAQ,EAAE,UAAU;QACpB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,sBAAQ,CAAC,WAAW;KAC1B;IACD,gBAAgB,EAAE;QAChB,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,KAAK;QACrB,WAAW,EAAE,QAAQ;QACrB,GAAG,EAAE,sBAAQ,CAAC,WAAW;QACzB,gBAAgB,EAAE,oBAAM,CAAC,OAAO,CAAC,oBAAoB;QACrD,MAAM,EAAE,SAAS;KAClB;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;QAC3C,MAAM,EAAE,mBAAK,CAAC,QAAQ;QACtB,KAAK,EAAE,mBAAK,CAAC,QAAQ;KACtB;IACD,KAAK,EAAE;QACL,YAAY,EAAE,0BAAe,CAAC,wBAAwB;QACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;QACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;KAC5C;IACD,SAAS,EAAE;QACT,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;QAC3C,MAAM,EAAE,mBAAK,CAAC,QAAQ;QACtB,KAAK,EAAE,mBAAK,CAAC,QAAQ;KACtB;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,GAAG;QACR,IAAI,EAAE,GAAG;QACT,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;QACX,MAAM,EAAE,SAAS;KAClB;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAwB;IAC5C,GAAG,WAAW;IACd,gBAAgB,EAAE;QAChB,GAAG,WAAW,CAAC,gBAAgB;QAC/B,OAAO,EAAE,GAAG,sBAAQ,CAAC,WAAW,IAAI,sBAAQ,CAAC,WAAW,EAAE;KAC3D;CACF,CAAC;AAEF,MAAM,gBAAgB,GAAwB;IAC5C,GAAG,WAAW;IACd,gBAAgB,EAAE;QAChB,GAAG,WAAW,CAAC,gBAAgB;QAC/B,OAAO,EAAE,GAAG,sBAAQ,CAAC,WAAW,IAAI,sBAAQ,CAAC,WAAW,EAAE;KAC3D;CACF,CAAC;AAEF,MAAM,qBAAqB,GAAwB;IACjD,GAAG,WAAW;IACd,gBAAgB,EAAE;QAChB,GAAG,WAAW,CAAC,gBAAgB;QAC/B,OAAO,EAAE,GAAG,sBAAQ,CAAC,WAAW,IAAI,sBAAQ,CAAC,WAAW,EAAE;KAC3D;CACF,CAAC;AAEW,QAAA,yBAAyB,GAA+B;IACnE,CAAC,yBAAc,CAAC,KAAK,CAAC,EAAE;QACtB,CAAC,qBAAa,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,gBAAgB,EAAE;QAChD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,MAAM,CAAC,6BAA6B;aAC9D;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,WAAW,EAAE,yBAAW,CAAC,eAAe;gBACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;SACF;QACD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,MAAM,EAAE,MAAM;aACf;SACF;QACD,CAAC,qBAAa,CAAC,iBAAiB,CAAC,EAAE;YACjC,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,MAAM,EAAE,MAAM;aACf;SACF;KACF;IACD,CAAC,yBAAc,CAAC,KAAK,CAAC,EAAE;QACtB,CAAC,qBAAa,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,gBAAgB,EAAE;QAChD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,MAAM,CAAC,6BAA6B;aAC9D;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,WAAW,EAAE,yBAAW,CAAC,eAAe;gBACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;SACF;QACD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,MAAM,EAAE,MAAM;aACf;SACF;QACD,CAAC,qBAAa,CAAC,iBAAiB,CAAC,EAAE;YACjC,GAAG,gBAAgB;YACnB,gBAAgB,EAAE;gBAChB,GAAG,gBAAgB,CAAC,gBAAgB;gBACpC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,gBAAgB,CAAC,QAAQ;gBAC5B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,gBAAgB,CAAC,SAAS;gBAC7B,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,gBAAgB,CAAC,KAAK;gBACzB,MAAM,EAAE,MAAM;aACf;SACF;KACF;IACD,CAAC,yBAAc,CAAC,WAAW,CAAC,EAAE;QAC5B,CAAC,qBAAa,CAAC,OAAO,CAAC,EAAE,EAAE,GAAG,qBAAqB,EAAE;QACrD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,qBAAqB;YACxB,gBAAgB,EAAE;gBAChB,GAAG,qBAAqB,CAAC,gBAAgB;gBACzC,gBAAgB,EAAE,oBAAM,CAAC,MAAM,CAAC,6BAA6B;aAC9D;YACD,QAAQ,EAAE;gBACR,GAAG,qBAAqB,CAAC,QAAQ;gBACjC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,KAAK,EAAE;gBACL,GAAG,qBAAqB,CAAC,KAAK;gBAC9B,WAAW,EAAE,yBAAW,CAAC,eAAe;gBACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;YACD,SAAS,EAAE;gBACT,GAAG,qBAAqB,CAAC,SAAS;gBAClC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;aAC7C;SACF;QACD,CAAC,qBAAa,CAAC,QAAQ,CAAC,EAAE;YACxB,GAAG,qBAAqB;YACxB,gBAAgB,EAAE;gBAChB,GAAG,qBAAqB,CAAC,gBAAgB;gBACzC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,qBAAqB,CAAC,QAAQ;gBACjC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,qBAAqB,CAAC,KAAK;gBAC9B,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,qBAAqB,CAAC,SAAS;gBAClC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,qBAAqB,CAAC,KAAK;gBAC9B,MAAM,EAAE,MAAM;aACf;SACF;QACD,CAAC,qBAAa,CAAC,iBAAiB,CAAC,EAAE;YACjC,GAAG,qBAAqB;YACxB,gBAAgB,EAAE;gBAChB,GAAG,qBAAqB,CAAC,gBAAgB;gBACzC,gBAAgB,EAAE,oBAAM,CAAC,QAAQ,CAAC,2BAA2B;gBAC7D,MAAM,EAAE,MAAM;aACf;YACD,QAAQ,EAAE;gBACR,GAAG,qBAAqB,CAAC,QAAQ;gBACjC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,qBAAqB,CAAC,KAAK;gBAC9B,KAAK,EAAE,oBAAM,CAAC,MAAM,CAAC,4BAA4B;aAClD;YACD,SAAS,EAAE;gBACT,GAAG,qBAAqB,CAAC,SAAS;gBAClC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;aAC5C;YACD,KAAK,EAAE;gBACL,GAAG,qBAAqB,CAAC,KAAK;gBAC9B,MAAM,EAAE,MAAM;aACf;SACF;KACF;CACF,CAAC"}