suada-components 1.0.3

package/dist/components/CourseCard/CourseCard.styles.d.ts

@@ -0,0 +1,56 @@
+export declare const ModalRef: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const GridItemContentHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const GridItemTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const DeleteSpan: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const DisabledTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "children" | "className" | "p" | "style" | "color" | "height" | "width" | "display" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "align" | "bgcolor" | "border" | "classes" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "displayPrint" | "textOverflow" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "zIndex" | "position" | "top" | "right" | "bottom" | "left" | "boxShadow" | "maxWidth" | "minWidth" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "lineHeight" | "textAlign" | "textTransform" | "gutterBottom" | "noWrap" | "paragraph" | "sx" | "variant" | "variantMapping">, never>> & string & Omit<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").TypographyTypeMap<{}, "span">>, keyof import("react").Component<any, {}, any>>;
+export declare const ActionConfig: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+    $hoverColor?: string;
+    hoverBackground?: string;
+}>> & string;
+export declare const ToolbarItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isGrid: boolean;
+}>> & string;
+export declare const CardActionBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $switched: boolean;
+}>> & string;
+export declare const StylesCardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $canOpen: boolean;
+}>> & string;
+export declare const StyledChecked: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const VideoProcessingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CourseStatusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $status: boolean;
+}>> & string;
+export declare const ItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TooltipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCardBottomContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledActionsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledActionItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    disabled?: boolean;
+    color?: string;
+}>> & string;
+export declare const StyledCourseContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const ItemBlock: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCourseCardContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export declare const GridItemLessons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    checked?: boolean;
+}>> & string;
+export declare const StyledToolTipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Action: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    disabled?: boolean;
+}>> & string;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GridItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const GridItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GridTableWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledPagination: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const GridItemImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+export declare const GridItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isFromUser?: boolean;
+}>> & string;
+export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/CourseCard/CourseCard.styles.js

