mosuk-ui 1.0.9 → 1.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mosuk-ui",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "author": "mosuk",
   "license": "MIT",
   "private": false,
@@ -257,16 +257,6 @@
         "default": "./components/display/file/skeleton/index.js"
       }
     },
-    "./components/display/image/(images)/component": {
-      "import": {
-        "default": "./components/display/image/(images)/component/index.js"
-      }
-    },
-    "./components/display/image/(images)/skeleton": {
-      "import": {
-        "default": "./components/display/image/(images)/skeleton/index.js"
-      }
-    },
     "./components/display/image/component": {
       "import": {
         "default": "./components/display/image/component/index.js"

package/components/display/image/(images)/component/component.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ImagesProps } from './component.interface';
-export declare function Images({ ref, ...rest }: ImagesProps): React.JSX.Element;

package/components/display/image/(images)/component/component.interface.d.ts

@@ -1,5 +0,0 @@
-import { Ref } from 'react';
-import { SwiperProps } from 'swiper/react';
-export interface ImagesProps extends SwiperProps {
-    ref?: Ref<any>;
-}

package/components/display/image/(images)/component/component.interface.js

@@ -1 +0,0 @@
-export {};

package/components/display/image/(images)/component/component.js

@@ -1,49 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import classNames from 'classnames';
-import React, { Children, isValidElement, useImperativeHandle, useRef, } from 'react';
-import { Pagination } from 'swiper/modules';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import { Image } from '../../component/components/component';
-import styles from './component.module.css';
-import { ImagesImage } from './image/component';
-export function Images(_a) {
-    var _b, _c, _d, _e;
-    var ref = _a.ref, rest = __rest(_a, ["ref"]);
-    var swiperRef = useRef(null);
-    useImperativeHandle(ref, function () { return swiperRef.current; });
-    var handleHoverNavigation = function (index) {
-        if (swiperRef.current && swiperRef.current.swiper) {
-            swiperRef.current.swiper.slideTo(index);
-        }
-    };
-    var totalSlides = Children.toArray(rest === null || rest === void 0 ? void 0 : rest.children).filter(function (child) { return isValidElement(child) && child.type === ImagesImage; });
-    return (React.createElement(Image, __assign({ as: Swiper }, rest, { ref: swiperRef, modules: (rest === null || rest === void 0 ? void 0 : rest.modules) ? rest === null || rest === void 0 ? void 0 : rest.modules : [Pagination], speed: (_b = rest === null || rest === void 0 ? void 0 : rest.speed) !== null && _b !== void 0 ? _b : 400, spaceBetween: (_c = rest === null || rest === void 0 ? void 0 : rest.spaceBetween) !== null && _c !== void 0 ? _c : 0, slidesPerView: (_d = rest === null || rest === void 0 ? void 0 : rest.slidesPerView) !== null && _d !== void 0 ? _d : 1, draggable: (_e = rest === null || rest === void 0 ? void 0 : rest.draggable) !== null && _e !== void 0 ? _e : true, pagination: __assign({ clickable: true }, (typeof (rest === null || rest === void 0 ? void 0 : rest.pagination) === 'object' ? rest.pagination : {})), className: classNames('images', styles.images, rest === null || rest === void 0 ? void 0 : rest.className) }),
-        Children.map(rest === null || rest === void 0 ? void 0 : rest.children, function (child, index) {
-            if (isValidElement(child) && child.type === ImagesImage) {
-                return (React.createElement(SwiperSlide, { key: index, className: classNames('images-slide') }, child));
-            }
-            return child;
-        }),
-        totalSlides.length > 1 && (React.createElement("div", { className: styles.areas }, totalSlides.map(function (_, index) { return (React.createElement("div", { key: index, className: styles.area, onMouseEnter: function () { return handleHoverNavigation(index); } })); })))));
-}

package/components/display/image/(images)/component/component.module.css

@@ -1,30 +0,0 @@
-@layer mosuk-ui {
-    @layer index-22 {
-        .areas {
-            display: none;
-        }
-
-        @media (min-width: 769px) {
-            .areas {
-                position: absolute;
-                top: 0;
-                left: 0;
-                z-index: 1;
-
-                width: 100%;
-                height: 100%;
-
-                display: flex;
-                align-items: center;
-                justify-content: center;
-
-                .area {
-                    width: 100%;
-                    height: 100%;
-
-                    pointer-events: auto;
-                }
-            }
-        }
-    }
-}

package/components/display/image/(images)/component/image/component.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { ImagesImageProps } from './component.interface';
-export declare function ImagesImage({ ...rest }: ImagesImageProps): React.JSX.Element;

package/components/display/image/(images)/component/image/component.interface.d.ts

@@ -1,4 +0,0 @@
-import { ElementType } from 'react';
-import { ImageProps as ParentImageProps } from '../../../component/components/component.interface';
-export interface ImagesImageProps extends ParentImageProps<ElementType> {
-}

package/components/display/image/(images)/component/image/component.interface.js

@@ -1 +0,0 @@
-export {};

package/components/display/image/(images)/component/image/component.js

@@ -1,29 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import classNames from 'classnames';
-import React from 'react';
-import { Image } from '../../../component/components/component';
-export function ImagesImage(_a) {
-    var rest = __rest(_a, []);
-    return (React.createElement(Image, __assign({}, rest, { className: classNames('images-image', rest === null || rest === void 0 ? void 0 : rest.className) }), rest === null || rest === void 0 ? void 0 : rest.children));
-}

package/components/display/image/(images)/component/index.d.ts

@@ -1,13 +0,0 @@
-import { Images as BaseImages } from './component';
-import type { ImagesProps } from './component.interface';
-import { ImagesImage } from './image/component';
-import { ImagesImageProps } from './image/component.interface';
-export declare const Images: typeof BaseImages & {
-    Image: typeof ImagesImage;
-};
-export declare namespace Images {
-    type Props = ImagesProps;
-    namespace Image {
-        type Props = ImagesImageProps;
-    }
-}

package/components/display/image/(images)/component/index.js

@@ -1,5 +0,0 @@
-import { Images as BaseImages } from './component';
-import { ImagesImage } from './image/component';
-export var Images = Object.assign(BaseImages, {
-    Image: ImagesImage,
-});

package/components/display/image/(images)/skeleton/component.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ImagesSkeletonImageProps, ImagesSkeletonProps } from './component.interface';
-export declare function ImagesSkeleton({ ...props }: ImagesSkeletonProps): React.JSX.Element;
-export declare function ImagesSkeletonImage({ ...props }: ImagesSkeletonImageProps): React.JSX.Element;

