trepur_components 1.0.6 → 1.0.7

package/dist/src/lib/components/Timeline/index.js

@@ -1,208 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import Image from '../Image';
-import Column from '../Column';
-import Row from '../Row';
-const Timeline = ({ id, className, isHorizontal = false, items, reverse = false, textCenter, useImages = true, horizontalComponentClasses, isSm = false }) => {
-    const classList = classNames(className, 'w-full list-none overflow-x-auto pb-4');
-    const ulClasses = classNames({
-        'flex-row none-reverse justify-between': !reverse && isHorizontal,
-        'flex-col none-reverse': !reverse && !isHorizontal,
-        'flex-row reverse justify-between': reverse && isHorizontal,
-        'flex-col reverse': reverse && !isHorizontal
-    }, className, 'timeline status-flow relative list-none pl-0 flex');
-    const liClasses = classNames({
-        'text-center': textCenter,
-        'items-center flex-col justify-between': !reverse && isHorizontal,
-        'flex-row none-reverse': !reverse && !isHorizontal,
-        'items-center flex-col-reverse': reverse && isHorizontal,
-        'flex-row-reverse': reverse && !isHorizontal
-    }, 'status-flow-item relative flex flex-auto flex-row leading-tight');
-    const circle = classNames({
-        'horizontal collapse': isHorizontal && isSm,
-        horizontal: isHorizontal && !isSm,
-        vertical: !isHorizontal
-    }, 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black');
-    const circleVerticalBefore = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        top: '0%',
-        left: '49.9%',
-        zIndex: '-1'
-    };
-    const circleVerticalCollapseBefore = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        top: '0%',
-        left: '8.2%',
-        zIndex: '-1'
-    };
-    const lastCircleVerticalBefore = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        top: '0%',
-        left: '49.9%',
-        zIndex: '-1'
-    };
-    const lastCircleVerticalCollapseBefore = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        top: '0%',
-        left: '8.2%',
-        zIndex: '-1'
-    };
-    const circleVerticalAfter = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        bottom: '0%',
-        left: '49.9%',
-        zIndex: '-1'
-    };
-    const firstCircleVerticalAfter = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        bottom: '0%',
-        left: '49.9%',
-        zIndex: '-1'
-    };
-    const circleVerticalCollapseAfter = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        bottom: '0%',
-        left: '8.2%',
-        zIndex: '-1'
-    };
-    const firstCircleVerticalCollapseAfter = {
-        position: 'absolute',
-        display: 'block',
-        borderLeft: '1px solid',
-        borderColor: 'text-primary',
-        content: '""',
-        height: '50%',
-        bottom: '0%',
-        left: '8.2%',
-        zIndex: '-1'
-    };
-    return (React.createElement(Column, { sm: 12, md: 12, lg: 12, xl: 12, id: id, className: classList },
-        React.createElement("div", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
-            let before;
-            if (i % 2 === 0) {
-                before = true;
-            }
-            else {
-                before = false;
-            }
-            let circlePos;
-            if (items.length - 1 > 0) {
-                if (i === 0)
-                    circlePos = 'first-circle';
-                else if (i === items.length - 1)
-                    circlePos = 'last-circle';
-                else
-                    circlePos = 'circle';
-            }
-            let verticalCircleStylesBefore;
-            if (circlePos === 'circle' && isSm) {
-                verticalCircleStylesBefore = circleVerticalCollapseBefore;
-            }
-            else if (circlePos === 'circle' && !isSm) {
-                verticalCircleStylesBefore = circleVerticalBefore;
-            }
-            else if (circlePos === 'last-circle' && isSm) {
-                verticalCircleStylesBefore = lastCircleVerticalCollapseBefore;
-            }
-            else if (circlePos === 'last-circle' && !isSm) {
-                verticalCircleStylesBefore = lastCircleVerticalBefore;
-            }
-            let verticalCircleStylesAfter;
-            if (circlePos === 'circle' && isSm) {
-                verticalCircleStylesAfter = circleVerticalCollapseAfter;
-            }
-            else if (circlePos === 'circle' && !isSm) {
-                verticalCircleStylesAfter = circleVerticalAfter;
-            }
-            else if (circlePos === 'first-circle' && isSm) {
-                verticalCircleStylesAfter = firstCircleVerticalCollapseAfter;
-            }
-            else if (circlePos === 'first-circle' && !isSm) {
-                verticalCircleStylesAfter = firstCircleVerticalAfter;
-            }
-            let horizontalCircleStylesBefore;
-            // if (circlePos === 'circle' && isSm){
-            //     horizontalCircleStylesBefore = circleHorizontalCollapseBefore
-            // } else if (circlePos === 'circle' && !isSm){
-            //     horizontalCircleStylesBefore = circleHorizontalBefore
-            // } else if (circlePos === 'first-circle' && isSm){
-            //     horizontalCircleStylesBefore = firstCircleHorizontalCollapseBefore
-            // } else if (circlePos === 'first-circle' && !isSm){
-            //     horizontalCircleStylesBefore = firstCircleHorizontalBefore
-            // }
-            let horizontalCircleStylesAfter;
-            // if (circlePos === 'circle' && isSm){
-            //     horizontalCircleStylesAfter = circleHorizontalCollapseAfter
-            // } else if (circlePos === 'circle' && !isSm){
-            //     horizontalCircleStylesAfter = circleHorizontalAfter
-            // } else if (circlePos === 'first-circle' && isSm){
-            //     horizontalCircleStylesAfter = firstCircleHorizontalCollapseAfter
-            // } else if (circlePos === 'first-circle' && !isSm){
-            //     horizontalCircleStylesAfter = firstCircleHorizontalAfter
-            // }
-            const horizonalComponentClassList = classNames(horizontalComponentClasses, 'pt-12');
-            if (isHorizontal) {
-                return (React.createElement(Column, { key: `horizontal_col_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4 mb-8` },
-                    React.createElement(Row, { className: horizontalComponentClasses }, before && item.component),
-                    React.createElement(Row, null, useImages
-                        ? (React.createElement("div", { id: circlePos, className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical' },
-                            React.createElement("span", { style: horizontalCircleStylesBefore }),
-                            React.createElement(Image, Object.assign({}, item.centerImageProps)),
-                            React.createElement("span", { style: horizontalCircleStylesAfter })))
-                        : (React.createElement("p", { id: circlePos, className: circle }))),
-                    React.createElement(Row, { className: horizonalComponentClassList }, !before && item.component)));
-            }
-            else {
-                return (React.createElement(Row, { key: `vertical_row_${i + 0}`, id: 'timeline-item', className: `${liClasses} py-4` },
-                    !isSm &&
-                        React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, before && item.component),
-                    React.createElement(Column, { sm: 2, md: 2, lg: 2, xl: 2, id: 'circle-wrapper', className: 'my-auto' }, useImages
-                        ? (React.createElement("div", { id: circlePos, className: isSm ? 'vertical' : 'vertical' },
-                            React.createElement("span", { style: verticalCircleStylesBefore }),
-                            React.createElement(Image, Object.assign({}, item.centerImageProps)),
-                            React.createElement("span", { style: verticalCircleStylesAfter })))
-                        : (React.createElement("p", { id: circlePos, className: circle }))),
-                    isSm &&
-                        React.createElement(Column, { sm: 10, md: 10, lg: 10, xl: 10, className: 'text-center my-auto' }, item.component),
-                    !isSm &&
-                        React.createElement(Column, { sm: 5, md: 5, lg: 5, xl: 5, className: 'text-center my-auto' }, !before && item.component)));
-            }
-        }))));
-};
-export default Timeline;
-//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Timeline/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Timeline/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/lib/components/Tubestops/index.css