@@ -0,0 +1,103 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { styled as MUIStyled } from '@mui/material/styles';
+import { Typography } from '@mui/material';
+// CourseLayout
+export var ModalRef = styled.span(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export var GridItemContentHeader = styled.header(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  text-overflow: ellipsis;\n"])));
+export var GridItemTitle = styled.h3(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 18px;\n  font-weight: 500;\n\n  transition: color 0.3s ease;\n"], ["\n  font-size: 18px;\n  font-weight: 500;\n\n  transition: color 0.3s ease;\n"])));
+export var DeleteSpan = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  color: #ea382a;\n"], ["\n  color: #ea382a;\n"])));
+export var DisabledTypography = styled(Typography)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  color: #7a7a7a;\n  opacity: 0.7;\n"], ["\n  color: #7a7a7a;\n  opacity: 0.7;\n"])));
+export var ActionConfig = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px;\n  transition: 0.3s ease;\n  gap: 6px;\n  border-radius: 5px;\n  &:hover {\n    /* background: ", "; */\n    ", "\n  }\n  svg {\n    font-size: 1rem;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px;\n  transition: 0.3s ease;\n  gap: 6px;\n  border-radius: 5px;\n  &:hover {\n    /* background: ", "; */\n    ", "\n  }\n  svg {\n    font-size: 1rem;\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    pointer-events: none;\n  }\n"])), function (_a) {
+    var hoverBackground = _a.hoverBackground;
+    return hoverBackground || 'rgba(0, 0, 0, 0.1)';
+}, function (_a) {
+    var $hoverColor = _a.$hoverColor;
+    return $hoverColor &&
+        "svg path {\n          fill: ".concat($hoverColor, ";\n           }");
+});
+export var ToolbarItemWrapper = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-column-gap: 25px;\n  width: 100%;\n  box-sizing: border-box;\n  padding-right: 20px;\n  .wrapper {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-column-gap: 25px;\n  width: 100%;\n  box-sizing: border-box;\n  padding-right: 20px;\n  .wrapper {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n  }\n"])));
+export var ContentWrapper = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  margin-top: 30px;\n\n  ", "\n"], ["\n  margin-top: 30px;\n\n  ", "\n"])), function (_a) {
+    var $isGrid = _a.$isGrid;
+    return !$isGrid
+        ? "\n      .card {\n          grid-template-columns:none\n      }\n    "
+        : "\n      .card {\n        display: grid;\n        grid-template-columns: repeat(4, 1fr);\n\n\n        @media (max-width: 1450px) {\n          grid-template-columns: repeat(3, 1fr);\n        }\n      }\n    ";
+});
+export var CardActionBar = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  width: 100%;\n  position: absolute;\n  z-index: 99;\n  box-sizing: border-box;\n  padding: 6px;\n  ", "\n  .action_block {\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n"], ["\n  width: 100%;\n  position: absolute;\n  z-index: 99;\n  box-sizing: border-box;\n  padding: 6px;\n  ", "\n  .action_block {\n    width: 35px;\n    height: 35px;\n    border-radius: 50%;\n    background: rgba(255, 255, 255, 0);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n  }\n"])), function (_a) {
+    var $switched = _a.$switched;
+    return $switched
+        ? "\n    top: 0px;\n    left: 0px;\n    grid-template-columns: 1fr 35px;\n  "
+        : "\n    bottom: 0px;\n    right: 0px;\n    justify-content: end;\n    grid-template-columns: 35px 35px;\n  ";
+});
+export var StylesCardWrapper = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  cursor: ", ";\n  height: 100%;\n  border-radius: 12px !important;\n  &:hover {\n    .action_block {\n      background: rgba(255, 255, 255, 0.59) !important;\n    }\n  }\n"])), function (_a) {
+    var $canOpen = _a.$canOpen;
+    return ($canOpen ? 'pointer' : 'default');
+});
+export var StyledChecked = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"], ["\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 2;\n  background-color: rgb(0 0 0 / 23%);\n"])));
+export var VideoProcessingContainer = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"], ["\n  position: relative;\n  cursor: pointer;\n  .icon_button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n"])));
+export var CourseStatusContainer = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"], ["\n  color: #fff;\n  height: 32px;\n  padding: 4px 12px;\n  text-transform: capitalize;\n  border-radius: 4px;\n  background: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n"])), function (_a) {
+    var $status = _a.$status;
+    return (!$status ? '#EA382A' : '#00905E');
+});
+export var ItemWrapper = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  div {\n    font-size: 13px;\n  }\n"])));
+export var TooltipContent = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  & > :first-child {\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n  div {\n    font-size: 14px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    & > .tooltip-text {\n      font-size: 12px;\n      margin-top: 5px;\n      text-align: center;\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  & > :first-child {\n    font-size: 14px;\n    margin-bottom: 5px;\n  }\n  div {\n    font-size: 14px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    & > .tooltip-text {\n      font-size: 12px;\n      margin-top: 5px;\n      text-align: center;\n    }\n  }\n"])));
+export var StyledCardBottomContainer = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  display: flex;\n  width: 100%;\n  flex-direction: column !important;\n  align-self: flex-end;\n  gap: 10px;\n  padding-bottom: 10px;\n"], ["\n  display: flex;\n  width: 100%;\n  flex-direction: column !important;\n  align-self: flex-end;\n  gap: 10px;\n  padding-bottom: 10px;\n"])));
+export var StyledActionsContainer = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row !important;\n  width: 100%;\n"], ["\n  display: flex;\n  flex-direction: row !important;\n  width: 100%;\n"])));
+export var StyledActionItem = styled.span(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  height: 14px;\n  cursor: ", ";\n  color: ", ";\n  font-size: 14px;\n  padding-bottom: 10px;\n  width: 100%;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 4px;\n  svg path {\n    fill: ", ";\n    width: 16px;\n    height: 16px;\n  }\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n  &:hover {\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  height: 14px;\n  cursor: ", ";\n  color: ", ";\n  font-size: 14px;\n  padding-bottom: 10px;\n  width: 100%;\n  justify-content: center;\n  gap: 8px;\n  padding: 12px 4px;\n  svg path {\n    fill: ", ";\n    width: 16px;\n    height: 16px;\n  }\n  svg {\n    width: 16px;\n    height: 16px;\n  }\n  &:hover {\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? 'default' : 'pointer');
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? '#ccc' : '#68707a');
+}, function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? '#ccc' : '#68707a');
+}, function (_a) {
+    var disabled = _a.disabled, _b = _a.color, color = _b === void 0 ? '#68707a' : _b;
+    return (disabled ? '#ccc' : color);
+}, function (_a) {
+    var disabled = _a.disabled, _b = _a.color, color = _b === void 0 ? '#68707a' : _b;
+    return (disabled ? '#ccc' : color);
+});
+export var StyledCourseContent = styled.span(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n  color: #20a8c6;\n  font-size: 14px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  padding: 8px;\n  justify-content: center;\n  align-items: center;\n  background-color: #edf8fa;\n"], ["\n  color: #20a8c6;\n  font-size: 14px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  padding: 8px;\n  justify-content: center;\n  align-items: center;\n  background-color: #edf8fa;\n"])));
+export var ItemBlock = styled.div(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n  text-transform: capitalize;\n"], ["\n  text-transform: capitalize;\n"])));
+export var StyledItemWrapper = styled.div(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 4px;\n"
+    // gridConfig
+])));
+// gridConfig
+export var StyledCourseCardContent = styled.span(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n  color: #20a8c6;\n  font-size: 14px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  padding: 8px;\n  justify-content: center;\n  align-items: center;\n  background-color: #edf8fa;\n"], ["\n  color: #20a8c6;\n  font-size: 14px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 18px;\n  padding: 8px;\n  justify-content: center;\n  align-items: center;\n  background-color: #edf8fa;\n"])));
+export var GridItemLessons = styled.div(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n  margin-top: 10px;\n  display: flex;\n  gap: 10px;\n  align-items: flex-end;\n  flex-direction: row !important;\n  padding-left: 16px;\n\n  // when card is checked\n  span {\n    background: ", ";\n    color: ", ";\n  }\n  > div {\n    font-size: 12px;\n    position: relative;\n    padding-left: 12px;\n\n    &:before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 5px;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(0, 0, 0, 0.2);\n    }\n\n    :not(:last-child) {\n      margin-right: 10px;\n    }\n  }\n"], ["\n  margin-top: 10px;\n  display: flex;\n  gap: 10px;\n  align-items: flex-end;\n  flex-direction: row !important;\n  padding-left: 16px;\n\n  // when card is checked\n  span {\n    background: ", ";\n    color: ", ";\n  }\n  > div {\n    font-size: 12px;\n    position: relative;\n    padding-left: 12px;\n\n    &:before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 5px;\n      width: 8px;\n      height: 8px;\n      border-radius: 50%;\n      background: rgba(0, 0, 0, 0.2);\n    }\n\n    :not(:last-child) {\n      margin-right: 10px;\n    }\n  }\n"])), function (props) { return (props.checked ? 'none' : '#edf8fa'); }, function (props) { return (props.checked ? '#333333' : '#20a8c6'); });
+export var StyledToolTipContainer = styled.div(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+export var Action = styled.div(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px 10px;\n  transition: 0.3s ease;\n  border-radius: 5px;\n  opacity: ", ";\n  &:hover {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  svg {\n    font-size: 1rem;\n    margin-right: 6px;\n    width: 20px;\n    height: 20px;\n  }\n  svg path {\n    width: 20px;\n    height: 20px;\n    fill: #717882;\n  }\n  /* .MuiTypography-body1 {\n    font-size: 0.875rem;\n  } */\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  padding: 6px 10px;\n  transition: 0.3s ease;\n  border-radius: 5px;\n  opacity: ", ";\n  &:hover {\n    background: rgba(0, 0, 0, 0.1);\n  }\n  svg {\n    font-size: 1rem;\n    margin-right: 6px;\n    width: 20px;\n    height: 20px;\n  }\n  svg path {\n    width: 20px;\n    height: 20px;\n    fill: #717882;\n  }\n  /* .MuiTypography-body1 {\n    font-size: 0.875rem;\n  } */\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? '0.5' : '1');
+});
+export var Wrapper = styled.div(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n  box-sizing: border-box;\n  padding: 0 20px 0 0;\n  text-transform: capitalize;\n"], ["\n  box-sizing: border-box;\n  padding: 0 20px 0 0;\n  text-transform: capitalize;\n"])));
+export var GridItemContent = styled.section(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n  position: relative;\n  z-index: 100;\n  font-size: 16px;\n  color: #333;\n  padding: 16px;\n"], ["\n  position: relative;\n  z-index: 100;\n  font-size: 16px;\n  color: #333;\n  padding: 16px;\n"])));
+export var GridItemWrapper = styled.div(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 12px;\n"])));
+export var GridTableWrapper = styled.div(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n  width: 100%;\n  height: fit-content;\n  flex-shrink: 0;\n  border-radius: 4px;\n  background: #fff;\n  margin-top: 20px;\n  padding: 16px;\n\n  th:last-child {\n    width: 10px;\n  }\n"], ["\n  width: 100%;\n  height: fit-content;\n  flex-shrink: 0;\n  border-radius: 4px;\n  background: #fff;\n  margin-top: 20px;\n  padding: 16px;\n\n  th:last-child {\n    width: 10px;\n  }\n"])));
+export var StyledPagination = styled.div(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n  justify-content: flex-end;\n  display: flex;\n  margin-right: 40px;\n  margin-left: 16px;\n  margin-bottom: 16px;\n  margin-top: 20px;\n"], ["\n  justify-content: flex-end;\n  display: flex;\n  margin-right: 40px;\n  margin-left: 16px;\n  margin-bottom: 16px;\n  margin-top: 20px;\n"])));
+export var GridItemImage = styled.figure(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n  width: 100%;\n  height: 200px;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    vertical-align: middle;\n    transition: transform 0.3s ease;\n  }\n"], ["\n  width: 100%;\n  height: 200px;\n  overflow: hidden;\n\n  img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    vertical-align: middle;\n    transition: transform 0.3s ease;\n  }\n"])));
+export var GridItem = styled.div(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n\n  &:hover {\n    img {\n      transform: scale(1.2);\n    }\n\n    h3 {\n      color: #06c68f;\n    }\n  }\n\n  ", "\n"], ["\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n\n  &:hover {\n    img {\n      transform: scale(1.2);\n    }\n\n    h3 {\n      color: #06c68f;\n    }\n  }\n\n  ", "\n"])), function (_a) {
+    var $isFromUser = _a.$isFromUser;
+    return ($isFromUser &&
+        "\n  figure {\n    position: relative;\n    &:after {\n      content: 'View Analytics';\n      position: absolute;\n      top: 0;\n      opacity: 0;\n      color: #06c68f;\n      left: 0;\n      font-size: 24px;\n      font-weight: 700;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      background: rgba(255, 255, 255, 0.9);\n      width: 100%;\n      height: 100%;\n      transition: opacity 0.3s ease;\n      z-index: 10;\n    }\n  }\n\n  &:hover {\n    figure {\n      &:after {\n        opacity: 1;\n      }\n    }\n  }\n  ") ||
+        '';
+});
+export var Root = MUIStyled('div')(function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = {},
+        _b["& .CourseLayout-paper"] = {
+            backgroundColor: theme.palette.background.paper,
+            border: '2px solid #000',
+            boxShadow: theme.shadows[5],
+            padding: theme.spacing(2, 4, 3),
+        },
+        _b);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32;
+//# sourceMappingURL=CourseCard.styles.js.map

package/dist/components/CourseCard/CourseCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCard.styles.js","sourceRoot":"","sources":["../../../src/components/CourseCard/CourseCard.styles.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAE1C,eAAe;AAEf,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,qEAAA,EAAE,IAAA,CAAA;AAErC,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,iQAAA,8LAQjD,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,EAAE,kJAAA,+EAKrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,0FAAA,uBAEpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,2GAAA,wCAGnD,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,sXAIpC,iLASmB,EAAwE,YACvF,EAIO,kHAUZ,KAfoB,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAAe,OAAA,eAAe,IAAI,oBAAoB;AAAvC,CAAuC,EACvF,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,WAAW;QACX,sCACY,WAAW,oBAChB;AAHP,CAGO,CAUZ,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,4UAAA,yQAa3C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,sGAAsB,6BAG1D,EAiBC,IACJ,KAlBG,UAAC,EAAW;QAAT,OAAO,aAAA;IACV,OAAA,CAAC,OAAO;QACN,CAAC,CAAC,sEAIH;QACC,CAAC,CAAC,+MAUH;AAhBD,CAgBC,CACJ,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,mZAAwB,yGAM3D,EAYD,qOAWF,KAvBG,UAAC,EAAa;QAAX,SAAS,eAAA;IACZ,OAAA,SAAS;QACP,CAAC,CAAC,2EAIL;QACG,CAAC,CAAC,2GAKL;AAXC,CAWD,CAWF,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,4VAAuB,qHAKtD,EAAmF,gKAQ9F,KARW,UAAC,EAAmC;QAAjC,QAAQ,cAAA;IAAsC,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAlC,CAAkC,CAQ9F,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wMAAA,mIAQtC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,0OAAA,qKASjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAAG,MAAM,CAAC,GAAG,iRAAsB,+HAMrD,EAA2D,2EAI1E,KAJe,UAAC,EAAW;QAAT,OAAO,aAAA;IAAe,OAAA,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAlC,CAAkC,CAI1E,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,0LAAA,qHAOpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,obAAA,+WAoBvC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,iNAAA,4IAOlD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,8IAAA,yEAI/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,2eAGzC,yEAIU,EAAoF,cACrF,EAAiF,yJAQhF,EAAiF,0HAShF,EAAwE,iCAEvE,EAAwE,iBAGrF,KAvBW,UAAC,EAAoC;QAAlC,QAAQ,cAAA;IAAuC,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAlC,CAAkC,EACrF,UAAC,EAAoC;QAAlC,QAAQ,cAAA;IAAuC,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA/B,CAA+B,EAQhF,UAAC,EAAoC;QAAlC,QAAQ,cAAA;IAAuC,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;AAA/B,CAA+B,EAShF,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA;IAAe,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAA3B,CAA2B,EAEvE,UAAC,EAA+B;QAA7B,QAAQ,cAAA,EAAE,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA;IAAe,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAA3B,CAA2B,CAGrF,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,IAAI,ySAAA,oOAW7C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,wGAAA,mCAElC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,0KAAA,qGAK1C;IAED,aAAa;IAFZ,CAAA;AAED,aAAa;AAEb,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,IAAI,ySAAA,oOAWjD,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8oBAAuB,oMAU9C,EAAuD,gBAC5D,EAA0D,iXAsBtE,KAvBiB,UAAC,KAAK,IAAa,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,EAApC,CAAoC,EAC5D,UAAC,KAAK,IAAa,OAAA,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,EAAvC,CAAuC,CAsBtE,CAAA;AACD,MAAM,CAAC,IAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,yFAAA,oBAE/C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,mgBAAwB,oJAO3C,EAA0E,wSAkBtF,KAlBY,UAAC,EAAoC;QAAlC,QAAQ,cAAA;IAAuC,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAAxB,CAAwB,CAkBtF,CAAA;AACD,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,2JAAA,sFAIhC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,OAAO,uKAAA,kGAM5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,iIAAA,4DAIxC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,mQAAA,8LAYzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,mNAAA,8IAOzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,MAAM,gRAAA,2MAYzC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,mQAA2B,wLAezD,EAiCE,IACL,KAlCG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,CAAC,WAAW;QACV,ujBA8BH,CAAC;QACA,EAAE;AAhCF,CAgCE,CACL,CAAA;AAED,MAAM,CAAC,IAAM,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,UAAC,EAAS;;QAAP,KAAK,WAAA;IAAO,OAAA;QAClD,GAAC,uBAAuB,IAAG;YACzB,eAAe,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK;YAC/C,MAAM,EAAE,gBAAgB;YACxB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3B,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;SAChC;WACD;AAPkD,CAOlD,CAAC,CAAA"}

package/dist/components/CourseCard/CourseCardActionsConfig.d.ts

@@ -0,0 +1,2 @@
+import { IAction, IActionHandlerType, IPermissionsBool, TranslationFunction } from './CourseCard.interface';
+export declare const actionConfig: (handleClick: IActionHandlerType, permission: IPermissionsBool, t: TranslationFunction) => IAction[];

package/dist/components/CourseCard/CourseCardActionsConfig.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Edit } from '../../icons/Edit';
+import Typography from '@mui/material/Typography';
+import { ActionConfig, DeleteSpan, DisabledTypography } from './CourseCard.styles';
+import React from 'react';
+import { PlayButton } from '../../icons/PlayButton';
+import { PlayGrayButton } from '../../icons/GrayPlayButton';
+import { Delete } from '../../icons/Delete';
+import { GrayDownload } from '../../icons/GrayDownloadIcon';
+import { DownloadIcon } from '../../icons/DownloadIcon';
+var getTypographyAndIcon = function (isEnabled, Icon, GrayIcon) {
+    return {
+        TypographyComponent: isEnabled ? Typography : DisabledTypography,
+        IconComponent: isEnabled ? Icon : GrayIcon,
+    };
+};
+export var actionConfig = function (handleClick, permission, t) { return [
+    {
+        render: function (item) {
+            return !item.isBought ? (_jsxs(ActionConfig, { className: 'edit', onClick: function () { return handleClick('editCourse', item); }, children: [_jsx(Edit, {}), _jsx(Typography, { children: t('actions.edit') })] })) : (_jsx(React.Fragment, {}));
+        },
+    },
+    {
+        // Currently, the text is styled to appear disabled as the feature is not yet implemented
+        render: function () {
+            var _a = getTypographyAndIcon(false, DownloadIcon, GrayDownload), TypographyComponent = _a.TypographyComponent, IconComponent = _a.IconComponent;
+            return (_jsxs(ActionConfig, { children: [_jsx(IconComponent, {}), _jsx(TypographyComponent, { children: t('actions.download_syllabus') })] }));
+        },
+    },
+    {
+        // The action is disabled if the course does not have an associated video
+        render: function (item) {
+            var _a = getTypographyAndIcon(!!item.video, PlayButton, PlayGrayButton), TypographyComponent = _a.TypographyComponent, IconComponent = _a.IconComponent;
+            return (_jsxs(ActionConfig, { onClick: function () { return handleClick('playIntro', item); }, disabled: !item.video, children: [_jsx(IconComponent, {}), _jsx(TypographyComponent, { children: t('actions.play_intro') })] }));
+        },
+    },
+    {
+        hide: !permission.deleteCourse,
+        render: function (item) { return (_jsxs(ActionConfig, { className: 'delete', onClick: function () { return handleClick('deleteCourse', item.id); }, children: [_jsx(Delete, {}), _jsx(DeleteSpan, { children: t('actions.delete') })] })); },
+    },
+]; };
+//# sourceMappingURL=CourseCardActionsConfig.js.map

package/dist/components/CourseCard/CourseCardActionsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseCardActionsConfig.js","sourceRoot":"","sources":["../../../src/components/CourseCard/CourseCardActionsConfig.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,UAAU,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAQlF,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEvD,IAAM,oBAAoB,GAAG,UAC3B,SAAkB,EAClB,IAAuB,EACvB,QAA2B;IAE3B,OAAO;QACL,mBAAmB,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,kBAAkB;QAChE,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ;KAC3C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,WAA+B,EAC/B,UAA4B,EAC5B,CAAsB,IACR,OAAA;IACd;QACE,MAAM,EAAE,UAAC,IAAa;YACpB,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACtB,MAAC,YAAY,IAAC,SAAS,EAAC,MAAM,EAAC,OAAO,EAAE,cAAY,OAAA,WAAW,CAAC,YAAY,EAAE,IAAI,CAAC,EAA/B,CAA+B,aACjF,KAAC,IAAI,KAAG,EACR,KAAC,UAAU,cAAE,CAAC,CAAC,cAAc,CAAC,GAAc,IAC/B,CAChB,CAAC,CAAC,CAAC,CACF,KAAC,KAAK,CAAC,QAAQ,KAAG,CACnB,CAAA;QACH,CAAC;KACF;IACD;QACE,yFAAyF;QACzF,MAAM,EAAE;YACA,IAAA,KAAyC,oBAAoB,CACjE,KAAK,EACL,YAAY,EACZ,YAAY,CACb,EAJO,mBAAmB,yBAAA,EAAE,aAAa,mBAIzC,CAAA;YACD,OAAO,CACL,MAAC,YAAY,eACX,KAAC,aAAa,KAAG,EACjB,KAAC,mBAAmB,cAAE,CAAC,CAAC,2BAA2B,CAAC,GAAuB,IAC9D,CAChB,CAAA;QACH,CAAC;KACF;IACD;QACE,yEAAyE;QACzE,MAAM,EAAE,UAAC,IAAa;YACd,IAAA,KAAyC,oBAAoB,CACjE,CAAC,CAAC,IAAI,CAAC,KAAK,EACZ,UAAU,EACV,cAAc,CACf,EAJO,mBAAmB,yBAAA,EAAE,aAAa,mBAIzC,CAAA;YACD,OAAO,CACL,MAAC,YAAY,IAAC,OAAO,EAAE,cAAY,OAAA,WAAW,CAAC,WAAW,EAAE,IAAI,CAAC,EAA9B,CAA8B,EAAE,QAAQ,EAAE,CAAC,IAAI,CAAC,KAAK,aACtF,KAAC,aAAa,KAAG,EACjB,KAAC,mBAAmB,cAAE,CAAC,CAAC,oBAAoB,CAAC,GAAuB,IACvD,CAChB,CAAA;QACH,CAAC;KACF;IACD;QACE,IAAI,EAAE,CAAC,UAAU,CAAC,YAAY;QAC9B,MAAM,EAAE,UAAC,IAAa,IAAkB,OAAA,CACtC,MAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAY,OAAA,WAAW,CAAC,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,EAApC,CAAoC,aACxF,KAAC,MAAM,KAAG,EACV,KAAC,UAAU,cAAE,CAAC,CAAC,gBAAgB,CAAC,GAAc,IACjC,CAChB,EALuC,CAKvC;KACF;CACF,EAtDe,CAsDf,CAAA"}

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

@@ -0,0 +1 @@
+export { CourseCard } from "./CourseCard";

package/dist/components/CourseCard/index.js

@@ -0,0 +1,2 @@
+export { CourseCard } from "./CourseCard";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CourseCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IDatePickerProps } from './datePicker.interface';
+export declare const DatePicker: ({ touched, error, errorMessage, value, onChange, }: IDatePickerProps) => ReactElement;

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,39 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { TextField, Typography } from '@mui/material';
+import { AdapterDateFns } from '@mui/x-date-pickers/AdapterDateFns';
+import { StyledDatePickerWrapper, classes } from './styled-components';
+import { DesktopDatePicker, LocalizationProvider } from '@mui/x-date-pickers';
+export var DatePicker = function (_a) {
+    var touched = _a.touched, error = _a.error, errorMessage = _a.errorMessage, _b = _a.value, value = _b === void 0 ? null : _b, _c = _a.onChange, onChange = _c === void 0 ? function () { return undefined; } : _c;
+    var ref = useRef(null);
+    return (_jsxs(StyledDatePickerWrapper, { className: "".concat(error && touched ? 'error' : ''), ref: ref, children: [_jsx(LocalizationProvider, { dateAdapter: AdapterDateFns, children: _jsx(DesktopDatePicker, { className: classes.datePicker, 
+                    // label={label || 'Select'}
+                    value: typeof value === 'string' ? new Date(value) : value, 
+                    // onChange={handleChange}
+                    format: 'dd.MM.yyyy', onChange: function (date) { return onChange(date); }, slotProps: {
+                        popper: {
+                            anchorEl: ref.current,
+                        },
+                    }, slots: {
+                        textField: function (params) { return (_jsx(TextField, __assign({}, params, { variant: 'outlined', error: error && touched, InputLabelProps: {
+                                style: { top: '-6px' },
+                            }, sx: {
+                                '& .MuiIconButton-root': {
+                                    color: '#08C694',
+                                },
+                            } }))); },
+                    }, minDate: new Date('1900-01-01'), maxDate: new Date() }) }), error && touched && (_jsx(Typography, { variant: 'caption', color: 'error', children: errorMessage }))] }));
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAgB,MAAM,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAA;AACnE,OAAO,EAAE,uBAAuB,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA;AAEtE,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC7E,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMR;QALjB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,gBAAgC,EAAhC,QAAQ,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAEhC,IAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAExB,OAAO,CACL,MAAC,uBAAuB,IAAC,SAAS,EAAE,UAAG,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,GAAG,EAAE,GAAG,aAChF,KAAC,oBAAoB,IAAC,WAAW,EAAE,cAAc,YAC/C,KAAC,iBAAiB,IAChB,SAAS,EAAE,OAAO,CAAC,UAAU;oBAC7B,4BAA4B;oBAC5B,KAAK,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK;oBAC1D,0BAA0B;oBAC1B,MAAM,EAAC,YAAY,EACnB,QAAQ,EAAE,UAAC,IAAI,IAAW,OAAA,QAAQ,CAAC,IAAI,CAAC,EAAd,CAAc,EACxC,SAAS,EAAE;wBACT,MAAM,EAAE;4BACN,QAAQ,EAAE,GAAG,CAAC,OAAO;yBACtB;qBACF,EACD,KAAK,EAAE;wBACL,SAAS,EAAE,UAAC,MAAM,IAAkB,OAAA,CAClC,KAAC,SAAS,eACJ,MAAM,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,IAAI,OAAO,EACvB,eAAe,EAAE;gCACf,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE;6BACvB,EACD,EAAE,EAAE;gCACF,uBAAuB,EAAE;oCACvB,KAAK,EAAE,SAAS;iCACjB;6BACF,IACD,CACH,EAdmC,CAcnC;qBACF,EACD,OAAO,EAAE,IAAI,IAAI,CAAC,YAAY,CAAC,EAC/B,OAAO,EAAE,IAAI,IAAI,EAAE,GACnB,GACmB,EACtB,KAAK,IAAI,OAAO,IAAI,CACnB,KAAC,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,YACxC,YAAY,GACF,CACd,IACuB,CAC3B,CAAA;AACH,CAAC,CAAA"}

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDatePickerProps } from './datePicker.interface';
+declare const _default: Meta;
+export default _default;
+export declare const Default: import("@storybook/core/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDatePickerProps>;

package/dist/components/DatePicker/DatePicker.stories.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DatePicker } from './DatePicker';
+export default {
+    title: 'Components/DatePicker',
+    component: DatePicker,
+    tags: ['autodocs'],
+    decorators: [
+        function (Story) { return (_jsx("div", { style: { display: 'flex', justifyContent: 'center', alignItems: 'center' }, children: _jsx("div", { style: { padding: '20px', maxWidth: '300px' }, children: _jsx(Story, {}) }) })); },
+    ],
+};
+var Template = function (args) { return _jsx(DatePicker, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    touched: false,
+    error: false,
+    errorMessage: '',
+    value: null,
+    onChange: function () { },
+};
+//# sourceMappingURL=DatePicker.stories.js.map

package/dist/components/DatePicker/DatePicker.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.stories.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,UAAA,KAAK,IAAI,OAAA,CACP,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,YAC7E,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,YAChD,KAAC,KAAK,KAAG,GACL,GACF,CACP,EANQ,CAMR;KACF;CACM,CAAA;AAET,IAAM,QAAQ,GAA8B,UAAA,IAAI,IAAI,OAAA,KAAC,UAAU,eAAK,IAAI,EAAI,EAAxB,CAAwB,CAAA;AAE5E,MAAM,CAAC,IAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AACxC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,EAAE;IAChB,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,cAAO,CAAC;CACnB,CAAA"}

package/dist/components/DatePicker/datePicker.interface.d.ts

@@ -0,0 +1,11 @@
+export interface IDatePickerProps {
+    error?: boolean;
+    errorMessage?: string;
+    name?: string;
+    label?: string;
+    touched?: boolean;
+    value?: Date | string | null;
+    onChange?: (date: Date | null) => void;
+    styles?: React.CSSProperties;
+    format?: string;
+}

package/dist/components/DatePicker/datePicker.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=datePicker.interface.js.map

package/dist/components/DatePicker/datePicker.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePicker.interface.js","sourceRoot":"","sources":["../../../src/components/DatePicker/datePicker.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export { DatePicker } from './DatePicker';

package/dist/components/DatePicker/index.js

@@ -0,0 +1,2 @@
+export { DatePicker } from './DatePicker';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/DatePicker/styled-components.d.ts

@@ -0,0 +1,7 @@
+export declare const DatePickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const classes: {
+    datePicker: string;
+};
+export declare const StyledDatePickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;

package/dist/components/DatePicker/styled-components.js

@@ -0,0 +1,24 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var DatePickerWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 100%;\n\n  &.error label {\n    color: #f44336;\n  }\n\n  &.error .MuiInputBase-root::before {\n    border-bottom: 2px solid #f44336;\n  }\n\n  div > p,\n  > p {\n    position: absolute;\n    bottom: -26px;\n    color: #f44336;\n    font-size: 0.75rem;\n  }\n"], ["\n  position: relative;\n  width: 100%;\n\n  &.error label {\n    color: #f44336;\n  }\n\n  &.error .MuiInputBase-root::before {\n    border-bottom: 2px solid #f44336;\n  }\n\n  div > p,\n  > p {\n    position: absolute;\n    bottom: -26px;\n    color: #f44336;\n    font-size: 0.75rem;\n  }\n"])));
+var PREFIX = 'DatePicker';
+export var classes = {
+    datePicker: "".concat(PREFIX, "-datePicker"),
+};
+export var StyledDatePickerWrapper = styled('div')(function () {
+    var _a;
+    return (_a = {},
+        _a["& .".concat(classes.datePicker)] = {
+            marginTop: 0,
+            width: '100%',
+            '& .MuiOutlinedInput-root': {
+                height: '40px',
+            },
+        },
+        _a);
+});
+var templateObject_1;
+//# sourceMappingURL=styled-components.js.map

package/dist/components/DatePicker/styled-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-components.js","sourceRoot":"","sources":["../../../src/components/DatePicker/styled-components.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,0WAAA,uSAmB1C,IAAA,CAAA;AAED,IAAM,MAAM,GAAG,YAAY,CAAA;AAE3B,MAAM,CAAC,IAAM,OAAO,GAAG;IACrB,UAAU,EAAE,UAAG,MAAM,gBAAa;CACnC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;;IAAM,OAAA;QACzD,GAAC,aAAM,OAAO,CAAC,UAAU,CAAE,IAAG;YAC5B,SAAS,EAAE,CAAC;YACZ,KAAK,EAAE,MAAM;YACb,0BAA0B,EAAE;gBAC1B,MAAM,EAAE,MAAM;aACf;SACF;WACD;AARyD,CAQzD,CAAC,CAAA"}

package/dist/components/DrawerTips/DrawerTips.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { IDrawerTipsProps } from './drawerTips.interface';
+export declare const DrawerTips: ({ tips, rememberText }: IDrawerTipsProps) => ReactElement;

package/dist/components/DrawerTips/DrawerTips.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { DrawerTipsContainer, styles, TipItem } from './styled-component';
+export var DrawerTips = function (_a) {
+    var tips = _a.tips, rememberText = _a.rememberText;
+    var renderRememberText = function (text) {
+        var words = text.split(' ');
+        if (words.length) {
+            return (_jsxs(_Fragment, { children: [_jsx("strong", { children: words[0] }), words.slice(1).join(' ')] }));
+        }
+        return null;
+    };
+    return (_jsxs(DrawerTipsContainer, { children: [tips.map(function (tip, index) { return (_jsxs(TipItem, { children: [_jsx("img", { src: tip.icon, alt: 'tipSVG', style: styles.svg }), _jsx("span", { children: tip.text })] }, index)); }), rememberText && _jsx("div", { children: renderRememberText(rememberText) })] }));
+};
+//# sourceMappingURL=DrawerTips.js.map

package/dist/components/DrawerTips/DrawerTips.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTips.js","sourceRoot":"","sources":["../../../src/components/DrawerTips/DrawerTips.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAEzE,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAwC;QAAtC,IAAI,UAAA,EAAE,YAAY,kBAAA;IAC7C,IAAM,kBAAkB,GAAG,UAAC,IAAY;QACtC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC7B,IAAI,KAAK,CAAC,MAAM,EAAE,CAAC;YACjB,OAAO,CACL,8BACE,2BAAS,KAAK,CAAC,CAAC,CAAC,GAAU,EAC1B,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IACxB,CACJ,CAAA;QACH,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,OAAO,CACL,MAAC,mBAAmB,eACjB,IAAI,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK,IAAK,OAAA,CACxB,MAAC,OAAO,eACN,cAAK,GAAG,EAAE,GAAG,CAAC,IAAI,EAAE,GAAG,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAI,EACtD,yBAAO,GAAG,CAAC,IAAI,GAAQ,KAFX,KAAK,CAGT,CACX,EALyB,CAKzB,CAAC,EACD,YAAY,IAAI,wBAAM,kBAAkB,CAAC,YAAY,CAAC,GAAO,IAC1C,CACvB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/DrawerTips/DrawerTips.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { IDrawerTipsProps } from './drawerTips.interface';
+declare const _default: Meta;
+export default _default;
+export declare const DefaultDrawerTips: import("@storybook/core/types").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, IDrawerTipsProps>;

package/dist/components/DrawerTips/DrawerTips.stories.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { DrawerTips } from './DrawerTips';
+export default {
+    title: 'Components/DrawerTips',
+    component: DrawerTips,
+    tags: ['autodocs', 'DrawerTips'],
+    parameters: {
+        layout: 'centered',
+    },
+};
+var Template = function (args) { return _jsx(DrawerTips, __assign({}, args)); };
+export var DefaultDrawerTips = Template.bind({});
+DefaultDrawerTips.args = {
+    tips: [
+        { icon: 'https://via.placeholder.com/32', text: 'Tip 1: Remember to save your work.' },
+        { icon: 'https://via.placeholder.com/32', text: 'Tip 2: Check your email regularly.' },
+    ],
+    rememberText: 'Remember: Always backup your data.',
+};
+//# sourceMappingURL=DrawerTips.stories.js.map

package/dist/components/DrawerTips/DrawerTips.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTips.stories.js","sourceRoot":"","sources":["../../../src/components/DrawerTips/DrawerTips.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAGzC,eAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,IAAI,EAAE,CAAC,UAAU,EAAE,YAAY,CAAC;IAChC,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACM,CAAA;AAET,IAAM,QAAQ,GAA8B,UAAA,IAAI,IAAI,OAAA,KAAC,UAAU,eAAK,IAAI,EAAI,EAAxB,CAAwB,CAAA;AAE5E,MAAM,CAAC,IAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAClD,iBAAiB,CAAC,IAAI,GAAG;IACvB,IAAI,EAAE;QACJ,EAAE,IAAI,EAAE,gCAAgC,EAAE,IAAI,EAAE,oCAAoC,EAAE;QACtF,EAAE,IAAI,EAAE,gCAAgC,EAAE,IAAI,EAAE,oCAAoC,EAAE;KACvF;IACD,YAAY,EAAE,oCAAoC;CACnD,CAAA"}

package/dist/components/DrawerTips/drawerTips.interface.d.ts

@@ -0,0 +1,8 @@
+export interface IDrawerTipsProps {
+    tips: ITip[];
+    rememberText?: string;
+}
+export interface ITip {
+    icon: string;
+    text: string;
+}

package/dist/components/DrawerTips/drawerTips.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=drawerTips.interface.js.map

package/dist/components/DrawerTips/drawerTips.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawerTips.interface.js","sourceRoot":"","sources":["../../../src/components/DrawerTips/drawerTips.interface.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1 @@
+export { DrawerTips } from './DrawerTips';

package/dist/components/DrawerTips/index.js

@@ -0,0 +1,2 @@
+export { DrawerTips } from './DrawerTips';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/DrawerTips/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/DrawerTips/styled-component.d.ts

@@ -0,0 +1,9 @@
+export declare const TipItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const DrawerTipsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledRememberText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const styles: {
+    svg: {
+        width: string;
+        height: string;
+    };
+};

package/dist/components/DrawerTips/styled-component.js

@@ -0,0 +1,16 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+export var TipItem = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-weight: 400 !important;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-bottom: 8px;\n  font-weight: 400 !important;\n"])));
+export var DrawerTipsContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n"])));
+export var StyledRememberText = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  font-weight: 400 !important;\n"], ["\n  display: flex;\n  font-weight: 400 !important;\n"])));
+export var styles = {
+    svg: {
+        width: '32px',
+        height: '32px',
+    },
+};
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styled-component.js.map

package/dist/components/DrawerTips/styled-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled-component.js","sourceRoot":"","sources":["../../../src/components/DrawerTips/styled-component.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,qLAAA,kHAMhC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,iIAAA,8DAI5C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,yHAAA,sDAG3C,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,GAAG,EAAE;QACH,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;KACf;CACF,CAAA"}

package/dist/components/DropDown/DropDown.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { ISelectFieldProps } from './DropDown.interface';
+export declare const DropDown: (props: ISelectFieldProps) => ReactElement;