@uxf/ui 11.72.3 → 11.74.0

package/lightbox/components/lightbox-prev-button.js

@@ -1,14 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LightboxPrevButton = LightboxPrevButton;
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importDefault(require("react"));
-function LightboxPrevButton(props) {
-    return (react_1.default.createElement("button", { className: "uxf-lightbox__button uxf-lightbox__button--prev", onClick: props.onClick, title: "P\u0159edchoz\u00ED" },
-        react_1.default.createElement(icon_1.Icon, { className: "uxf-lightbox__button-icon", name: "chevronLeft" })));
-}
-LightboxPrevButton.displayName = "UxfUiLightboxPrevButton";

package/lightbox/components/use-lightbox-dialog.d.ts

@@ -1,34 +0,0 @@
-import type { Noop } from "@uxf/core/types";
-import { LightboxImageProps } from "../types";
-export interface UseLightboxDialogProps {
-    imageIndex: number;
-    images: LightboxImageProps[];
-    onClose: Noop;
-    onNext: Noop;
-    onPrev: Noop;
-}
-export declare function useLightboxDialog(props: UseLightboxDialogProps): {
-    floatingContext: {
-        x: number;
-        y: number;
-        placement: import("@floating-ui/utils").Placement;
-        strategy: import("@floating-ui/utils").Strategy;
-        middlewareData: import("@floating-ui/core").MiddlewareData;
-        isPositioned: boolean;
-        update: () => void;
-        floatingStyles: React.CSSProperties;
-        open: boolean;
-        onOpenChange: (open: boolean, event?: Event, reason?: import("@floating-ui/react").OpenChangeReason) => void;
-        events: import("@floating-ui/react").FloatingEvents;
-        dataRef: React.MutableRefObject<import("@floating-ui/react").ContextData>;
-        nodeId: string | undefined;
-        floatingId: string;
-        refs: import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
-        elements: import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
-    };
-    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
-    imageCustomContent: import("react").ReactNode;
-    imageSrc: import("@uxf/core/utils/resizer").ImageSource | undefined;
-    setFloating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
-    swipableHandlers: import("@uxf/core-react/swipeable/types").SwipeableHandlers;
-};

package/lightbox/components/use-lightbox-dialog.js

@@ -1,51 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLightboxDialog = useLightboxDialog;
-const react_1 = require("@floating-ui/react");
-const use_on_mount_1 = require("@uxf/core-react/hooks/use-on-mount");
-const use_swipeable_1 = require("@uxf/core-react/swipeable/use-swipeable");
-function useLightboxDialog(props) {
-    const { refs, context } = (0, react_1.useFloating)();
-    const click = (0, react_1.useClick)(context);
-    const role = (0, react_1.useRole)(context);
-    const dismiss = (0, react_1.useDismiss)(context, { outsidePressEvent: "mousedown" });
-    const { getFloatingProps } = (0, react_1.useInteractions)([click, role, dismiss]);
-    (0, use_on_mount_1.useOnMount)(() => {
-        const onKeyDown = (event) => {
-            switch (event.key) {
-                case "ArrowRight":
-                    props.onNext();
-                    break;
-                case "ArrowLeft":
-                    props.onPrev();
-                    break;
-                case "Escape":
-                    props.onClose();
-                    break;
-            }
-        };
-        document.body.style.overflow = "hidden";
-        window.addEventListener("keydown", onKeyDown);
-        return () => {
-            document.body.style.overflow = "auto";
-            window.removeEventListener("keydown", onKeyDown);
-        };
-    });
-    const image = props.images.at(props.imageIndex);
-    const imageSrc = image === null || image === void 0 ? void 0 : image.src;
-    const imageCustomContent = image === null || image === void 0 ? void 0 : image.customContent;
-    const swipableHandlers = (0, use_swipeable_1.useSwipeable)({
-        onSwipedLeft: () => props.onNext(),
-        onSwipedRight: () => props.onPrev(),
-        swipeDuration: 500,
-    });
-    return {
-        floatingContext: context,
-        getFloatingProps,
-        imageCustomContent,
-        imageSrc,
-        setFloating: refs.setFloating,
-        swipableHandlers,
-    };
-}

package/lightbox/context.d.ts