@@ -1,97 +0,0 @@
-/* Vertical */
-.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {
-  
-  position: absolute;
-  
-  display: block;
-  
-  content: "";
-  width: 1px;
-  height: 100%;
-  left: 7px;
-  top: -100%
-}
-
-.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {
-  
-  position: absolute;
-  
-  display: block;
- 
-  content: "";
-  width: 1px;
-  height: 100%;
-  left: 7px;
-  top: 40%
-}
-
-/* reverse */
-.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {
-  
-  position: absolute;
-  
-  display: block;
-
-  content: "";
-  width: 1px;
-  height: 100%;
-  right: 7px;
-  top: -100%
-}
-
-.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {
-  
-  position: absolute;
-  
-  display: block;
-
-  content: "";
-  width: 1px;
-  height: 100%;
-  right: 7px;
-  top: 40%
-}
-
-/* Horizontal */
-.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {
-  
-  position: absolute;
-  
-  display: block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  left: -50%;
-  bottom: 7px
-}
-
-.tubestop.flex-row-reverse.none-reverse
-  .status-flow-item:not(:first-child):after {
-  
-  position: absolute;
-  
-  display: block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  right: -50%;
-  top: 7px
-}
-
-/*reverse*/
-.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {
-  left: -50%;
-  bottom: 7px;
-  position: absolute;
-  display: block;
-
-  content: "";
-  width: 100%;
-  height: 1px;
-  right: -50%;
-  top: 7px
-}
-
-/*# sourceMappingURL=index.css.map */

