@uxf/ui 11.72.3 → 11.74.0

package/image-gallery/context.d.ts

@@ -1,9 +0,0 @@
-import { ImageGalleryImageProps } from "./types";
-type ContextType = {
-    registerImage: (props: ImageGalleryImageProps) => void;
-    unregisterImage: (props: ImageGalleryImageProps) => void;
-    openGallery: (props: ImageGalleryImageProps) => void;
-};
-export declare const ImageGalleryProvider: import("react").Provider<ContextType>;
-export declare const useImageGalleryContext: () => ContextType;
-export {};

package/image-gallery/context.js

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useImageGalleryContext = exports.ImageGalleryProvider = void 0;
-const react_1 = require("react");
-const ImageGalleryContext = (0, react_1.createContext)({
-    registerImage: () => null,
-    unregisterImage: () => null,
-    openGallery: () => null,
-});
-exports.ImageGalleryProvider = ImageGalleryContext.Provider;
-const useImageGalleryContext = () => (0, react_1.useContext)(ImageGalleryContext);
-exports.useImageGalleryContext = useImageGalleryContext;

package/image-gallery/image-gallery.d.ts

@@ -1,14 +0,0 @@
-import { FC, ReactElement, ReactNode } from "react";
-import { GalleryProps } from "./components/gallery";
-export interface ImageGalleryProps {
-    children: ReactNode;
-    closeButtonTitle?: string;
-    disableBackdropClose?: GalleryProps["disableBackdropClose"];
-    prevButtonElement?: ReactElement;
-    nextButtonElement?: ReactElement;
-    closeButtonElement?: ReactElement;
-}
-/**
- * @deprecated use `Lightbox` instead
- */
-export declare const ImageGallery: FC<ImageGalleryProps>;

package/image-gallery/image-gallery.js

@@ -1,58 +0,0 @@
-"use strict";
-"use client";
-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.ImageGallery = void 0;
-const react_1 = __importStar(require("react"));
-const gallery_1 = require("./components/gallery");
-const context_1 = require("./context");
-/**
- * @deprecated use `Lightbox` instead
- */
-const ImageGallery = (props) => {
-    const [images, setImages] = (0, react_1.useState)([]);
-    const [imageIndex, setImageIndex] = (0, react_1.useState)(null);
-    const registerImage = (0, react_1.useCallback)((image) => setImages((v) => [...v, image]), []);
-    const unregisterImage = (0, react_1.useCallback)((image) => setImages((v) => v.filter((u) => u.src !== image.src)), []);
-    const openGallery = (0, react_1.useCallback)((image) => setImageIndex(images.findIndex((i) => i.src === image.src)), [images]);
-    const onPrevious = (0, react_1.useCallback)(() => {
-        setImageIndex((v) => (v === null ? null : v - 1));
-    }, []);
-    const onNext = (0, react_1.useCallback)(() => {
-        setImageIndex((v) => (v === null ? null : v + 1));
-    }, []);
-    // modulo bug https://stackoverflow.com/a/4467559
-    const moduloImageIndex = imageIndex === null
-        ? null
-        : imageIndex < 0
-            ? ((imageIndex % images.length) + images.length) % images.length
-            : imageIndex % images.length;
-    const contextValue = { registerImage, unregisterImage, openGallery };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(context_1.ImageGalleryProvider, { value: contextValue }, props.children),
-        typeof moduloImageIndex === "number" && (react_1.default.createElement(gallery_1.Gallery, { closeButtonElement: props.closeButtonElement, closeButtonTitle: props.closeButtonTitle, disableBackdropClose: props.disableBackdropClose, imageIndex: moduloImageIndex, images: images, nextButtonElement: props.nextButtonElement, onClose: () => setImageIndex(null), onNext: onNext, onPrevious: onPrevious, prevButtonElement: props.prevButtonElement }))));
-};
-exports.ImageGallery = ImageGallery;
-exports.ImageGallery.displayName = "UxfUiImageGallery";

