@m4l/components 0.1.8 → 0.1.9

package/components/formatters/PointsFormatter/types.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from 'react';
+export declare type CalibrationPoint = number | null;
+export interface PointsFormatterProps {
+    Component?: ComponentType;
+    unit?: string;
+    value?: Array<CalibrationPoint>;
+}

package/components/formatters/PriceFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PriceFormatterProps } from './types';
+export declare function PriceFormatter(props: PriceFormatterProps): JSX.Element;

package/components/formatters/PriceFormatter/types.d.ts

@@ -0,0 +1,5 @@
+import { ComponentForrmaterType } from '../types';
+export interface PriceFormatterProps {
+    Component?: ComponentForrmaterType;
+    value?: number;
+}

package/components/formatters/UncertaintyFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { UncertaintyFormatterProps } from './types';
+export declare function UncertaintyFormatter(props: UncertaintyFormatterProps): JSX.Element;

package/components/formatters/UncertaintyFormatter/types.d.ts

@@ -0,0 +1,14 @@
+import { ComponentType } from 'react';
+export interface UncertaintyRange {
+    cmc_min_closed: boolean;
+    cmc_min: number;
+    cmc_max_closed: boolean;
+    cmc_max: number;
+    cmc_uncertainty: number;
+}
+export interface UncertaintyFormatterProps {
+    Component?: ComponentType;
+    symbol?: string;
+    unit?: string;
+    value?: Array<UncertaintyRange>;
+}

package/components/formatters/index.d.ts

@@ -1,2 +1,6 @@
 export { BooleanFormatter } from './BooleanFormatter';
 export { DateFormatter } from './DateFormatter';
+export { UncertaintyFormatter } from './UncertaintyFormatter';
+export { PointsFormatter } from './PointsFormatter';
+export { PriceFormatter } from './PriceFormatter';
+export type { UncertaintyRange } from './UncertaintyFormatter/types';

package/components/formatters/index.js

@@ -1,7 +1,61 @@
-import "react";
-import "@m4l/core";
+import require$$0 from "react";
+import { jsx, Fragment } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
 import "@mui/material";