package/dist/src/lib/components/Tubestops/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/lib/components/Tubestops/index.css"],"names":[],"mappings":"AAAA,aAAa;AAEX;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,SAAS;EACT;AAPe;;AAUjB,YAAY;AAEV;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAWf;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,UAAU;EACV,YAAY;EACZ,UAAU;EACV;AAPe;;AAUjB,eAAe;AAEb;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,UAAU;EACV;AAPe;;AAYf;;;EAAA,kBAAe;;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAPe;;AAUjB,UAAU;AAER;EAMA,UAAU;EACV,WAAW;EAIX,kBAAe;EACf,cAAY;;EAEZ,WAAW;EACX,WAAW;EACX,WAAW;EACX,WAAW;EACX;AAlBe","file":"index.css","sourcesContent":["/* Vertical */\n.tubestop.flex-col.none-reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n  \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.none-reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n \n  content: \"\";\n  width: 1px;\n  height: 100%;\n  left: 7px;\n  top: 40%;\n}\n\n/* reverse */\n.tubestop.flex-col.reverse .status-flow-item:not(:first-child):before {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: -100%;\n}\n\n.tubestop.flex-col.reverse .status-flow-item:not(:last-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 1px;\n  height: 100%;\n  right: 7px;\n  top: 40%;\n}\n\n/* Horizontal */\n.tubestop.flex-row.none-reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row-reverse.none-reverse\n  .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n\n/*reverse*/\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  left: -50%;\n  bottom: 7px;\n}\n\n.tubestop.flex-row.reverse .status-flow-item:not(:first-child):after {\n  @apply absolute;\n  @apply block;\n\n  content: \"\";\n  width: 100%;\n  height: 1px;\n  right: -50%;\n  top: 7px;\n}\n"]}

package/dist/src/lib/components/Tubestops/index.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import './index.css';
-export interface Props extends Partial<Pick<HTMLElement, 'className' | 'id'>> {
-    isHorizontal?: boolean;
-    items?: Array<{
-        title: string;
-        subtitle: string;
-    }>;
-    reverse?: boolean;
-    textCenter?: boolean;
-}
-declare const Tubestops: React.FC<Props>;
-export default Tubestops;