package/image-gallery/image-gallery.spec.d.ts

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

package/image-gallery/image-gallery.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 image_gallery_stories_1 = require("./image-gallery.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(image_gallery_stories_1.Default, null));

package/image-gallery/image-gallery.stories.d.ts

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

package/image-gallery/image-gallery.stories.js

@@ -1,36 +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 icon_1 = require("../icon");
-const index_1 = require("./index");
-const images = [
-    { src: "https://opentopo.app/hero_image.jpeg", title: "Obr. 1" },
-    {
-        src: "https://opentopo.app/generated/area-18/d/9/d9033d93-ea48-4f66-b0c1-6045c091b326_1024_1024_c.jpg",
-        title: "Obr. 2",
-    },
-    {
-        src: "https://opentopo.app/generated/area-16/f/4/f4a4ca79-ea9e-44d1-a4ec-3c8ccfbcc218_1024_1024_c.jpg",
-        title: "Obr. 3",
-    },
-    {
-        src: "https://opentopo.app/generated/area-1/8/b/8b84e378-1f55-4ce7-b750-b504091cb833_1024_1024_c.jpg",
-        title: "Obr. 4",
-    },
-    {
-        src: "https://opentopo.app/generated/area-2/e/7/e7ec532b-20c2-407e-9305-fa7cfb71f01f_1024_1024_c.jpg",
-        title: "Obr. 5",
-    },
-];
-const nextButtonElement = react_1.default.createElement(icon_1.Icon, { className: "uxf-image-gallery__button-icon", name: "chevronRight" });
-const prevButtonElement = react_1.default.createElement(icon_1.Icon, { className: "uxf-image-gallery__button-icon", name: "chevronLeft" });
-const closeButtonElement = react_1.default.createElement(icon_1.Icon, { className: "uxf-image-gallery__button-icon", name: "xmarkLarge" });
-function Default() {
-    return (react_1.default.createElement(index_1.ImageGallery, { closeButtonElement: closeButtonElement, nextButtonElement: nextButtonElement, prevButtonElement: prevButtonElement },
-        react_1.default.createElement("div", { className: "flex-direction flex gap-2" }, images.map((image, index) => (react_1.default.createElement(index_1.ImageGallery.Image, { className: "size-56 cursor-pointer object-cover transition-transform hover:scale-105", customContent: image.title, key: (0, image_1.getImgUniqueIdentifier)(image.src) || index, src: image.src }))))));
-}

package/image-gallery/image.d.ts

@@ -1,3 +0,0 @@
-import { ImageGalleryImageProps } from "@uxf/ui/image-gallery/types";
-import { FC } from "react";
-export declare const Image: FC<ImageGalleryImageProps>;

package/image-gallery/image.js

@@ -1,18 +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.Image = void 0;
-const resizer_1 = require("@uxf/core/utils/resizer");
-const react_1 = __importDefault(require("react"));
-const use_image_1 = require("./use-image");
-const Image = (props) => {
-    var _a;
-    const openGallery = (0, use_image_1.useImage)(props);
-    return (
-    // eslint-disable-next-line jsx-a11y/click-events-have-key-events,jsx-a11y/no-noninteractive-element-interactions
-    react_1.default.createElement("img", { alt: props.alt, className: props.className, onClick: openGallery, src: typeof props.src === "string" ? props.src : ((_a = (0, resizer_1.resizerImageUrl)(props.src)) !== null && _a !== void 0 ? _a : ""), title: props.title }));
-};
-exports.Image = Image;
-exports.Image.displayName = "UxfUiImageGalleryImage";

package/image-gallery/index.d.ts

@@ -1,5 +0,0 @@
-export { useImage } from "./use-image";
-export declare const ImageGallery: import("react").FC<import("./image-gallery").ImageGalleryProps> & {
-    Image: import("react").FC<import("./types").ImageGalleryImageProps>;
-};
-export type { ImageGalleryImageProps } from "./types";

package/image-gallery/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImageGallery = exports.useImage = void 0;
-const image_1 = require("./image");
-const image_gallery_1 = require("./image-gallery");
-var use_image_1 = require("./use-image");
-Object.defineProperty(exports, "useImage", { enumerable: true, get: function () { return use_image_1.useImage; } });
-exports.ImageGallery = Object.assign(image_gallery_1.ImageGallery, { Image: image_1.Image });

package/image-gallery/types.d.ts

@@ -1,9 +0,0 @@
-import { ImageSource } from "@uxf/core/utils/resizer";
-import { ReactNode } from "react";
-export interface ImageGalleryImageProps {
-    alt?: string;
-    className?: string;
-    customContent?: ReactNode;
-    src: ImageSource;
-    title?: string;
-}

package/image-gallery/types.js

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

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

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

package/image-gallery/use-image.js

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

package/info-box/index.d.ts

@@ -1,2 +0,0 @@
-export { InfoBox, InfoboxProps } from "./info-box";
-export { InfoBoxColor, InfoboxWidth } from "./types";

package/info-box/index.js

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

package/info-box/info-box.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from "react";
-import { IconName } from "../icon/types";
-import { InfoBoxColor } from "./types";
-import IntrinsicElements = React.JSX.IntrinsicElements;
-export declare const getDefaultIconName: (color: InfoBoxColor) => IconName;
-export interface InfoboxProps {
-    actionElement?: ReactNode;
-    className?: string;
-    color?: InfoBoxColor;
-    description?: ReactNode;
-    icon?: IconName | false;
-    title?: ReactNode;
-    titleElement?: keyof Pick<IntrinsicElements, "p" | "h1" | "h2" | "h3" | "h4">;
-}
-export declare const InfoBox: React.ForwardRefExoticComponent<InfoboxProps & React.RefAttributes<HTMLDivElement>>;

package/info-box/info-box.js

@@ -1,61 +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.InfoBox = exports.getDefaultIconName = void 0;
-const show_1 = require("@uxf/core-react/components/show");
-const is_nil_1 = require("@uxf/core/utils/is-nil");
-const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
-const react_1 = __importStar(require("react"));
-const icon_1 = require("../icon");
-const getDefaultIconName = (color) => {
-    switch (color) {
-        case "negative":
-            return "solid-octagon-xmark";
-        case "positive":
-            return "solid-badge-check";
-        case "warning":
-            return "solid-triangle-exclamation";
-        case "brand":
-        case "info":
-        case "neutral":
-        default:
-            return "solid-circle-info";
-    }
-};
-exports.getDefaultIconName = getDefaultIconName;
-exports.InfoBox = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b, _c;
-    const color = (_a = props.color) !== null && _a !== void 0 ? _a : "warning";
-    const Component = (_b = props.titleElement) !== null && _b !== void 0 ? _b : "p";
-    return (react_1.default.createElement("div", { className: `uxf-info-box uxf-info-box--${color} ${(0, is_nil_1.isNil)(props.description) || (0, is_nil_1.isNil)(props.title) ? "uxf-info-box--centered" : ""} ${(_c = props.className) !== null && _c !== void 0 ? _c : ""}`, ref: ref },
-        props.icon !== false && (react_1.default.createElement(icon_1.Icon, { className: "uxf-info-box__icon", name: props.icon || (0, exports.getDefaultIconName)(color) })),
-        react_1.default.createElement("div", { className: "uxf-info-box__text-wrapper" },
-            react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.title) },
-                react_1.default.createElement(Component, { className: "uxf-info-box__title" }, props.title)),
-            react_1.default.createElement(show_1.Show, { when: (0, is_not_nil_1.isNotNil)(props.description) },
-                react_1.default.createElement("div", { className: "uxf-info-box__description" }, props.description))),
-        (0, is_not_nil_1.isNotNil)(props.actionElement) && (react_1.default.createElement("div", { className: "uxf-info-box__action-component" }, props.actionElement))));
-});
-exports.InfoBox.displayName = "UxfUiInfoBox";