@@ -1,11 +0,0 @@
-import { LightboxImageProps } from "./types";
-type ContextType = {
-    registerImage: (props: LightboxImageProps) => void;
-    unregisterImage: (props: LightboxImageProps) => void;
-    openLightbox: (props: LightboxImageProps) => void;
-    images: LightboxImageProps[];
-    currentImageIndex: number | null;
-};
-export declare const LightboxProvider: import("react").Provider<ContextType>;
-export declare const useLightboxContext: () => ContextType;
-export {};

package/lightbox/context.js

@@ -1,17 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLightboxContext = exports.LightboxProvider = void 0;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const noop_1 = require("@uxf/core/utils/noop");
-const react_1 = require("react");
-const LightboxContext = (0, react_1.createContext)({
-    registerImage: noop_1.noop,
-    unregisterImage: noop_1.noop,
-    openLightbox: noop_1.noop,
-    images: empty_array_1.EMPTY_ARRAY,
-    currentImageIndex: null,
-});
-exports.LightboxProvider = LightboxContext.Provider;
-const useLightboxContext = () => (0, react_1.useContext)(LightboxContext);
-exports.useLightboxContext = useLightboxContext;

package/lightbox/index.d.ts

@@ -1,4 +0,0 @@
-export { Lightbox } from "./lightbox";
-export { useLightbox } from "./use-lightbox";
-export { useLightboxImage } from "./use-lightbox-image";
-export type { LightboxButtonProps, LightboxCustomDialogProps, LightboxImageProps } from "./types";

package/lightbox/index.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLightboxImage = exports.useLightbox = exports.Lightbox = void 0;
-var lightbox_1 = require("./lightbox");
-Object.defineProperty(exports, "Lightbox", { enumerable: true, get: function () { return lightbox_1.Lightbox; } });
-var use_lightbox_1 = require("./use-lightbox");
-Object.defineProperty(exports, "useLightbox", { enumerable: true, get: function () { return use_lightbox_1.useLightbox; } });
-var use_lightbox_image_1 = require("./use-lightbox-image");
-Object.defineProperty(exports, "useLightboxImage", { enumerable: true, get: function () { return use_lightbox_image_1.useLightboxImage; } });

package/lightbox/lightbox.d.ts

@@ -1,14 +0,0 @@
-import React, { type FC, ReactNode } from "react";
-import { type LightboxButtonProps, type LightboxCustomDialogProps } from "./types";
-export interface LightboxProps {
-    CloseButtonElement?: FC<LightboxButtonProps>;
-    DialogElement?: FC<LightboxCustomDialogProps>;
-    NextButtonElement?: FC<LightboxButtonProps>;
-    PrevButtonElement?: FC<LightboxButtonProps>;
-    children: ReactNode;
-    isBackdropCloseDisabled?: boolean;
-}
-export declare function Lightbox(props: LightboxProps): React.JSX.Element;
-export declare namespace Lightbox {
-    var displayName: string;
-}

package/lightbox/lightbox.js

@@ -1,27 +0,0 @@
-"use strict";
-"use client";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Lightbox = Lightbox;
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_1 = __importDefault(require("react"));
-const lightbox_dialog_1 = require("./components/lightbox-dialog");
-const context_1 = require("./context");
-const use_lightbox_1 = require("./use-lightbox");
-function Lightbox(props) {
-    const { images, unregisterImage, openLightbox, imageIndex, registerImage, onNextImage, onPrevImage, onClose } = (0, use_lightbox_1.useLightbox)();
-    const contextValue = {
-        registerImage,
-        unregisterImage,
-        openLightbox,
-        images,
-        currentImageIndex: imageIndex,
-    };
-    return (react_1.default.createElement(context_1.LightboxProvider, { value: contextValue },
-        props.children,
-        (0, is_not_nil_1.isNotNil)(imageIndex) &&
-            ((0, is_not_nil_1.isNotNil)(props.DialogElement) ? (react_1.default.createElement(props.DialogElement, { imageIndex: imageIndex, images: images, onClose: onClose, onNext: onNextImage, onPrev: onPrevImage })) : (react_1.default.createElement(lightbox_dialog_1.LightboxDialog, { CloseButtonElement: props.CloseButtonElement, NextButtonElement: props.NextButtonElement, PrevButtonElement: props.PrevButtonElement, imageIndex: imageIndex, images: images, isBackdropCloseDisabled: props.isBackdropCloseDisabled, onClose: onClose, onNext: onNextImage, onPrev: onPrevImage })))));
-}
-Lightbox.displayName = "UxfUiLightbox";

package/lightbox/lightbox.spec.d.ts

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

