@sphereon/ui-components.ssi-react 0.1.3-unstable.161 → 0.1.3-unstable.172

package/dist/@config/toasts/index.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 import { ToastCustomProps } from '@sphereon/ui-components.core';
-import { ToastConfigParams } from '../../types';
+import { ToastConfigParams } from '../../types/index.js';
 export declare const toastConfig: {
-    ssiToastSuccess: (params: ToastConfigParams<ToastCustomProps>) => JSX.Element;
-    ssiToastError: (params: ToastConfigParams<ToastCustomProps>) => JSX.Element;
+    ssiToastSuccess: (params: ToastConfigParams<ToastCustomProps>) => import("react/jsx-runtime.js").JSX.Element;
+    ssiToastError: (params: ToastConfigParams<ToastCustomProps>) => import("react/jsx-runtime.js").JSX.Element;
 };

package/dist/@config/toasts/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ToastType } from '@sphereon/ui-components.core';
-import SSIToast from '../../components/messageBoxes/toasts/SSIToast';
+import SSIToast from '../../components/messageBoxes/toasts/SSIToast/index.js';
 export const toastConfig = {
     ssiToastSuccess: (params) => {
         const { title, message, onClick, props } = params;

package/dist/components/assets/icons/SSIProfileIcon/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { fontColors, getInitials, profileColors } from '@sphereon/ui-components.core';
-import { SSIProfileIconContainerStyled as Container, SSITextH2Styled as ProfileIconText } from '../../../../styles';
+import { SSIProfileIconContainerStyled as Container, SSITextH2Styled as ProfileIconText } from '../../../../styles/index.js';
 const ProfileIcon = (props) => {
     const { fontColor = fontColors.light, backgroundColor = profileColors['100'], fullName } = props;
     return (_jsx(Container, { style: { backgroundColor }, children: _jsx(ProfileIconText, { style: { color: fontColor }, children: getInitials(fullName) }) }));

package/dist/components/assets/logos/SSILogo/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { calculateAspectRatio, logoColors } from '@sphereon/ui-components.core';
-import SSIPlaceholderLogo from '../SSIPlaceholderLogo';
+import SSIPlaceholderLogo from '../SSIPlaceholderLogo/index.js';
 const SSILogo = (props) => {
     const { logo, color = logoColors.default, size = 32, style } = props;
     return logo ? (_jsx("div", { style: {

package/dist/components/assets/markers/StepMarker/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { StepStatus } from '../../../../types';
+import { StepStatus } from '../../../../types/index.js';
 type Props = {
     stepNumber: number;
     status?: StepStatus;

package/dist/components/assets/markers/StepMarker/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { StepMarkerActiveContainerStyled as ActiveContainer, StepMarkerActiveOuterContainerStyled as ActiveOuterContainer, StepMarkerGradientContainerStyled as GradientContainer, SSITextH1SemiBoldLightStyled as StepNumberText, StepMarkerInactiveContainerStyled as InactiveContainer, } from '../../../../styles';
-import { StepStatus } from '../../../../types';
+import { StepMarkerActiveContainerStyled as ActiveContainer, StepMarkerActiveOuterContainerStyled as ActiveOuterContainer, StepMarkerGradientContainerStyled as GradientContainer, SSITextH1SemiBoldLightStyled as StepNumberText, StepMarkerInactiveContainerStyled as InactiveContainer, } from '../../../../styles/index.js';
+import { StepStatus } from '../../../../types/index.js';
 const getCurrentMarkerElement = (stepNumber) => {
     return (_jsx(ActiveContainer, { children: _jsx(ActiveOuterContainer, { children: _jsx(GradientContainer, { children: _jsx(StepNumberText, { children: stepNumber }) }) }) }));
 };

package/dist/components/buttons/SSIIconButton/index.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, fontColors } from '@sphereon/ui-components.core';
-import SSIAddIcon from '../../assets/icons/SSIAddIcon';
-import SSIFilterIcon from '../../assets/icons/SSIFilterIcon';
-import SSIArrowDownIcon from '../../assets/icons/SSIArrowDownIcon';
-import { SSIIconButtonContainerStyled as Container, SSITextH3Styled as Caption } from '../../../styles';
-import MeatBallsIcon from '../../assets/icons/MeatBallsIcon';
-import DeleteIcon from '../../assets/icons/DeleteIcon';
+import SSIAddIcon from '../../assets/icons/SSIAddIcon/index.js';
+import SSIFilterIcon from '../../assets/icons/SSIFilterIcon/index.js';
+import SSIArrowDownIcon from '../../assets/icons/SSIArrowDownIcon/index.js';
+import { SSIIconButtonContainerStyled as Container, SSITextH3Styled as Caption } from '../../../styles/index.js';
+import MeatBallsIcon from '../../assets/icons/MeatBallsIcon/index.js';
+import DeleteIcon from '../../assets/icons/DeleteIcon/index.js';
 const SSIIconButton = (props) => {
     const { caption, icon, onClick, disabled = false, iconColor = fontColors.dark } = props;
     return (_jsxs(Container, { onClick: onClick, children: [getIcon(icon, iconColor), caption && _jsx(Caption, { children: caption })] }));

package/dist/components/buttons/SSIPrimaryButton/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, fontColors, OpacityStyleEnum } from '@sphereon/ui-components.core';
-import SSIAddIcon from '../../assets/icons/SSIAddIcon';
-import { SSIPrimaryButtonContainerStyled as Container, SSITextH3LightStyled as Caption } from '../../../styles';
+import SSIAddIcon from '../../assets/icons/SSIAddIcon/index.js';
+import { SSIPrimaryButtonContainerStyled as Container, SSITextH3LightStyled as Caption } from '../../../styles/index.js';
 const SSIPrimaryButton = (props) => {
     const { caption, icon, onClick, disabled = false, style } = props;
     const getIcon = (icon, color) => {

package/dist/components/buttons/SSISecondaryButton/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, OpacityStyleEnum } from '@sphereon/ui-components.core';
-import SSIAddIcon from '../../assets/icons/SSIAddIcon';
-import { SSISecondaryButtonCaptionStyled as Caption, SSISecondaryButtonContainerStyled as Container } from '../../../styles';
-import { gradientColors } from '../../../styles/colors';
+import SSIAddIcon from '../../assets/icons/SSIAddIcon/index.js';
+import { SSISecondaryButtonCaptionStyled as Caption, SSISecondaryButtonContainerStyled as Container } from '../../../styles/index.js';
+import { gradientColors } from '../../../styles/colors.js';
 const SSISecondaryButton = (props) => {
     const { caption, icon, onClick, disabled = false, style } = props;
     const getIcon = (icon, color) => {

package/dist/components/fields/DragAndDropBox/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
-import { DragAndDropBoxContainerStyled as Container, DragAndDropBoxHiddenInputStyled as HiddenInput, DragAndDropBoxCaptionContainerStyled as CaptionContainer, SSITextH2Styled as Caption, DragAndDropBoxDescriptionStyled as Description } from '../../../styles';
+import { DragAndDropBoxContainerStyled as Container, DragAndDropBoxHiddenInputStyled as HiddenInput, DragAndDropBoxCaptionContainerStyled as CaptionContainer, SSITextH2Styled as Caption, DragAndDropBoxDescriptionStyled as Description, } from '../../../styles/index.js';
 const DragAndDropBox = (props) => {
     const { caption, description, onChangeFile } = props;
     const inputFile = useRef(null);
@@ -25,6 +25,6 @@ const DragAndDropBox = (props) => {
     const onDragOver = async (event) => {
         event.preventDefault();
     };
-    return (_jsxs(Container, { onClick: onSelect, onDrop: onDrop, onDragOver: onDragOver, children: [_jsx(HiddenInput, { ref: inputFile, type: 'file', onChange: onChange }), _jsxs(CaptionContainer, { children: [_jsx(Caption, { children: caption }), _jsx(Description, { children: description })] })] }));
+    return (_jsxs(Container, { onClick: onSelect, onDrop: onDrop, onDragOver: onDragOver, children: [_jsx(HiddenInput, { ref: inputFile, type: "file", onChange: onChange }), _jsxs(CaptionContainer, { children: [_jsx(Caption, { children: caption }), _jsx(Description, { children: description })] })] }));
 };
 export default DragAndDropBox;

package/dist/components/fields/FileSelection/index.d.ts

@@ -1,5 +1,5 @@
 import React, { CSSProperties } from 'react';
-import { AssetFilePermission, FileSelectionFieldType } from '../../../types';
+import { AssetFilePermission, FileSelectionFieldType } from '../../../types/index.js';
 type Props = {
     file: File;
     fileType?: FileSelectionFieldType;

package/dist/components/fields/FileSelection/index.js

@@ -1,11 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { getFileSizeDisplay, Localization } from '@sphereon/ui-components.core';
-import ComboBox from '../ComboBox';
-import DocumentIcon from '../../assets/icons/DocumentIcon';
-import ImageIcon from '../../assets/icons/ImageIcon';
-import CrossIcon from '../../assets/icons/CrossIcon';
-import { FileSelectionFieldContainerStyled as Container, FileSelectionFieldContentContainerStyled as ContentContainer, FileSelectionFieldRemoveContainerStyled as RemoveContainer, FileSelectionFieldRemoveButtonStyled as RemoveButton, FileSelectionFieldRemoveButtonCircleIconStyled as RemoveButtonCircleIcon, FileSelectionFieldIconContainerStyled as IconContainer, FileSelectionFieldFileDataContainerStyled as FileDataContainer, FileSelectionFieldFileNameCaptionStyled as FileNameCaption, FileSelectionFieldFileSizeCaptionStyled as FileSizeCaption, FileSelectionFieldPermissionSelectionContainerStyled as PermissionSelectionContainer } from '../../../styles';
-import { FileSelectionFieldType } from '../../../types';
+import ComboBox from '../ComboBox/index.js';
+import DocumentIcon from '../../assets/icons/DocumentIcon/index.js';
+import ImageIcon from '../../assets/icons/ImageIcon/index.js';
+import CrossIcon from '../../assets/icons/CrossIcon/index.js';
+import { FileSelectionFieldContainerStyled as Container, FileSelectionFieldContentContainerStyled as ContentContainer, FileSelectionFieldRemoveContainerStyled as RemoveContainer, FileSelectionFieldRemoveButtonStyled as RemoveButton, FileSelectionFieldRemoveButtonCircleIconStyled as RemoveButtonCircleIcon, FileSelectionFieldIconContainerStyled as IconContainer, FileSelectionFieldFileDataContainerStyled as FileDataContainer, FileSelectionFieldFileNameCaptionStyled as FileNameCaption, FileSelectionFieldFileSizeCaptionStyled as FileSizeCaption, FileSelectionFieldPermissionSelectionContainerStyled as PermissionSelectionContainer, } from '../../../styles/index.js';
+import { FileSelectionFieldType } from '../../../types/index.js';
 const filePermissions = [
     { label: Localization.translate('file_permission_public_label'), value: 'public' },
     { label: Localization.translate('file_permission_private_label'), value: 'private' },
@@ -17,8 +17,7 @@ const FileSelection = (props) => {
             await onPermissionChange(selection.value);
         }
     };
-    return (_jsxs(Container, { style: style, children: [_jsxs(ContentContainer, { children: [_jsx(IconContainer, { children: getIcon(fileType) }), _jsxs(FileDataContainer, { children: [_jsx(FileNameCaption, { children: file.name }), file.size && _jsx(FileSizeCaption, { children: getFileSizeDisplay(file.size) })] }), permission && (_jsx(PermissionSelectionContainer, { children: _jsx(ComboBox, { style: { width: 152, marginLeft: 'auto' }, defaultValue: filePermissions.find((selection) => selection.value === permission), onChange: onChange, options: filePermissions }) }))] }), onRemove &&
-                _jsx(RemoveContainer, { children: _jsx(RemoveButton, { onClick: onRemove, children: _jsx(RemoveButtonCircleIcon, { children: _jsx(CrossIcon, { size: 10 }) }) }) })] }));
+    return (_jsxs(Container, { style: style, children: [_jsxs(ContentContainer, { children: [_jsx(IconContainer, { children: getIcon(fileType) }), _jsxs(FileDataContainer, { children: [_jsx(FileNameCaption, { children: file.name }), file.size && _jsx(FileSizeCaption, { children: getFileSizeDisplay(file.size) })] }), permission && (_jsx(PermissionSelectionContainer, { children: _jsx(ComboBox, { style: { width: 152, marginLeft: 'auto' }, defaultValue: filePermissions.find((selection) => selection.value === permission), onChange: onChange, options: filePermissions }) }))] }), onRemove && (_jsx(RemoveContainer, { children: _jsx(RemoveButton, { onClick: onRemove, children: _jsx(RemoveButtonCircleIcon, { children: _jsx(CrossIcon, { size: 10 }) }) }) }))] }));
 };
 const getIcon = (fileType) => {
     switch (fileType) {

package/dist/components/fields/JSONForms/PassportPhotoControl/index.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { and, isObjectControl, optionIs, rankWith, } from '@jsonforms/core';
+import { and, isObjectControl, optionIs, rankWith } from '@jsonforms/core';
 import { withJsonFormsControlProps } from '@jsonforms/react';
 import { Localization, parseBase64Uri } from '@sphereon/ui-components.core';
-import DragAndDropBox from '../../DragAndDropBox';
-import PersonPlaceholder from '../../../assets/placeholders/PersonPlaceholder';
-import FileSelection from '../../FileSelection';
-import { base64UriToFile } from '../../../../utils';
-import { PassportPhotoControlContainerStyled as Container, PassportPhotoControlDragAndDropBoxContainerStyled as DragAndDropBoxContainer, PassportPhotoControlPassportPhotoContainerStyled as PassportPhotoContainer, PassportPhotoControlPassportPhotoImageStyled as PassportPhotoImage } from '../../../../styles';
-import { FileSelectionFieldType } from '../../../../types';
+import DragAndDropBox from '../../DragAndDropBox/index.js';
+import PersonPlaceholder from '../../../assets/placeholders/PersonPlaceholder/index.js';
+import FileSelection from '../../FileSelection/index.js';
+import { base64UriToFile } from '../../../../utils/index.js';
+import { PassportPhotoControlContainerStyled as Container, PassportPhotoControlDragAndDropBoxContainerStyled as DragAndDropBoxContainer, PassportPhotoControlPassportPhotoContainerStyled as PassportPhotoContainer, PassportPhotoControlPassportPhotoImageStyled as PassportPhotoImage, } from '../../../../styles/index.js';
+import { FileSelectionFieldType } from '../../../../types/index.js';
 const PassportPhotoControl = (props) => {
     const { data, handleChange, path } = props;
     const [image, setImage] = useState(data && { file: base64UriToFile(data.base64Uri, data.fileName, data.mimeType), base64Uri: data.base64Uri });
@@ -28,10 +28,7 @@ const PassportPhotoControl = (props) => {
         setImage(undefined);
         handleChange(path, undefined);
     };
-    return (_jsxs(Container, { children: [_jsxs(DragAndDropBoxContainer, { children: [_jsx(DragAndDropBox, { caption: Localization.translate('drag_and_drop_upload_image_caption'), description: Localization.translate('credential_attach_image_description'), onChangeFile: onAddImage }), _jsx(PassportPhotoContainer, { children: image
-                            ? _jsx(PassportPhotoImage, { src: image.base64Uri, alt: Localization.translate('passport_photo_alt') })
-                            : _jsx(PersonPlaceholder, {}) })] }), image &&
-                _jsx(FileSelection, { file: image.file, fileType: FileSelectionFieldType.IMAGE, onRemove: onRemoveImage })] }));
+    return (_jsxs(Container, { children: [_jsxs(DragAndDropBoxContainer, { children: [_jsx(DragAndDropBox, { caption: Localization.translate('drag_and_drop_upload_image_caption'), description: Localization.translate('credential_attach_image_description'), onChangeFile: onAddImage }), _jsx(PassportPhotoContainer, { children: image ? _jsx(PassportPhotoImage, { src: image.base64Uri, alt: Localization.translate('passport_photo_alt') }) : _jsx(PersonPlaceholder, {}) })] }), image && _jsx(FileSelection, { file: image.file, fileType: FileSelectionFieldType.IMAGE, onRemove: onRemoveImage })] }));
 };
 export const passportPhotoControlTester = rankWith(3, and(isObjectControl, optionIs('type', 'passportPhoto')));
 export default withJsonFormsControlProps(PassportPhotoControl);

package/dist/components/fields/SSICheckbox/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { OpacityStyleEnum, fontColors, selectionElementColors } from '@sphereon/ui-components.core';
-import { SSICheckboxContainerStyled as Container, SSICheckboxLabelContainerStyled as LabelCaption, SSICheckboxSelectedContainerStyled as SelectedContainer, SSICheckboxUnselectedContainerStyled as UnselectedContainer, } from '../../../styles/components';
+import { SSICheckboxContainerStyled as Container, SSICheckboxLabelContainerStyled as LabelCaption, SSICheckboxSelectedContainerStyled as SelectedContainer, SSICheckboxUnselectedContainerStyled as UnselectedContainer, } from '../../../styles/components/index.js';
 const SSICheckbox = (props) => {
     const { backgroundColor, borderColor = selectionElementColors.primaryBorderDark, disabled = false, initialValue = false, label, selectedColor = selectionElementColors.primaryDark, labelColor = fontColors.light, checkmarkColor = fontColors.dark, style } = props;
     const [isChecked, setChecked] = React.useState(initialValue);

package/dist/components/fields/SSIHoverText/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SSIHoverTextTextStyled as Text, SSIHoverTextContainerStyled as Container, SSIHoverTextTextHoverStyled as TextHover, } from '../../../styles/components';
+import { SSIHoverTextTextStyled as Text, SSIHoverTextContainerStyled as Container, SSIHoverTextTextHoverStyled as TextHover, } from '../../../styles/components/index.js';
 const SSIHoverText = (props) => {
     const { text, truncationLength, enableHover = true } = props;
     const value = truncationLength ? text.substring(0, truncationLength) : text;

package/dist/components/indicators/ProgressStepIndicator/index.d.ts

@@ -1,5 +1,5 @@
 import { CSSProperties, FC } from 'react';
-import { ProgressIndicatorStep } from '../../../types';
+import { ProgressIndicatorStep } from '../../../types/index.js';
 type Props = {
     steps: Array<ProgressIndicatorStep>;
     activeStep: number;

package/dist/components/indicators/ProgressStepIndicator/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { elementColors, fontColors } from '@sphereon/ui-components.core';
-import StepMarker from '../../assets/markers/StepMarker';
-import { gradientColors } from '../../../styles/colors';
-import { ProgressStepIndicatorContainerStyled as Container, ProgressStepIndicatorContentGridContainerStyled as GridContainer, ProgressStepIndicatorStepMarkerCellStyled as StepMarkerCell, ProgressStepIndicatorStepLineStyled as StepLine, ProgressStepIndicatorStepTextCellStyled as StepTextCell, ProgressStepIndicatorTitleTextStyled as TitleText, ProgressStepIndicatorDescriptionTextStyled as DescriptionText, ProgressStepIndicatorSpacerLineCellStyled as SpacerLineCell, } from '../../../styles';
-import { StepStatus } from '../../../types';
+import StepMarker from '../../assets/markers/StepMarker/index.js';
+import { gradientColors } from '../../../styles/colors.js';
+import { ProgressStepIndicatorContainerStyled as Container, ProgressStepIndicatorContentGridContainerStyled as GridContainer, ProgressStepIndicatorStepMarkerCellStyled as StepMarkerCell, ProgressStepIndicatorStepLineStyled as StepLine, ProgressStepIndicatorStepTextCellStyled as StepTextCell, ProgressStepIndicatorTitleTextStyled as TitleText, ProgressStepIndicatorDescriptionTextStyled as DescriptionText, ProgressStepIndicatorSpacerLineCellStyled as SpacerLineCell, } from '../../../styles/index.js';
+import { StepStatus } from '../../../types/index.js';
 const getStepRowElement = (stepNumber, status, step, maxSteps) => {
     const gridRowNumber = stepNumber * 2 - 1;
     return (_jsxs(_Fragment, { children: [_jsxs(StepMarkerCell, { style: { gridRow: gridRowNumber }, children: [_jsx(StepMarker, { stepNumber: stepNumber, status: status }), stepNumber < maxSteps && (_jsx(StepLine, { style: {

package/dist/components/indicators/SSIActivityIndicator/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Oval } from 'react-loader-spinner';
 import { elementColors } from '@sphereon/ui-components.core';
+import { Oval } from "react-loader-spinner";
 const SSIActivityIndicator = (props) => {
     const { size = 80, color = elementColors.blue, style } = props;
     return (_jsx(Oval, { width: size, height: size, color: color, secondaryColor: color, strokeWidth: 5, strokeWidthSecondary: 5, visible: true, wrapperStyle: style }));

package/dist/components/labels/SSIStatusLabel/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CredentialStatus, IssuerStatus, statusColors, getStatusTranslation } from '@sphereon/ui-components.core';
-import SSICheckmarkBadge from '../../../components/assets/badges/SSICheckmarkBadge';
-import SSIExclamationMarkBadge from '../../../components/assets/badges/SSIExclamationMarkBadge';
-import { SSIStatusLabelBadgeContainer as BadgeContainer, SSIStatusLabelContainerStyled as Container, SSIStatusLabelStatusCaptionStyled as StatusCaption, } from '../../../styles';
+import SSICheckmarkBadge from '../../../components/assets/badges/SSICheckmarkBadge/index.js';
+import SSIExclamationMarkBadge from '../../../components/assets/badges/SSIExclamationMarkBadge/index.js';
+import { SSIStatusLabelBadgeContainer as BadgeContainer, SSIStatusLabelContainerStyled as Container, SSIStatusLabelStatusCaptionStyled as StatusCaption, } from '../../../styles/index.js';
 const SSIStatusLabel = (props) => {
     const { status, color = statusColors[status], style, showIcon = false } = props;
     return (_jsxs(Container, { style: { ...style, borderColor: color }, children: [showIcon && _jsx(BadgeContainer, { children: getStatusBadge(status, color) }), _jsx(StatusCaption, { style: { color }, children: getStatusTranslation(status) })] }));

package/dist/components/labels/SSITypeLabel/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { backgroundColors, LabelType } from '@sphereon/ui-components.core';
-import { SSITypeLabelContainerStyled as Container } from '../../../styles';
-import { gradientColors } from '../../../styles/colors';
+import { SSITypeLabelContainerStyled as Container } from '../../../styles/index.js';
+import { gradientColors } from '../../../styles/colors.js';
 const getBackground = (type) => {
     switch (type) {
         case LabelType.ISSUER:

package/dist/components/lists/DropDownList/index.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { ButtonIcon } from '@sphereon/ui-components.core';
-import { Button } from '../../../types';
+import { Button } from '../../../types/index.js';
 export type Props = {
     icon: ButtonIcon;
     buttons: Array<Button>;

package/dist/components/lists/DropDownList/index.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect } from 'react';
 import { borderColors } from '@sphereon/ui-components.core';
-import DropDownListItem from '../DropDownListItem';
-import SSIIconButton from '../../buttons/SSIIconButton';
-import { DropDownListContainerStyled as Container, DropDownContainerStyled as DropDownContainer, DropDownListButtonStyled as ListButton, } from '../../../styles/components';
+import DropDownListItem from '../DropDownListItem/index.js';
+import SSIIconButton from '../../buttons/SSIIconButton/index.js';
+import { DropDownListContainerStyled as Container, DropDownContainerStyled as DropDownContainer, DropDownListButtonStyled as ListButton, } from '../../../styles/components/index.js';
 const DropDownList = (props) => {
     const { icon, buttons, showBorder = false } = props;
     const [showActionsMenu, setShowActionsMenu] = useState(false);

package/dist/components/lists/DropDownListItem/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DropDownListItemContainerStyled as Container, DropDownListItemIconContainerStyled as IconContainer, DropDownListItemCaptionContainerStyled as ListItemCaption, } from '../../../styles/components';
-import DeleteIcon from '../../assets/icons/DeleteIcon';
+import { DropDownListItemContainerStyled as Container, DropDownListItemIconContainerStyled as IconContainer, DropDownListItemCaptionContainerStyled as ListItemCaption, } from '../../../styles/components/index.js';
+import DeleteIcon from '../../assets/icons/DeleteIcon/index.js';
 import { borderColors, ButtonIcon, fontColors } from '@sphereon/ui-components.core';
 const DropDownListItem = (props) => {
     const { disabled, label, icon, showBorder = false, fontColor = fontColors.dark, borderColor = borderColors.light, onClick } = props;

package/dist/components/messageBoxes/toasts/SSIToast/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ToastType } from '@sphereon/ui-components.core';
-import SSICheckmarkBadge from '../../../assets/badges/SSICheckmarkBadge';
-import SSIExclamationMarkBadge from '../../../assets/badges/SSIExclamationMarkBadge';
-import { SSIToastContainerStyled as Container, SSIToastMessageTextStyled as MessageText, SSIFlexDirectionRowViewStyled as MessageContainer, SSITextH2SemiBoldStyled as TitleText, SSIToastTitleContainerStyled as TitleContainer, SSIToastBadgeContainerStyled as ToastBadgeContainer, } from '../../../../styles';
+import SSICheckmarkBadge from '../../../assets/badges/SSICheckmarkBadge/index.js';
+import SSIExclamationMarkBadge from '../../../assets/badges/SSIExclamationMarkBadge/index.js';
+import { SSIToastContainerStyled as Container, SSIToastMessageTextStyled as MessageText, SSIFlexDirectionRowViewStyled as MessageContainer, SSITextH2SemiBoldStyled as TitleText, SSIToastTitleContainerStyled as TitleContainer, SSIToastBadgeContainerStyled as ToastBadgeContainer, } from '../../../../styles/index.js';
 const getBadge = (type) => {
     switch (type) {
         case ToastType.SUCCESS:

package/dist/components/messageBoxes/toasts/SSIToastContainer/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SSIToastContainerContainerStyled as Container } from '../../../../styles';
+import { SSIToastContainerContainerStyled as Container } from '../../../../styles/index.js';
 const SSIToastContainer = (props) => {
     const { position = 'top-right', autoHide = true, visibilityTimeMs = 6000, pauseOnHover = true } = props;
     return (_jsx(Container, { position: position, autoClose: !autoHide ? autoHide : visibilityTimeMs, hideProgressBar: true, closeButton: false, pauseOnHover: pauseOnHover }));

package/dist/components/views/CredentialIssuanceWizardView/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { CredentialFormData, CredentialFormSelectionType } from '../../../types';
+import { CredentialFormData, CredentialFormSelectionType } from '../../../types/index.js';
 type Props = {
     credentialTypes: Array<CredentialFormSelectionType>;
     onSelectCredentialTypeChange?: (credentialType: CredentialFormSelectionType) => Promise<void>;

package/dist/components/views/CredentialIssuanceWizardView/index.js

@@ -4,10 +4,10 @@ import { Autocomplete, TextField } from '@mui/material';
 import { materialCells } from '@jsonforms/material-renderers';
 import { JsonForms } from '@jsonforms/react';
 import { Localization } from '@sphereon/ui-components.core';
-import FileSelection from '../../fields/FileSelection';
-import DragAndDropBox from '../../fields/DragAndDropBox';
-import { jsonFormsMaterialRenderers } from '../../../renders/jsonFormsRenders';
-import { CredentialIssuanceWizardViewContainerStyled as Container, CredentialIssuanceWizardViewCredentialTypeContainerStyled as CredentialTypeContainer, CredentialIssuanceWizardViewCredentialTypeTitleStyled as CredentialTypeTitle, CredentialIssuanceWizardViewFormContainerStyled as FormContainer, CredentialIssuanceWizardViewEvidenceContainerStyled as EvidenceContainer, CredentialIssuanceWizardViewEvidenceContentContainerStyled as EvidenceContentContainer, CredentialIssuanceWizardViewEvidenceTitleContainerStyled as EvidenceTitleContainer, SSITextH2SemiBoldStyled as EvidenceTitle, CredentialIssuanceWizardViewEvidenceTitleOptionalStyled as EvidenceTitleOptional, SSITextH2Styled as EvidenceDescription, CredentialIssuanceWizardViewEvidenceFilesContainerStyled as EvidenceFilesContainer } from '../../../styles';
+import FileSelection from '../../fields/FileSelection/index.js';
+import DragAndDropBox from '../../fields/DragAndDropBox/index.js';
+import { jsonFormsMaterialRenderers } from '../../../renders/jsonFormsRenders.js';
+import { CredentialIssuanceWizardViewContainerStyled as Container, CredentialIssuanceWizardViewCredentialTypeContainerStyled as CredentialTypeContainer, CredentialIssuanceWizardViewCredentialTypeTitleStyled as CredentialTypeTitle, CredentialIssuanceWizardViewFormContainerStyled as FormContainer, CredentialIssuanceWizardViewEvidenceContainerStyled as EvidenceContainer, CredentialIssuanceWizardViewEvidenceContentContainerStyled as EvidenceContentContainer, CredentialIssuanceWizardViewEvidenceTitleContainerStyled as EvidenceTitleContainer, SSITextH2SemiBoldStyled as EvidenceTitle, CredentialIssuanceWizardViewEvidenceTitleOptionalStyled as EvidenceTitleOptional, SSITextH2Styled as EvidenceDescription, CredentialIssuanceWizardViewEvidenceFilesContainerStyled as EvidenceFilesContainer, } from '../../../styles/index.js';
 const CredentialIssuanceWizardView = (props) => {
     const { credentialData, credentialTypes, onSelectCredentialTypeChange, onCredentialFormDataChange } = props;
     const [selectedCredentialType, setSelectedCredentialType] = useState(null);
@@ -35,9 +35,8 @@ const CredentialIssuanceWizardView = (props) => {
         onCredentialFormDataChange?.({ ...credentialInput, evidence: evidenceFiles });
     };
     const getEvidenceElements = () => {
-        return evidence.map((file, index) => _jsx(FileSelection, { file: file, onRemove: async () => onRemoveEvidence(index) }, index));
+        return evidence.map((file, index) => (_jsx(FileSelection, { file: file, onRemove: async () => onRemoveEvidence(index) }, index)));
     };
-    return (_jsxs(Container, { children: [_jsxs(CredentialTypeContainer, { children: [_jsx(CredentialTypeTitle, { children: Localization.translate('credential_issuance_wizard_title') }), _jsx(Autocomplete, { options: credentialTypes, sx: { flexGrow: 1 }, renderInput: (params) => _jsx(TextField, { ...params, label: Localization.translate('credential_issuance_wizard_credential_type_label') }), onChange: onCredentialTypeChange })] }), selectedCredentialType &&
-                _jsxs(_Fragment, { children: [_jsx(FormContainer, { children: _jsx(JsonForms, { schema: selectedCredentialType.schema, uischema: selectedCredentialType.uiSchema, data: credentialData, renderers: jsonFormsMaterialRenderers, cells: materialCells, onChange: onCredentialFormInputChange }) }), _jsx(EvidenceContainer, { children: _jsxs(EvidenceContentContainer, { children: [_jsxs("div", { children: [_jsxs(EvidenceTitleContainer, { children: [_jsx(EvidenceTitle, { children: Localization.translate('credential_issuance_wizard_evidence_title') }), _jsx(EvidenceTitleOptional, { children: Localization.translate('credential_issuance_wizard_evidence_optional_title') })] }), _jsx(EvidenceDescription, { children: Localization.translate('credential_issuance_wizard_evidence_description') })] }), _jsxs(EvidenceFilesContainer, { children: [_jsx(DragAndDropBox, { caption: Localization.translate('drag_and_drop_upload_evidence_caption'), description: Localization.translate('credential_attach_evidence_description'), onChangeFile: onAddEvidence }), getEvidenceElements()] })] }) })] })] }));
+    return (_jsxs(Container, { children: [_jsxs(CredentialTypeContainer, { children: [_jsx(CredentialTypeTitle, { children: Localization.translate('credential_issuance_wizard_title') }), _jsx(Autocomplete, { options: credentialTypes, sx: { flexGrow: 1 }, renderInput: (params) => (_jsx(TextField, { ...params, label: Localization.translate('credential_issuance_wizard_credential_type_label') })), onChange: onCredentialTypeChange })] }), selectedCredentialType && (_jsxs(_Fragment, { children: [_jsx(FormContainer, { children: _jsx(JsonForms, { schema: selectedCredentialType.schema, uischema: selectedCredentialType.uiSchema, data: credentialData, renderers: jsonFormsMaterialRenderers, cells: materialCells, onChange: onCredentialFormInputChange }) }), _jsx(EvidenceContainer, { children: _jsxs(EvidenceContentContainer, { children: [_jsxs("div", { children: [_jsxs(EvidenceTitleContainer, { children: [_jsx(EvidenceTitle, { children: Localization.translate('credential_issuance_wizard_evidence_title') }), _jsx(EvidenceTitleOptional, { children: Localization.translate('credential_issuance_wizard_evidence_optional_title') })] }), _jsx(EvidenceDescription, { children: Localization.translate('credential_issuance_wizard_evidence_description') })] }), _jsxs(EvidenceFilesContainer, { children: [_jsx(DragAndDropBox, { caption: Localization.translate('drag_and_drop_upload_evidence_caption'), description: Localization.translate('credential_attach_evidence_description'), onChangeFile: onAddEvidence }), getEvidenceElements()] })] }) })] }))] }));
 };
 export default CredentialIssuanceWizardView;

package/dist/components/views/CredentialMiniCardView/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { credentialCardColors } from '@sphereon/ui-components.core';
-import SSILogo from '../../assets/logos/SSILogo';
-import { SSICredentialMiniCardViewContainerStyled as Container, SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, } from '../../../styles';
+import SSILogo from '../../assets/logos/SSILogo/index.js';
+import { SSICredentialMiniCardViewContainerStyled as Container, SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, } from '../../../styles/index.js';
 const CredentialMiniCardView = (props) => {
     const { backgroundColor = credentialCardColors.default, backgroundImage, logo, logoColor, style } = props;
     return (_jsx(Container, { style: { ...style, backgroundColor }, children: _jsx(BackgroundImage, { style: {

package/dist/components/views/SSICredentialCardView/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { backgroundColors, credentialCardColors, Localization, toLocalDateString, } from '@sphereon/ui-components.core';
-import SSILogo from '../../assets/logos/SSILogo';
-import SSIStatusLabel from '../../labels/SSIStatusLabel';
-import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, SSIFlexDirectionColumnViewStyled as PropertyContainer, } from '../../../styles';
+import SSILogo from '../../assets/logos/SSILogo/index.js';
+import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
+import { SSIAlphaContainerStyled as AlphaContainer, SSICredentialCardViewContainerStyled as Container, SSICredentialCardViewBackgroundImageStyled as BackgroundImage, SSICredentialCardViewContentMainContainerStyled as ContentMainContainer, SSICredentialCardViewContentSubContainerStyled as ContentSubContainer, SSICredentialCardViewStatusContainerStyled as StatusContainer, SSICredentialCardViewCredentialSubtitleTextStyled as CredentialSubtitleText, SSICredentialCardViewCredentialTitleTextStyled as CredentialTitleText, SSITextH5LightStyled as ExpirationDateText, SSICredentialCardViewFooterContainerStyled as FooterContainer, SSITextH4LightStyled as H4Text, SSICredentialCardViewHeaderContainerStyled as HeaderContainer, SSICredentialCardViewContentIssueNameContainerStyled as IssueNameContainer, SSICredentialCardViewHeaderLogoContainerStyled as LogoContainer, SSICredentialCardViewContentPropertiesContainerStyled as PropertiesContainer, SSITextH6LightStyled as PropertyValueText, SSICredentialCardViewHeaderTitleContainerStyled as TitleContainer, SSIFlexDirectionColumnViewStyled as PropertyContainer, } from '../../../styles/index.js';
 const SSICredentialCardView = (props) => {
     const { header, body, footer } = props;
     const { credentialTitle, credentialSubtitle, logo } = props.header ?? {};

package/dist/components/views/SSITabView/SSITabViewHeader/index.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { SSITabViewHeaderContainerStyled as Container, SSITabViewHeaderTitleContainerStyled as TitleContainer, SSITabViewHeaderTitleCaptionStyled as TitleCaption, } from '../../../../styles';
+import { SSITabViewHeaderContainerStyled as Container, SSITabViewHeaderTitleContainerStyled as TitleContainer, SSITabViewHeaderTitleCaptionStyled as TitleCaption, } from '../../../../styles/index.js';
 const SSITabViewHeader = (props) => {
     const { navigationState, onIndexChange } = props;
     return (_jsx(Container, { children: navigationState.routes.map((value, index) => {

package/dist/components/views/SSITabView/index.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-import SSITabViewHeader from './SSITabViewHeader';
-import { SSITabViewContainerStyled as Container } from '../../../styles';
+import SSITabViewHeader from './SSITabViewHeader/index.js';
+import { SSITabViewContainerStyled as Container } from '../../../styles/index.js';
 const Tab = (props) => {
     return _jsx(React.Fragment, { children: props.children });
 };

package/dist/components/views/SSITableView/PaginationControls/index.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Stack } from '@mui/material';
-import { GoToInputContainer, GoToInputStyled, PaginationContainerStyled, PaginationStyled } from '../../../../styles';
+import { GoToInputContainer, GoToInputStyled, PaginationContainerStyled, PaginationStyled } from '../../../../styles/index.js';
 import { Localization } from '@sphereon/ui-components.core';
 const PaginationControls = (props) => {
     const { onKeyDown, containerStyle, goToInputId = 'goTo' } = props;

package/dist/components/views/SSITableView/SSITableViewHeader/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button } from '../../../../types';
+import { Button } from '../../../../types/index.js';
 type Props = {
     enableFiltering?: boolean;
     enableMostRecent?: boolean;

package/dist/components/views/SSITableView/SSITableViewHeader/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { ButtonIcon, Localization, statusColors } from '@sphereon/ui-components.core';
-import SSIIconButton from '../../../buttons/SSIIconButton';
-import SSIPrimaryButton from '../../../buttons/SSIPrimaryButton';
-import { SSITableViewHeaderActionsContainerStyled as ActionsContainer, SSITableViewHeaderContainerStyled as Container, SSITableViewHeaderContentContainerStyled as ContentContainer, SSITextH3Styled as FilterCaption, SSITableViewHeaderFilterContainerStyled as FilterContainer, TableViewHeaderStaticActionsContainerStyled as StaticActionsContainer, } from '../../../../styles';
+import SSIIconButton from '../../../buttons/SSIIconButton/index.js';
+import SSIPrimaryButton from '../../../buttons/SSIPrimaryButton/index.js';
+import { SSITableViewHeaderActionsContainerStyled as ActionsContainer, SSITableViewHeaderContainerStyled as Container, SSITableViewHeaderContentContainerStyled as ContentContainer, SSITextH3Styled as FilterCaption, SSITableViewHeaderFilterContainerStyled as FilterContainer, TableViewHeaderStaticActionsContainerStyled as StaticActionsContainer, } from '../../../../styles/index.js';
 const SSITableViewHeader = (props) => {
     const { enableFiltering = false, enableMostRecent = false, actions = [], onDelete } = props;
     const onDeleteClick = async () => {

package/dist/components/views/SSITableView/index.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { ColumnResizeMode, Row } from '@tanstack/react-table';
-import { Button, ColumnHeader } from '../../../types';
-import { PaginationControlsProps } from './PaginationControls';
+import { Button, ColumnHeader } from '../../../types/index.js';
+import { PaginationControlsProps } from './PaginationControls/index.js';
 type Props<T> = {
     data: Array<T>;
     columns: Array<ColumnHeader<T>>;

package/dist/components/views/SSITableView/index.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { createColumnHelper, flexRender, getCoreRowModel, useReactTable, } from '@tanstack/react-table';
 import { ButtonIcon, Localization, selectionElementColors } from '@sphereon/ui-components.core';
-import SSITableViewHeader from './SSITableViewHeader';
-import SSITypeLabel from '../../labels/SSITypeLabel';
-import SSIHoverText from '../../fields/SSIHoverText';
-import SSIStatusLabel from '../../labels/SSIStatusLabel';
-import CredentialMiniCardView from '../CredentialMiniCardView';
-import DropDownList from '../../lists/DropDownList';
-import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles';
-import { TableCellType } from '../../../types';
-import PaginationControls from './PaginationControls';
+import SSITableViewHeader from './SSITableViewHeader/index.js';
+import SSITypeLabel from '../../labels/SSITypeLabel/index.js';
+import SSIHoverText from '../../fields/SSIHoverText/index.js';
+import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
+import CredentialMiniCardView from '../CredentialMiniCardView/index.js';
+import DropDownList from '../../lists/DropDownList/index.js';
+import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles/index.js';
+import { TableCellType } from '../../../types/index.js';
+import PaginationControls from './PaginationControls/index.js';
 import ComboBox from "../../fields/ComboBox";
 import CredentialDetailsView from "../CredentialViewItem";
 function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
@@ -80,16 +80,20 @@ const SSITableView = (props) => {
         availableColumns = [
             {
                 id: 'select',
+                maxSize: 50,
+                size: 50,
                 header: ({ table }) => (_jsx(IndeterminateCheckbox, { ...{
                         checked: table.getIsAllRowsSelected(),
                         indeterminate: table.getIsSomeRowsSelected(),
                         onChange: table.getToggleAllRowsSelectedHandler(),
+                        columnMaxWidth: 50
                     } })),
                 cell: ({ row }) => (_jsx(RowSelectionCheckboxContainer, { children: (row.id === focusedRowId || rowSelection.length > 0) && (_jsx(IndeterminateCheckbox, { ...{
                             checked: row.getIsSelected(),
                             disabled: !row.getCanSelect(),
                             indeterminate: row.getIsSomeSelected(),
                             onChange: row.getToggleSelectedHandler(),
+                            columnMaxWidth: 50
                         } })) })),
             },
             ...availableColumns,

package/dist/helpers/index.d.ts

@@ -1 +1 @@
-export * from './toastHelper';
+export * from './toastHelper.js';

package/dist/helpers/index.js

@@ -1 +1 @@
-export * from './toastHelper';
+export * from './toastHelper.js';

package/dist/helpers/toastHelper.d.ts

@@ -1,3 +1,3 @@
 import { ToastCustomProps, ToastType } from '@sphereon/ui-components.core';
-import { ToastConfigParams } from '../types';
+import { ToastConfigParams } from '../types/index.js';
 export declare const showToast: (type: ToastType, params: ToastConfigParams<ToastCustomProps>) => Promise<void>;

package/dist/helpers/toastHelper.js

@@ -1,5 +1,5 @@
 import { toast } from 'react-toastify';
-import { toastConfig } from '../@config/toasts';
+import { toastConfig } from '../@config/toasts/index.js';
 export const showToast = async (type, params) => {
     const { title, message, onClick, props } = params;
     if (!toastConfig.hasOwnProperty(type)) {