package/info-box/info-box.spec.d.ts

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

package/info-box/info-box.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 info_box_stories_1 = require("./info-box.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(info_box_stories_1.Default, null));

package/info-box/info-box.stories.d.ts

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

package/info-box/info-box.stories.js

@@ -1,20 +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 button_1 = require("../button");
-const info_box_1 = require("./info-box");
-const TEXT = "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus faucibus molestie nisl. Cras elementum.";
-function Default() {
-    return (react_1.default.createElement("div", { className: "space-y-4 p-4" },
-        react_1.default.createElement(info_box_1.InfoBox, { actionElement: react_1.default.createElement(button_1.Button, { color: "warning", variant: "secondary" }, "Button"), color: "warning", description: TEXT, title: "Warning" }),
-        react_1.default.createElement(info_box_1.InfoBox, { actionElement: react_1.default.createElement(button_1.Button, { color: "positive", variant: "secondary" }, "Button"), color: "positive", title: "Positive no description" }),
-        react_1.default.createElement(info_box_1.InfoBox, { color: "negative", description: TEXT, title: "Negative" }),
-        react_1.default.createElement(info_box_1.InfoBox, { color: "info", description: TEXT, title: "Info" }),
-        react_1.default.createElement(info_box_1.InfoBox, { color: "brand", description: TEXT, title: "Brand" }),
-        react_1.default.createElement(info_box_1.InfoBox, { color: "neutral", description: TEXT, title: "Neutral" }),
-        react_1.default.createElement(info_box_1.InfoBox, { color: "neutral", description: "Neutral no title" })));
-}

package/info-box/theme.d.ts

@@ -1,15 +0,0 @@
-export interface InfoBoxColors {
-    brand: true;
-    info: true;
-    negative: true;
-    neutral: true;
-    positive: true;
-    warning: true;
-}
-export interface InfoboxWidths {
-    xs: true;
-    sm: true;
-    default: true;
-    lg: true;
-    xl: true;
-}

package/info-box/theme.js

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

package/info-box/types.d.ts

@@ -1,3 +0,0 @@
-import { InfoBoxColors, InfoboxWidths } from "./theme";
-export type InfoBoxColor = keyof InfoBoxColors;
-export type InfoboxWidth = keyof InfoboxWidths;

package/info-box/types.js

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

package/input/index.d.ts

@@ -1,14 +0,0 @@
-import { InputArrowIcon } from "./input-arrow-icon";
-export type { InputProps } from "./input";
-export type { InputElementProps } from "./input-element";
-export type { InputRemoveButtonProps } from "./input-remove-button";
-export type { InputGroupSize, InputGroupVariant } from "./theme";
-export declare const Input: import("react").ForwardRefExoticComponent<import("./input").InputProps & import("react").RefAttributes<HTMLInputElement>> & {
-    ArrowIcon: typeof InputArrowIcon;
-    Element: import("react").ForwardRefExoticComponent<import("./input-element").InputElementProps & import("react").RefAttributes<HTMLInputElement>>;
-    LeftAddon: import("react").FC<import("./input-left-addon").InputLeftAddonProps>;
-    LeftElement: import("react").FC<import("./input-left-element").InputLeftElementProps>;
-    RemoveButton: import("react").FC<import("./input-remove-button").InputRemoveButtonProps>;
-    RightAddon: import("react").FC<import("./input-right-addon").InputRightAddonProps>;
-    RightElement: import("react").FC<import("./input-right-element").InputRightElementProps>;
-};

package/input/index.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = void 0;
-const input_1 = require("./input");
-const input_arrow_icon_1 = require("./input-arrow-icon");
-const input_element_1 = require("./input-element");
-const input_left_addon_1 = require("./input-left-addon");
-const input_left_element_1 = require("./input-left-element");
-const input_remove_button_1 = require("./input-remove-button");
-const input_right_addon_1 = require("./input-right-addon");
-const input_right_element_1 = require("./input-right-element");
-exports.Input = Object.assign(input_1.Input, {
-    ArrowIcon: input_arrow_icon_1.InputArrowIcon,
-    Element: input_element_1.InputElement,
-    LeftAddon: input_left_addon_1.InputLeftAddon,
-    LeftElement: input_left_element_1.InputLeftElement,
-    RemoveButton: input_remove_button_1.InputRemoveButton,
-    RightAddon: input_right_addon_1.InputRightAddon,
-    RightElement: input_right_element_1.InputRightElement,
-});

package/input/input-arrow-icon.d.ts

@@ -1,8 +0,0 @@
-import { IconsSet } from "@uxf/ui/icon";
-import React from "react";
-interface Props {
-    iconName?: keyof IconsSet;
-    isOpen: boolean;
-}
-export declare function InputArrowIcon(props: Props): React.JSX.Element;
-export {};

package/input/input-arrow-icon.js

@@ -1,15 +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.InputArrowIcon = InputArrowIcon;
-const classes_1 = require("@uxf/core/constants/classes");
-const cx_1 = require("@uxf/core/utils/cx");
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importDefault(require("react"));
-function InputArrowIcon(props) {
-    var _a;
-    const iconName = (_a = props.iconName) !== null && _a !== void 0 ? _a : "caretDown";
-    return react_1.default.createElement(icon_1.Icon, { className: (0, cx_1.cx)("uxf-input__arrow-icon", props.isOpen && classes_1.CLASSES.IS_OPEN), name: iconName });
-}

package/input/input-element.d.ts

@@ -1,24 +0,0 @@
-import { FormControlProps } from "@uxf/ui/types/form-control-props";
-import React, { CSSProperties, KeyboardEventHandler } from "react";
-type InputMode = "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-export interface InputElementProps extends FormControlProps<string> {
-    "aria-describedby"?: string;
-    "aria-invalid"?: boolean;
-    autoComplete?: string | undefined;
-    autoFocus?: boolean;
-    form?: string;
-    id?: string;
-    inputMode?: InputMode;
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    type?: "email" | "number" | "password" | "search" | "tel" | "text" | "url" | "time";
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    max?: number | string;
-    min?: number | string;
-    pattern?: string;
-    step?: number | string;
-    style?: CSSProperties;
-}
-export declare const InputElement: React.ForwardRefExoticComponent<InputElementProps & React.RefAttributes<HTMLInputElement>>;
-export {};