package/lightbox/lightbox.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const lightbox_stories_1 = require("./lightbox.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(lightbox_stories_1.Default, null));

package/lightbox/lightbox.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/lightbox/lightbox.stories.js

@@ -1,43 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const image_1 = require("@uxf/core/utils/image");
-const react_1 = __importDefault(require("react"));
-const raster_image_1 = require("../raster-image");
-const index_1 = require("./index");
-const IMAGES = [
-    {
-        src: "/sample-images/sample-1.jpeg",
-        title: "Obr. 1",
-        customContent: "hello world 1",
-        width: 500,
-    },
-    {
-        src: "/sample-images/sample-2.jpg",
-        title: "Obr. 2",
-        customContent: "hello world 2",
-        width: 500,
-    },
-    {
-        src: "/sample-images/sample-3.jpg",
-        title: "Obr. 3",
-        customContent: "hello world 3",
-        width: 500,
-    },
-];
-function Image(props) {
-    const openLightbox = (0, index_1.useLightboxImage)({
-        src: props.src,
-        title: props.title,
-        customContent: props.customContent,
-    });
-    return (react_1.default.createElement("button", { onClick: openLightbox },
-        react_1.default.createElement(raster_image_1.RasterImage, { alt: "", className: "size-56 cursor-pointer object-cover transition-transform hover:scale-105", src: props.src, width: props.width })));
-}
-function Default() {
-    return (react_1.default.createElement(index_1.Lightbox, null,
-        react_1.default.createElement("div", { className: "flex-direction flex gap-2" }, IMAGES.map((image) => (react_1.default.createElement(Image, { customContent: image.customContent, key: (0, image_1.getImgUniqueIdentifier)(image.src), src: image.src, title: image.title, width: image.width }))))));
-}

package/lightbox/types.d.ts

@@ -1,20 +0,0 @@
-import type { Noop } from "@uxf/core/types";
-import { ImageSource } from "@uxf/core/utils/resizer";
-import { type MouseEventHandler, ReactNode } from "react";
-export interface LightboxImageProps {
-    alt?: string;
-    className?: string;
-    customContent?: ReactNode;
-    src: ImageSource;
-    title?: string;
-}
-export interface LightboxButtonProps {
-    onClick: MouseEventHandler;
-}
-export interface LightboxCustomDialogProps {
-    imageIndex: number;
-    images: LightboxImageProps[];
-    onClose: Noop;
-    onNext: Noop;
-    onPrev: Noop;
-}

package/lightbox/types.js

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/lightbox/use-lightbox-image.d.ts

@@ -1,2 +0,0 @@
-import { LightboxImageProps } from "./types";
-export declare function useLightboxImage(props: LightboxImageProps): () => void;

package/lightbox/use-lightbox-image.js

@@ -1,17 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLightboxImage = useLightboxImage;
-const use_on_mount_1 = require("@uxf/core-react/hooks/use-on-mount");
-const react_1 = require("react");
-const context_1 = require("./context");
-function useLightboxImage(props) {
-    const { registerImage, unregisterImage, openLightbox } = (0, context_1.useLightboxContext)();
-    (0, use_on_mount_1.useOnMount)(() => {
-        registerImage(props);
-        return () => {
-            unregisterImage(props);
-        };
-    });
-    return (0, react_1.useCallback)(() => openLightbox(props), [props, openLightbox]);
-}

package/lightbox/use-lightbox.d.ts

@@ -1,11 +0,0 @@
-import { LightboxImageProps } from "./types";
-export declare function useLightbox(): {
-    onPrevImage: () => void;
-    onNextImage: () => void;
-    onClose: () => void;
-    registerImage: (image: LightboxImageProps) => void;
-    unregisterImage: (image: LightboxImageProps) => void;
-    openLightbox: (image: LightboxImageProps) => void;
-    images: LightboxImageProps[];
-    imageIndex: number | null;
-};

package/lightbox/use-lightbox.js

@@ -1,34 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLightbox = useLightbox;
-const empty_array_1 = require("@uxf/core/constants/empty-array");
-const image_1 = require("@uxf/core/utils/image");
-const react_1 = require("react");
-function getModuloIndex(index, length) {
-    return index < 0 ? ((index % length) + length) % length : index % length;
-}
-function useLightbox() {
-    const [images, setImages] = (0, react_1.useState)(empty_array_1.EMPTY_ARRAY);
-    const [imageIndex, setImageIndex] = (0, react_1.useState)(null);
-    const registerImageHandler = (0, react_1.useCallback)((image) => setImages((v) => [...v, image]), []);
-    const unregisterImageHandler = (0, react_1.useCallback)((image) => setImages((v) => v.filter((u) => (0, image_1.getImgUniqueIdentifier)(u.src) !== (0, image_1.getImgUniqueIdentifier)(image.src))), []);
-    const openLightboxHandler = (0, react_1.useCallback)((image) => setImageIndex(images.findIndex((i) => (0, image_1.getImgUniqueIdentifier)(i.src) === (0, image_1.getImgUniqueIdentifier)(image.src))), [images]);
-    const showPrevImageHandler = (0, react_1.useCallback)(() => {
-        setImageIndex((v) => (v === null ? null : getModuloIndex(v - 1, images.length)));
-    }, [images.length]);
-    const showNextImageHandler = (0, react_1.useCallback)(() => {
-        setImageIndex((v) => (v === null ? null : getModuloIndex(v + 1, images.length)));
-    }, [images.length]);
-    const closeHandler = (0, react_1.useCallback)(() => setImageIndex(null), []);
-    return {
-        onPrevImage: showPrevImageHandler,
-        onNextImage: showNextImageHandler,
-        onClose: closeHandler,
-        registerImage: registerImageHandler,
-        unregisterImage: unregisterImageHandler,
-        openLightbox: openLightboxHandler,
-        images,
-        imageIndex,
-    };
-}

package/list-item/index.d.ts

@@ -1,2 +0,0 @@
-export { ListItem } from "./list-item";
-export type { ListItemProps } from "./list-item";

package/list-item/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
-var list_item_1 = require("./list-item");
-Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return list_item_1.ListItem; } });