package/components/display/image/(images)/skeleton/component.interface.d.ts

@@ -1,5 +0,0 @@
-import { HTMLAttributes, RefObject, SVGProps } from 'react';
-export type ImagesSkeletonProps = HTMLAttributes<HTMLDivElement>;
-export type ImagesSkeletonImageProps = SVGProps<SVGSVGElement> & {
-    ref?: RefObject<SVGSVGElement>;
-};

package/components/display/image/(images)/skeleton/component.interface.js

@@ -1 +0,0 @@
-export {};

package/components/display/image/(images)/skeleton/component.js

@@ -1,35 +0,0 @@
-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);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Image as ImageIcon } from 'lucide-react';
-import React from 'react';
-import styles from './component.module.css';
-export function ImagesSkeleton(_a) {
-    var _b;
-    var props = __rest(_a, []);
-    return (React.createElement("div", __assign({}, props, { className: "mosuk-image-skeleton ".concat(styles.image, " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') }), props === null || props === void 0 ? void 0 : props.children));
-}
-export function ImagesSkeletonImage(_a) {
-    var _b;
-    var props = __rest(_a, []);
-    return React.createElement(ImageIcon, __assign({}, props, { ref: props === null || props === void 0 ? void 0 : props.ref, className: "".concat(styles.icon, " ").concat((_b = props === null || props === void 0 ? void 0 : props.className) !== null && _b !== void 0 ? _b : '') }));
-}

package/components/display/image/(images)/skeleton/component.module.css

@@ -1,47 +0,0 @@
-@layer mosuk-ui {
-    @layer index-22 {
-        .image {
-            overflow: hidden;
-            position: relative;
-
-            display: flex;
-            align-items: center;
-            justify-content: center;
-
-            aspect-ratio: 1/1;
-            width: 100%;
-            height: fit-content;
-
-            pointer-events: none;
-
-            animation: image-skeleton-animation 1s ease-in-out infinite;
-
-            svg {
-                width: 100%;
-                height: 100%;
-
-                color: var(--color-gray-300, oklch(0.872 0.01 258.338));
-
-                padding: 25%;
-            }
-
-            &:not(:hover) {
-                transition: all 0.6s ease-in-out;
-            }
-        }
-    }
-
-    @keyframes image-skeleton-animation {
-        0% {
-            opacity: 1;
-        }
-
-        50% {
-            opacity: 0.8;
-        }
-
-        100% {
-            opacity: 1;
-        }
-    }
-}

package/components/display/image/(images)/skeleton/index.d.ts

@@ -1,13 +0,0 @@
-import { ImagesSkeletonImage as BaseImagesSkeletonImage } from './component';
-import type { ImagesSkeletonImageProps, ImagesSkeletonProps } from './component.interface';
-export declare function ImagesSkeleton(props: ImagesSkeletonProps): import("react").JSX.Element;
-export declare namespace ImagesSkeleton {
-    var Image: typeof BaseImagesSkeletonImage;
-}
-export declare namespace ImagesSkeleton {
-    type Props = ImagesSkeletonProps;
-    const Image: typeof BaseImagesSkeletonImage;
-    namespace Image {
-        type Props = ImagesSkeletonImageProps;
-    }
-}

package/components/display/image/(images)/skeleton/index.js

@@ -1,7 +0,0 @@
-import { ImagesSkeleton as BaseImagesSkeleton, ImagesSkeletonImage as BaseImagesSkeletonImage, } from './component';
-export function ImagesSkeleton(props) {
-    return BaseImagesSkeleton(props);
-}
-ImagesSkeleton.Image = BaseImagesSkeletonImage;
-(function (ImagesSkeleton) {
-})(ImagesSkeleton || (ImagesSkeleton = {}));