package/input/input-element.js

@@ -1,33 +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.InputElement = void 0;
-const react_1 = __importStar(require("react"));
-exports.InputElement = (0, react_1.forwardRef)((props, ref) => {
-    const onChange = (event) => props.onChange(event.target.value, event);
-    const filteredProps = Object.fromEntries(Object.entries(props).filter((p) => { var _a, _b; return Boolean(((_a = p.at(0)) === null || _a === void 0 ? void 0 : _a.startsWith("aria-")) || ((_b = p.at(0)) === null || _b === void 0 ? void 0 : _b.startsWith("data-"))); }));
-    return (react_1.default.createElement("input", { ...filteredProps, "aria-describedby": props["aria-describedby"], "aria-invalid": props.isInvalid, autoComplete: props.autoComplete, autoFocus: props.autoFocus, className: "uxf-input__element", disabled: props.isDisabled, form: props.form, id: props.id, inputMode: props.inputMode, max: props.max, maxLength: props.maxLength, min: props.min, minLength: props.minLength, name: props.name, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, onKeyDown: props.onKeyDown, pattern: props.pattern, placeholder: props.placeholder, readOnly: props.isReadOnly, ref: ref, step: props.step, style: props.style, tabIndex: props.isReadOnly ? -1 : undefined, type: props.type, value: props.value }));
-});
-exports.InputElement.displayName = "UxfUiInputElement";