package/dist/src/lib/components/Tubestops/index.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import './index.css';
-const Tubestops = ({ id, className, isHorizontal = false, items = [], reverse = false, textCenter = false }) => {
-    const circle = 'w-4 h-4 rounded-full bg-black z-10';
-    const classList = classNames(className, 'w-full list-none');
-    const liClasses = classNames({
-        'text-center': textCenter,
-        'items-center flex-col-reverse justify-between': !reverse && isHorizontal,
-        'flex-row none-reverse': !reverse && !isHorizontal,
-        'items-center flex-col': reverse && isHorizontal,
-        'flex-row-reverse': reverse && !isHorizontal
-    }, 'mb-0 status-flow-item relative flex flex-auto flex-row leading-tight');
-    const ulClasses = classNames({
-        'flex-row none-reverse justify-between': !reverse && isHorizontal,
-        'flex-col none-reverse': !reverse && !isHorizontal,
-        'flex-row reverse justify-between': reverse && isHorizontal,
-        'flex-col reverse': reverse && !isHorizontal
-    }, 'tubestop status-flow relative list-none pl-0 flex');
-    const padding = classNames({
-        'pb-2': !reverse && isHorizontal,
-        'pl-4': !reverse && !isHorizontal,
-        'pt-2': reverse && isHorizontal,
-        'pr-4': reverse && !isHorizontal
-    });
-    return (React.createElement("div", { id: id, className: classList },
-        React.createElement("ul", { className: ulClasses }, items === null || items === void 0 ? void 0 : items.map((item, i) => {
-            const a = isHorizontal
-                ? i === 0
-                    ? ''
-                    : ''
-                : i === 0
-                    ? ''
-                    : 'my-12';
-            return (React.createElement("li", { key: `tubestop_${i + 0}`, className: `${liClasses} ${a}` },
-                React.createElement("span", { className: circle }),
-                React.createElement("div", { className: padding },
-                    React.createElement("p", null, `${item === null || item === void 0 ? void 0 : item.title}${i.toString()}`),
-                    React.createElement("p", null,
-                        React.createElement("small", null, item === null || item === void 0 ? void 0 : item.subtitle)))));
-        }))));
-};
-export default Tubestops;
-//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Tubestops/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Tubestops/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,aAAa,CAAA;AASpB,MAAM,SAAS,GAAoB,CAAC,EAClC,EAAE,EACF,SAAS,EACT,YAAY,GAAG,KAAK,EACpB,KAAK,GAAG,EAAE,EACV,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,KAAK,EACnB,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,oCAAoC,CAAA;IACnD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE,kBAAkB,CAAC,CAAA;IAE3D,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,aAAa,EAAE,UAAU;QACzB,+CAA+C,EAAE,CAAC,OAAO,IAAI,YAAY;QACzE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,uBAAuB,EAAE,OAAO,IAAI,YAAY;QAChD,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,sEAAsE,CAAC,CAAA;IAE1E,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,uCAAuC,EAAE,CAAC,OAAO,IAAI,YAAY;QACjE,uBAAuB,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QAClD,kCAAkC,EAAE,OAAO,IAAI,YAAY;QAC3D,kBAAkB,EAAE,OAAO,IAAI,CAAC,YAAY;KAC7C,EAAE,mDAAmD,CAAC,CAAA;IAEvD,MAAM,OAAO,GAAG,UAAU,CAAC;QACzB,MAAM,EAAE,CAAC,OAAO,IAAI,YAAY;QAChC,MAAM,EAAE,CAAC,OAAO,IAAI,CAAC,YAAY;QACjC,MAAM,EAAE,OAAO,IAAI,YAAY;QAC/B,MAAM,EAAE,OAAO,IAAI,CAAC,YAAY;KACjC,CAAC,CAAA;IAEF,OAAO,CACL,6BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS;QAEpB,4BAAI,SAAS,EAAE,SAAS,IACrB,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAyC,EAAE,CAAS,EAAE,EAAE;YACnE,MAAM,CAAC,GAAG,YAAY;gBACpB,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,EAAE;gBACN,CAAC,CAAC,CAAC,KAAK,CAAC;oBACP,CAAC,CAAC,EAAE;oBACJ,CAAC,CAAC,OAAO,CAAA;YACb,OAAO,CACL,4BACE,GAAG,EAAE,YAAY,CAAC,GAAG,CAAC,EAAE,EACxB,SAAS,EAAE,GAAG,SAAS,IAAI,CAAC,EAAE;gBAE9B,8BAAM,SAAS,EAAE,MAAM,GAAI;gBAC3B,6BAAK,SAAS,EAAE,OAAO;oBACrB,+BAAI,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAK;oBACxC;wBAAG,mCAAQ,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAS,CAAI,CAClC,CACH,CACN,CAAA;QACH,CAAC,CAAC,CACC,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/src/lib/components/UserIcon/index.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { Props as imageProps } from '../Image';
-export interface Props {
-    id?: string;
-    className?: string;
-    name?: string;
-    description?: string;
-    imageProps?: imageProps;
-}
-declare const UserIcon: ({ id, className, name, description, imageProps }: Props) => JSX.Element;
-export default UserIcon;