package/list-item/list-item.d.ts

@@ -1,10 +0,0 @@
-import { UseAnchorProps } from "@uxf/core-react/clickable/use-anchor-props";
-import React, { AnchorHTMLAttributes, ReactNode } from "react";
-import { IconName } from "../icon/types";
-import { NextLink } from "../utils/next-link";
-export interface ListItemProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, "type">, UseAnchorProps {
-    as?: NextLink | "a";
-    endIcon?: IconName;
-    endElement?: ReactNode;
-}
-export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLAnchorElement>>;

package/list-item/list-item.js

@@ -1,45 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ListItem = void 0;
-const use_anchor_props_1 = require("@uxf/core-react/clickable/use-anchor-props");
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-const icon_1 = require("../icon");
-exports.ListItem = (0, react_1.forwardRef)((props, ref) => {
-    // eslint-disable-next-line react/destructuring-assignment
-    const { as = "a", className, children, endElement, endIcon, ...restProps } = props;
-    const Component = as;
-    const anchorProps = (0, use_anchor_props_1.useAnchorProps)({
-        ...restProps,
-        className: (0, cx_1.cx)("uxf-list-item", className),
-    });
-    return (react_1.default.createElement(Component, { ref: ref, ...anchorProps },
-        react_1.default.createElement("span", { className: "uxf-list-item__inner" }, children),
-        endElement && react_1.default.createElement("span", { className: "uxf-list-item__end-element-wrapper" }, endElement),
-        endIcon && (react_1.default.createElement("span", { className: "uxf-list-item__end-icon-wrapper" },
-            react_1.default.createElement(icon_1.Icon, { name: endIcon, size: 24 })))));
-});
-exports.ListItem.displayName = "UxfUiListItem";

package/list-item/list-item.spec.d.ts

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