package/input/input-left-addon.d.ts

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from "react";
-export interface InputLeftAddonProps {
-    children: ReactNode;
-}
-export declare const InputLeftAddon: FC<InputLeftAddonProps>;

package/input/input-left-addon.js

@@ -1,14 +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.InputLeftAddon = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importDefault(require("react"));
-const InputLeftAddon = (props) => {
-    const isText = typeof props.children === "string";
-    return react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-input__left-addon", isText && "uxf-input__left-addon--text") }, props.children);
-};
-exports.InputLeftAddon = InputLeftAddon;
-exports.InputLeftAddon.displayName = "UxfUiInputLeftAddon";

package/input/input-left-element.d.ts

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from "react";
-export interface InputLeftElementProps {
-    children?: ReactNode;
-}
-export declare const InputLeftElement: FC<InputLeftElementProps>;

package/input/input-left-element.js

@@ -1,12 +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.InputLeftElement = void 0;
-const react_1 = __importDefault(require("react"));
-const InputLeftElement = (props) => {
-    return react_1.default.createElement("div", { className: "uxf-input__left-element" }, props.children);
-};
-exports.InputLeftElement = InputLeftElement;
-exports.InputLeftElement.displayName = "UxfUiInputLeftElement";

package/input/input-remove-button.d.ts