package/dist/src/lib/components/UserIcon/index.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import Image from '../Image';
-const UserIcon = ({ id, className, name, description, imageProps }) => {
-    const classList = classNames({
-        className: className !== undefined
-    }, 'group flex items-center');
-    imageProps = Object.assign(Object.assign({}, imageProps), { className: classNames(imageProps === null || imageProps === void 0 ? void 0 : imageProps.className, 'shrink-0 h-12 w-12 rounded-full') });
-    return (React.createElement("div", { id: id, className: classList },
-        React.createElement(Image, Object.assign({}, imageProps)),
-        React.createElement("div", { className: 'ltr:ml-3 rtl:mr-3' },
-            React.createElement("p", { className: 'text-xs font-medium' }, name),
-            React.createElement("p", { className: 'text-xs font-medium ' }, description))));
-};
-export default UserIcon;
-//# sourceMappingURL=index.js.map

package/dist/src/lib/components/UserIcon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/UserIcon/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAS9D,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,IAAI,EACJ,WAAW,EACX,UAAU,EACJ,EAAe,EAAE;IACvB,MAAM,SAAS,GAAG,UAAU,CAAC;QAC3B,SAAS,EAAE,SAAS,KAAK,SAAS;KACnC,EAAE,yBAAyB,CAAC,CAAA;IAE7B,UAAU,mCACL,UAAU,KACb,SAAS,EAAE,UAAU,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iCAAiC,CAAC,GAChF,CAAA;IACD,OAAO,CACL,6BAAK,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS;QAC/B,oBAAC,KAAK,oBAAK,UAAU,EAAI;QACzB,6BAAK,SAAS,EAAC,mBAAmB;YAChC,2BAAG,SAAS,EAAC,qBAAqB,IAC/B,IAAI,CACH;YACJ,2BAAG,SAAS,EAAC,sBAAsB,IAChC,WAAW,CACV,CACA,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/src/lib/components/Video/index.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export interface Props {
-    id?: string;
-    className?: string;
-    autoPlay?: boolean;
-    muted?: boolean;
-    poster?: string;
-    mp4File?: string;
-    webmFile?: string;
-    ogvFile?: string;
-    height?: string;
-    width?: string;
-    withControls?: boolean;
-    withPoster?: boolean;
-}
-declare const Video: ({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }: Props) => JSX.Element;
-export default Video;

package/dist/src/lib/components/Video/index.js

@@ -1,9 +0,0 @@
-import React from 'react';
-const Video = ({ id, className, autoPlay, muted, poster, mp4File, webmFile, ogvFile, height, width, withControls }) => {
-    return (React.createElement("video", { id: id, className: className, poster: poster, width: width, height: height, controls: withControls, autoPlay: autoPlay, muted: muted },
-        React.createElement("source", { src: mp4File, type: 'video/mp4' }),
-        webmFile !== null && React.createElement("source", { src: webmFile, type: 'video/webm' }),
-        ogvFile !== undefined && React.createElement("source", { src: ogvFile, type: 'video/ogg' })));
-};
-export default Video;
-//# sourceMappingURL=index.js.map

package/dist/src/lib/components/Video/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/lib/components/Video/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAiBzB,MAAM,KAAK,GAAG,CAAC,EACb,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACN,EAAe,EAAE;IACvB,OAAO,CACL,+BACE,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK;QAEZ,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG;QACxC,QAAQ,KAAK,IAAI,IAAI,gCAAQ,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAC,YAAY,GAAG;QAChE,OAAO,KAAK,SAAS,IAAI,gCAAQ,GAAG,EAAE,OAAO,EAAE,IAAI,EAAC,WAAW,GAAG,CAC7D,CACT,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}