package/list-item/list-item.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const list_item_stories_1 = require("./list-item.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(list_item_stories_1.Default, null));

package/list-item/list-item.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/list-item/list-item.stories.js

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const icon_1 = require("../icon");
-const index_1 = require("./index");
-function Default() {
-    // eslint-disable-next-line no-console
-    const onClick = console.log;
-    const storyListItem = (react_1.default.createElement("div", { className: "dark:text-white" },
-        react_1.default.createElement(index_1.ListItem, { endIcon: "chevronRight", onClick: onClick }, "Jm\u00E9no p\u0159\u00EDjmen\u00ED"),
-        react_1.default.createElement("div", { className: "border-gray500 border-b" }),
-        react_1.default.createElement(index_1.ListItem, { endIcon: "chevronRight", onClick: onClick },
-            react_1.default.createElement("div", null, "Avatar"),
-            react_1.default.createElement("div", null,
-                react_1.default.createElement("div", null, "Karel Vom\u00E1\u010Dka"),
-                react_1.default.createElement("div", null, "U\u017Eivatel"))),
-        react_1.default.createElement("div", { className: "border-gray500 border-b" }),
-        react_1.default.createElement(index_1.ListItem, { onClick: onClick }, "No end icon"),
-        react_1.default.createElement("div", { className: "border-gray500 border-b" }),
-        react_1.default.createElement(index_1.ListItem, { endElement: react_1.default.createElement(icon_1.Icon, { className: "text-success", name: "camera", size: 24 }), onClick: onClick }, "End element"),
-        react_1.default.createElement(index_1.ListItem, { endElement: react_1.default.createElement(icon_1.Icon, { className: "text-success", name: "camera", size: 24 }), endIcon: "chevronRight", onClick: onClick }, "End element and end icon")));
-    return (react_1.default.createElement("div", { className: "flex" },
-        react_1.default.createElement("div", { className: "grow gap-4 p-4" }, storyListItem)));
-}

package/loader/index.d.ts

@@ -1,2 +0,0 @@
-export { Loader } from "./loader";
-export type { LoaderProps } from "./loader";

package/loader/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-var loader_1 = require("./loader");
-Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return loader_1.Loader; } });

package/loader/loader.d.ts

@@ -1,5 +0,0 @@
-import React, { HTMLAttributes } from "react";
-export interface LoaderProps extends HTMLAttributes<HTMLDivElement> {
-    size?: "default" | "lg" | "sm";
-}
-export declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;

package/loader/loader.js

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Loader = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-exports.Loader = (0, react_1.forwardRef)((props, ref) => {
-    var _a;
-    const loaderClassName = (0, cx_1.cx)("uxf-loader", `uxf-loader--size-${(_a = props.size) !== null && _a !== void 0 ? _a : "default"}`, props.className);
-    return react_1.default.createElement("span", { className: loaderClassName, ref: ref });
-});
-exports.Loader.displayName = "UxfUiLoader";

package/loader/loader.spec.d.ts

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

package/loader/loader.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const loader_stories_1 = require("./loader.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(loader_stories_1.Default, null));

package/loader/loader.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;

package/loader/loader.stories.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-const react_1 = __importDefault(require("react"));
-const loader_1 = require("./loader");
-function Default() {
-    const loaders = (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(loader_1.Loader, { size: "sm" }),
-        react_1.default.createElement(loader_1.Loader, null),
-        react_1.default.createElement(loader_1.Loader, { size: "lg" })));
-    return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
-        react_1.default.createElement("div", { className: "space-x-4 space-y-4 p-8" }, loaders)));
-}

package/lozenge/index.d.ts

@@ -1,3 +0,0 @@
-export { Lozenge } from "./lozenge";
-export type { LozengeProps } from "./lozenge";
-export type { LozengeColor, LozengeVariant } from "./theme";

package/lozenge/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Lozenge = void 0;
-var lozenge_1 = require("./lozenge");
-Object.defineProperty(exports, "Lozenge", { enumerable: true, get: function () { return lozenge_1.Lozenge; } });

package/lozenge/lozenge.d.ts

@@ -1,7 +0,0 @@
-import { LozengeColor, LozengeVariant } from "@uxf/ui/lozenge/theme";
-import React, { HTMLAttributes } from "react";
-export interface LozengeProps extends HTMLAttributes<HTMLDivElement> {
-    color?: LozengeColor;
-    variant?: LozengeVariant;
-}
-export declare const Lozenge: React.ForwardRefExoticComponent<LozengeProps & React.RefAttributes<HTMLDivElement>>;

package/lozenge/lozenge.js

@@ -1,35 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Lozenge = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importStar(require("react"));
-exports.Lozenge = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b;
-    const lozengeClassName = (0, cx_1.cx)("uxf-lozenge", `uxf-lozenge--color-${(_a = props.color) !== null && _a !== void 0 ? _a : "default"}`, `uxf-lozenge--variant-${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`, props.className);
-    return (react_1.default.createElement("div", { className: lozengeClassName, ref: ref },
-        react_1.default.createElement("span", { className: "uxf-lozenge__text" }, props.children)));
-});
-exports.Lozenge.displayName = "UxfLozenge";

package/lozenge/lozenge.spec.d.ts

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

package/lozenge/lozenge.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const lozenge_stories_1 = require("./lozenge.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(lozenge_stories_1.Default, null));

package/lozenge/lozenge.stories.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare function Default(): React.JSX.Element;