@@ -1,5 +0,0 @@
-import { FC } from "react";
-export interface InputRemoveButtonProps {
-    onChange?: (value: any) => void;
-}
-export declare const InputRemoveButton: FC<InputRemoveButtonProps>;

package/input/input-remove-button.js

@@ -1,29 +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.InputRemoveButton = void 0;
-const icon_1 = require("@uxf/ui/icon");
-const react_1 = __importDefault(require("react"));
-const InputRemoveButton = (props) => {
-    const onRemoveClick = (e) => {
-        var _a;
-        e.preventDefault();
-        e.stopPropagation();
-        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, null);
-    };
-    const onRemoveKeyDown = (e) => {
-        var _a;
-        if (e.key === "Enter" || e.key === " ") {
-            e.preventDefault();
-            e.stopPropagation();
-            (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, null);
-        }
-    };
-    return (react_1.default.createElement("button", { className: "uxf-input__remove-button", onClick: onRemoveClick, onKeyDown: onRemoveKeyDown, type: "button" },
-        react_1.default.createElement("span", { className: "uxf-input__remove-button-inner" },
-            react_1.default.createElement(icon_1.Icon, { className: "uxf-input__remove-button-icon", name: "xmarkLarge" }))));
-};
-exports.InputRemoveButton = InputRemoveButton;
-exports.InputRemoveButton.displayName = "UxfUiInputRemoveButton";

package/input/input-right-addon.d.ts

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from "react";
-export interface InputRightAddonProps {
-    children: ReactNode;
-}
-export declare const InputRightAddon: FC<InputRightAddonProps>;

package/input/input-right-addon.js

@@ -1,14 +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.InputRightAddon = void 0;
-const cx_1 = require("@uxf/core/utils/cx");
-const react_1 = __importDefault(require("react"));
-const InputRightAddon = (props) => {
-    const isText = typeof props.children === "string";
-    return (react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-input__right-addon", isText && "uxf-input__right-addon--text") }, props.children));
-};
-exports.InputRightAddon = InputRightAddon;
-exports.InputRightAddon.displayName = "UxfUiInputRightAddon";

package/input/input-right-element.d.ts

@@ -1,5 +0,0 @@
-import { FC, ReactNode } from "react";
-export interface InputRightElementProps {
-    children?: ReactNode;
-}
-export declare const InputRightElement: FC<InputRightElementProps>;