-import "react/jsx-runtime";
+function UncertaintyFormatter(props) {
+  const {
+    value,
+    unit,
+    symbol,
+    Component = require$$0.Fragment
+  } = props;
+  if (value === void 0 || value === null || !Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: ""
+    });
+  }
+  let result = "";
+  value.map((obj, idx) => {
+    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "\u2264";
+    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "\u2264";
+    result = result.concat(`${idx > 0 ? " " : ""}`, obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} \xB1 ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} \xB1 ${obj.cmc_uncertainty}]`);
+  });
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+function PointsFormatter(props) {
+  const {
+    value,
+    unit,
+    Component = require$$0.Fragment
+  } = props;
+  console.log("points", value);
+  if (value === void 0 || value === null || !Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: "[]"
+    });
+  }
+  let result = "";
+  value.map((point) => {
+    if (point) {
+      console.log("point", point);
+      result = result.concat(`[${point}${unit}]`);
+    }
+  });
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+function PriceFormatter(props) {
+  const {
+    value,
+    Component = require$$0.Fragment
+  } = props;
+  return /* @__PURE__ */ jsx(Component, {
+    children: `${value}$Cop`
+  });
+}
 function getFormattersComponentsDictionary() {
   return ["formatters"];
 }
@@ -13,4 +67,46 @@ const defaultFormattersDictionary = {
     boolean_false: "False"
   }
 };
-export { defaultFormattersDictionary as d, getFormattersComponentsDictionary as g };
+function columnUncertaintyFormatter(props) {
+  const {
+    fieldUnit,
+    fieldValue,
+    fieldSymbol,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, {
+      Component,
+      value: getPropertyByString(obProps, fieldValue),
+      unit: getPropertyByString(obProps, fieldUnit),
+      symbol: getPropertyByString(obProps, fieldSymbol)
+    });
+  };
+}
+function columnPointsFormatter(props) {
+  const {
+    fieldUnit,
+    fieldValue,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, {
+      Component,
+      value: getPropertyByString(obProps, fieldValue),
+      unit: getPropertyByString(obProps, fieldUnit)
+    });
+  };
+}
+function columnNestedValueFormatter(props) {
+  const {
+    fieldValue,
+    Component = require$$0.Fragment
+  } = props;
+  return (obProps) => {
+    console.log("columnNestedValueFormatter", obProps, fieldValue);
+    return /* @__PURE__ */ jsx(Component, {
+      children: getPropertyByString(obProps, fieldValue)
+    });
+  };
+}
+export { PointsFormatter as P, UncertaintyFormatter as U, PriceFormatter as a, columnPointsFormatter as b, columnUncertaintyFormatter as c, defaultFormattersDictionary as d, columnNestedValueFormatter as e, getFormattersComponentsDictionary as g };

package/components/hook-form/FormProvider/index.js

@@ -18,25 +18,37 @@ function FormProvider(props) {
     children,
     onSubmit,
     values,
-    validationSchema
+    validationSchema,
+    statusLoad = "ready"
   } = props;
   const methods = useForm({
     resolver: o(validationSchema),
     defaultValues: values
   });
   useEffect(() => {
-    if (values.initial) {
+    console.log("useEffect FormProvider reload_values_provider===", statusLoad);
+    if (statusLoad === "reload_values_provider") {
+      const keys = Object.keys(values);
+      keys.forEach((key) => {
+        methods.setValue(key, values[key], {
+          shouldValidate: false,
+          shouldDirty: false,
+          shouldTouch: false
+        });
+      });
       return;
     }
-    const keys = Object.keys(values);
-    keys.forEach((key) => {
-      methods.setValue(key, values[key], {
+  }, [methods, statusLoad, values]);
+  useEffect(() => {
+    if (statusLoad === "ready") {
+      console.log("useEffect FormProvider Ready", statusLoad);
+      methods.setValue("statusLoad", "ready", {
         shouldValidate: false,
         shouldDirty: false,
         shouldTouch: false
       });
-    });
-  }, [methods, values]);
+    }
+  }, [statusLoad]);
   return /* @__PURE__ */ jsx(FormProvider$1, {
     ...methods,
     children: /* @__PURE__ */ jsx(WrapperFormProvider, {

package/components/hook-form/FormProvider/types.d.ts

@@ -1,8 +1,11 @@
 import { ReactNode } from 'react';
 import { FieldValues } from 'react-hook-form';
+export declare type FormStatusLoad = 'initial' | 'new' | 'edit' | 'reload_values_provider' | 'ready' | 'error';
+export declare type FormInitialValues = FieldValues;
 export interface FormProviderProps {
     children: ReactNode;
     onSubmit: (data: FieldValues) => void;
-    values: FieldValues;
+    values: FormInitialValues;
     validationSchema: any;
+    statusLoad?: FormStatusLoad;
 }

package/components/hook-form/RHFAutocompleteAsync/index.js

@@ -156,7 +156,6 @@ function RHFAutocompleteAsync(props) {
         setOpen(false);
       },
       onChange: (_e, val) => {
-        console.log("onChante  auto", _e, val);
         onChange(val);
       },
       disabled,

package/components/hook-form/RHFCheckbox/index.js

@@ -1,20 +1,19 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { styled } from "@mui/material/styles";
 import { Skeleton, FormControlLabel, Checkbox } from "@mui/material";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useModuleSkeleton } from "@m4l/core";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperSKTRHFCheckbox = styled("div")(() => ({
-  display: "flex"
+  display: "flex",
+  justifyContent: "center",
+  alignItems: "center",
+  padding: "8px"
+}));
+const SKTCheckSkeleton = styled(Skeleton)(() => ({
+  width: "20px",
+  height: "20px",
+  borderRadius: "4px"
 }));
-function SKTRHFCheckbox() {
-  return /* @__PURE__ */ jsx(WrapperSKTRHFCheckbox, {
-    children: /* @__PURE__ */ jsx(Skeleton, {
-      variant: "rectangular",
-      width: 16,
-      height: 16
-    })
-  });
-}
 const ErrorLabel = styled("p")(({
   theme
 }) => ({
@@ -32,29 +31,35 @@ function RHFCheckbox({
     control
   } = useFormContext();
   const isSkeleton = useModuleSkeleton();
-  return /* @__PURE__ */ jsx(
-    FormControlLabel,
-    {
-      control: /* @__PURE__ */ jsx(Controller, {
-        name,
-        control,
-        render: ({
-          field,
-          fieldState: {
-            error
-          }
-        }) => isSkeleton ? /* @__PURE__ */ jsx(SKTRHFCheckbox, {}) : /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsx(FormControlLabel, {
+    control: /* @__PURE__ */ jsx(Controller, {
+      name,
+      control,
+      render: ({
+        field,
+        fieldState: {
+          error
+        }
+      }) => {
+        if (isSkeleton) {
+          return /* @__PURE__ */ jsx(WrapperSKTRHFCheckbox, {
+            children: /* @__PURE__ */ jsx(SKTCheckSkeleton, {
+              variant: "rectangular"
+            })
+          });
+        }
+        return /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Checkbox, {
             size: sizeCheck,
             ...field,
             checked: field.value
-          }), console.log("Error1", error?.message), error?.message && /* @__PURE__ */ jsx(ErrorLabel, {
+          }), error?.message && /* @__PURE__ */ jsx(ErrorLabel, {
             children: error?.message + ""
           })]
-        })
-      }),
-      ...other
-    }
-  );
+        });
+      }
+    }),
+    ...other
+  });
 }
 export { RHFCheckbox as R };

package/components/hook-form/RHFCheckbox/styles.d.ts

@@ -1,2 +1,13 @@
 /// <reference types="react" />
-export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperSKTRHFCheckbox: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTCheckSkeleton: import("@emotion/styled").StyledComponent<{
+    animation?: false | "wave" | "pulse" | undefined;
+    children?: import("react").ReactNode;
+    classes?: Partial<import("@mui/material").SkeletonClasses> | undefined;
+    height?: string | number | undefined;
+    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
+    variant?: "text" | "rectangular" | "rounded" | "circular" | undefined;
+    width?: string | number | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, keyof import("@mui/material/OverridableComponent").CommonProps | "width" | "height" | "animation" | "children" | "sx" | "variant"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/components/hook-form/RHFPeriod/dictionary.d.ts

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getPeriodComponetsDictionary(): string[];
+export declare const defaultPeriodDictionary: Dictionary;

package/components/hook-form/RHFPeriod/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { RHFPeriodProps } from './types';
+export declare const RHFPeriod: (props: RHFPeriodProps) => JSX.Element;

package/components/hook-form/RHFPeriod/styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WrapperProps } from './types';
+export declare const Wrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ContainerPeriod: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & WrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SKTWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Gap: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFPeriod/types.d.ts

@@ -0,0 +1,29 @@
+export declare type PeriodProps = {
+    name: string;
+    variant?: 'single';
+};
+export declare enum ETimePeriods {
+    YEARS = 0,
+    MONTHS = 1,
+    DAYS = 2
+}
+export declare type PeriodVariant = 'monoperiod' | 'multiperiod';
+export declare type PeriodTime = {
+    id: number;
+    label: string;
+};
+export declare type PeriodType = {
+    variant: PeriodVariant;
+    selPeriodTime: ETimePeriods;
+    singleValue: number | '';
+    years?: number;
+    months?: number;
+    days?: number;
+};
+export interface WrapperProps {
+    error: boolean;
+}
+export declare type RHFPeriodProps = {
+    name: string;
+    variant?: PeriodVariant;
+};

package/components/hook-form/RHFUpload/index.js

@@ -219,10 +219,9 @@ function RHFUploadImage({
   const handleDrop = useCallback((acceptedFiles) => {
     const file = acceptedFiles[0];
     if (file) {
-      setValue(name, {
-        ...file,
+      setValue(name, Object.assign(file, {
         preview: URL.createObjectURL(file)
-      });
+      }));
     }
   }, [setValue]);
   return /* @__PURE__ */ jsx(Controller, {

package/components/hook-form/index.d.ts

@@ -1,4 +1,5 @@
 export { FormProvider } from './FormProvider';
+export type { FormInitialValues, FormStatusLoad } from './FormProvider/types';
 export { RHFAutocomplete } from './RHFAutocomplete';
 export { RHFAutocompleteAsync } from './RHFAutocompleteAsync';
 export { RHFCheckbox } from './RHFCheckbox';
@@ -7,4 +8,7 @@ export { RHFMultiCheckbox } from './RHFMultiCheckbox';
 export { RHFSelect } from './RHFSelect';
 export { RHFTextField } from './RHFTextField';
 export { RHFRadioGroup } from './RHFRadioGroup';
+export { RHFPeriod } from './RHFPeriod';
+export type { PeriodType } from './RHFPeriod/types';
+export { getPeriodComponetsDictionary } from './RHFPeriod/dictionary';
 export * from './RHFUpload';

package/components/index.d.ts

@@ -3,14 +3,17 @@ export * from '../components/hook-form';
 export * from '../components/mui_extended';
 export * from '../components/CompanyLogo';
 export * from './formatters';
+export * from './formatters/types';
 export * from './formatters/dicctionary';
 export { DataGrid } from '../components/DataGrid';
-export type { Column, EditorProps } from 'react-data-grid';
+export * from '../components/DataGrid/formatters';
+export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getDataGridComponentsDictionary as getGridComponentsDictionary } from '../components/DataGrid/dictionary';
 export { TextEditor, NumberEditor } from '../components/DataGrid/components/editors/TextEditor';
 export * from '../components/DynamicFilter';
 export * from '../components/DynamicFilter/dictionary';
+export * from '../components/ErrorLabel';
 export type { FilterFieldApply, RawFilterFieldApply, InitialFilterFieldApply, } from '../components/DynamicFilter/types';
 export * from './CommonActions/';
 export * from './CommonActions/dictionary';

package/components/mui_extended/Accordion/components/AccordionLabel.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { AccordionLabelProps } from '../types';
+export declare const AccordionLabel: (props: AccordionLabelProps) => JSX.Element;

package/components/mui_extended/Accordion/index.js

@@ -1,7 +1,64 @@
-import { Accordion as Accordion$1, AccordionSummary, Skeleton, AccordionDetails } from "@mui/material";
+import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
 import { I as IconButton } from "../IconButton/index.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { jsxs, jsx } from "react/jsx-runtime";
+import { I as Icon } from "../../Icon/index.js";
+import { styled } from "@mui/material/styles";
+import { jsx, jsxs } from "react/jsx-runtime";
+styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  borderRadius: theme.spacing(0.5),
+  height: theme.spacing(4.5),
+  minHeight: theme.spacing(4.5),
+  backgroundColor: theme.palette.background.header,
+  paddingLeft: theme.spacing(2),
+  paddingRight: theme.spacing(2),
+  marginBottom: "0px"
+}));
+const WrapperAccordionLabel = styled("div")(({
+  theme
+}) => ({
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  gap: theme.spacing(2)
+}));
+const Label = styled("span")(({
+  theme
+}) => ({
+  ...theme.typography.subtitle2
+}));
+const AccordionLabel = (props) => {
+  const {
+    isSkeleton,
+    label,
+    SKTWidht,
+    SKTHeight,
+    labelIcon
+  } = props;
+  return /* @__PURE__ */ jsx("div", {
+    children: isSkeleton ? /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
+      children: [labelIcon && /* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: "16px",
+        height: "16px"
+      }), /* @__PURE__ */ jsx(Skeleton, {
+        variant: "text",
+        width: SKTWidht,
+        height: SKTHeight
+      })]
+    }) : /* @__PURE__ */ jsxs(WrapperAccordionLabel, {
+      children: [labelIcon && /* @__PURE__ */ jsx(Icon, {
+        src: labelIcon
+      }), /* @__PURE__ */ jsx(Label, {
+        children: label
+      })]
+    })
+  });
+};
 function Accordion(props) {
   const {
     label,
@@ -9,7 +66,8 @@ function Accordion(props) {
     SKTHeight,
     children,
     accordionProps,
-    summaryProps
+    summaryProps,
+    labelIcon
   } = props;
   const {
     host_static_assets,
@@ -32,11 +90,13 @@ function Accordion(props) {
         src: `${host_static_assets}/${environment_assets}/frontend/components/accordion/assets/icons/expanded.svg`
       }),
       ...summaryProps,
-      children: isSkeleton ? /* @__PURE__ */ jsx(Skeleton, {
-        variant: "text",
-        width: SKTWidht,
-        height: SKTHeight
-      }) : label
+      children: /* @__PURE__ */ jsx(AccordionLabel, {
+        isSkeleton,
+        label,
+        SKTWidht,
+        SKTHeight,
+        labelIcon
+      })
     }), /* @__PURE__ */ jsx(AccordionDetails, {
       children
     })]

package/components/mui_extended/Accordion/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const SKTAccordionWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperAccordionLabel: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Label: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/components/mui_extended/Accordion/types.d.ts

@@ -5,6 +5,10 @@ export declare type AccordionProps = {
     children: ReactNode;
     accordionProps?: MUIAccordionProps;
     summaryProps?: AccordionSummaryProps;
+    labelIcon?: string;
     SKTWidht?: string | number;
     SKTHeight?: string | number;
 };
+export interface AccordionLabelProps extends Pick<AccordionProps, 'label' | 'SKTWidht' | 'SKTHeight' | 'labelIcon'> {
+    isSkeleton: boolean;
+}

package/components/mui_extended/Tab/index.d.ts

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare function Tab(props: any): JSX.Element;
+import { TabProps } from './types';
+export declare function Tab(props: TabProps): JSX.Element;

package/components/mui_extended/Tab/types.d.ts

@@ -0,0 +1,5 @@
+import { TabProps as MUITabProps } from '@mui/material';
+export interface TabProps extends MUITabProps {
+    SKTWidth: string | number;
+    SKTHeight: string | number;
+}

package/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useFormAddEdit } from './useFormAddEdit';
+export { useModal } from './useModal';

package/hooks/useFormAddEdit/index.d.ts

@@ -0,0 +1,6 @@
+import { FormStatusLoad } from '../../components/hook-form/FormProvider/types';
+import { UseFormAddEditProps } from './types';
+export declare const useFormAddEdit: (props: UseFormAddEditProps) => {
+    formValues: import("react-hook-form").FieldValues;
+    statusLoad: FormStatusLoad;
+};

package/hooks/useFormAddEdit/types.d.ts

@@ -0,0 +1,8 @@
+import { FieldValues } from 'react-hook-form';
+import { FormInitialValues } from '../../components/hook-form/FormProvider/types';
+export interface UseFormAddEditProps {
+    objectId?: number;
+    endPoint: string;
+    initialValues: FormInitialValues;
+    formatDataEnpoint?: (data: FieldValues) => FormInitialValues;
+}

package/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export * from './contexts';
-export * from './hooks/useModal';
+export * from './hooks';
 export { Logo } from './assets/Logo';