@ceed/cds 0.0.126 → 0.0.128

package/dist/components/ThemeProvider/ThemeProvider.js

@@ -1,159 +0,0 @@
-import React from "react";
-import { CssBaseline, CssVarsProvider, checkboxClasses, extendTheme, GlobalStyles, } from "@mui/joy";
-var colorScheme = {
-    palette: {
-        danger: {
-            "50": "#FEF3F2",
-            "100": "#FDE6E5",
-            "200": "#FBC7C4",
-            "300": "#F89E99",
-            "400": "#F46E66",
-            "500": "#DC0D00",
-            "600": "#AB0F00",
-            "700": "#791000",
-            "800": "#430A0A",
-            "900": "#240505",
-        },
-        neutral: {
-            "50": "#FAFBFC",
-            "100": "#F3F5F7",
-            "200": "#EBECF0",
-            "300": "#D1D5DB",
-            "400": "#A2AAB8",
-            "500": "#5E6C83",
-            "600": "#505E79",
-            "700": "#253858",
-            "800": "#071B36",
-            "900": "#0B0D0E",
-        },
-        primary: {
-            "50": "#F2F7FE",
-            "100": "#E8F0FD",
-            "200": "#CCDFFC",
-            "300": "#9DC1F9",
-            "400": "#4D8EF3",
-            "500": "#015DEE",
-            "600": "#0154D6",
-            "700": "#0141A7",
-            "800": "#00255F",
-            "900": "#000F26",
-        },
-        warning: {
-            "50": "#FEF8F2",
-            "100": "#FEF1E5",
-            "200": "#FCE1C4",
-            "300": "#FABD7F",
-            "400": "#F57C00",
-            "500": "#AF5100",
-            "600": "#843600",
-            "700": "#672600",
-            "800": "#421400",
-            "900": "#1d1002",
-        },
-    },
-};
-var defaultTheme = extendTheme({
-    cssVarPrefix: "ceed",
-    spacing: 4,
-    breakpoints: {
-        values: {
-            xs: 0,
-            sm: 360,
-            md: 600,
-            lg: 900,
-            xl: 1280,
-        },
-    },
-    fontFamily: {
-        display: '"Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol")',
-    },
-    typography: {
-        "marketing-lg": {
-            color: "var(--ceed-palette-text-primary, var(--ceed-palette-neutral-800, #171A1C))",
-            fontFamily: 'var(--ceed-fontFamily-display, "Poppins", var(--ceed-fontFamily-fallback, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"))',
-            fontSize: "var(--ceed-fontSize-marketing-lg, 2.625rem)",
-            fontWeight: "var(--ceed-fontWeight-lg, 600)",
-            letterSpacing: "-0.025em",
-            lineHeight: "var(--ceed-lineHeight-xs, 1.33334)",
-        },
-    },
-    colorSchemes: {
-        light: colorScheme,
-        dark: colorScheme,
-    },
-    components: {
-        JoyTypography: {
-            defaultProps: {
-                levelMapping: {
-                    "marketing-lg": "div",
-                },
-            },
-        },
-        JoyTable: {
-            defaultProps: {
-                size: "sm",
-                borderAxis: "bothBetween",
-            },
-            styleOverrides: {
-                root: function (_a) {
-                    var _b;
-                    var theme = _a.theme;
-                    return (_b = {
-                            "--TableRow-stripeBackground": theme.palette.background.level1,
-                            "--TableCell-selectedBackground": theme.palette.background.level2,
-                            "--TableRow-hoverBackground": theme.palette.background.level3,
-                            "& tbody tr[aria-checked=false] th": {
-                                "--TableCell-headBackground": "transparent",
-                            },
-                            "& tbody tr[aria-checked=true]:hover th": {
-                                "--TableCell-headBackground": "var(--TableRow-hoverBackground)",
-                            }
-                        },
-                        _b["& tbody tr[aria-checked=true]:not(:hover) th"] = {
-                            "--TableCell-headBackground": "var(--TableCell-selectedBackground)",
-                        },
-                        _b["& tbody tr[aria-checked=true]:not(:hover) td"] = {
-                            "--TableCell-dataBackground": "var(--TableCell-selectedBackground)",
-                        },
-                        _b["& .".concat(checkboxClasses.root)] = {
-                            verticalAlign: "middle",
-                        },
-                        _b);
-                },
-            },
-        },
-        JoyTooltip: {
-            defaultProps: {
-                size: "sm",
-                placement: "top",
-            },
-        },
-    },
-});
-function ThemeProvider(props) {
-    var _a;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(CssVarsProvider, { theme: defaultTheme },
-            React.createElement(CssBaseline, null),
-            React.createElement(GlobalStyles, { styles: {
-                    body: (_a = {
-                            "--ceed-fontSize-marketing-lg": "2.625rem"
-                        },
-                        _a[defaultTheme.breakpoints.down("md")] = {
-                            "--ceed-fontSize-xs": "calc(".concat(defaultTheme.fontSize.xs, " * 0.875)"),
-                            "--ceed-fontSize-sm": "calc(".concat(defaultTheme.fontSize.sm, " * 0.875)"),
-                            "--ceed-fontSize-md": "calc(".concat(defaultTheme.fontSize.md, " * 0.875)"),
-                            "--ceed-fontSize-lg": "calc(".concat(defaultTheme.fontSize.lg, " * 0.875)"),
-                            "--ceed-fontSize-xl": "calc(".concat(defaultTheme.fontSize.xl, " * 0.875)"),
-                            "--ceed-fontSize-xl2": "calc(".concat(defaultTheme.fontSize.xl2, " * 0.875)"),
-                            "--ceed-fontSize-xl3": "calc(".concat(defaultTheme.fontSize.xl3, " * 0.875)"),
-                            "--ceed-fontSize-xl4": "calc(".concat(defaultTheme.fontSize.xl4, " * 0.875)"),
-                            // Only typography fontSize
-                            "--ceed-fontSize-marketing-lg": "calc(2.625rem * 0.875)",
-                        },
-                        _a),
-                } }),
-            props.children)));
-}
-export { ThemeProvider };
-ThemeProvider.displayName = "ThemeProvider";

package/dist/components/ThemeProvider/index.js

@@ -1,3 +0,0 @@
-import { ThemeProvider } from "./ThemeProvider";
-export * from "./ThemeProvider";
-export default ThemeProvider;

package/dist/components/Tooltip/Tooltip.js

@@ -1,28 +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);
-};
-import React from "react";
-import { Tooltip as JoyTooltip } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionTooltip = motion(JoyTooltip);
-var Tooltip = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionTooltip, __assign({}, props));
-};
-export { Tooltip };
-Tooltip.displayName = "Tooltip";

package/dist/components/Tooltip/index.js

@@ -1,3 +0,0 @@
-import { Tooltip } from "./Tooltip";
-export * from "./Tooltip";
-export default Tooltip;

package/dist/components/Typography/Typography.js

@@ -1,28 +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);
-};
-import React from "react";
-import { Typography as JoyTypography } from "@mui/joy";
-import { motion } from "framer-motion";
-var MotionTypography = motion(JoyTypography);
-var Typography = function (props) {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React.createElement(MotionTypography, __assign({}, props));
-};
-export { Typography };
-Typography.displayName = "Typography";

package/dist/components/Typography/index.js

@@ -1,3 +0,0 @@
-import { Typography } from "./Typography";
-export * from "./Typography";
-export default Typography;

package/dist/components/Uploader/Uploader.js

@@ -1,353 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import React, { useCallback, useEffect, useMemo, useRef, useState, } from "react";
-import { styled } from "@mui/joy";
-// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import MuiFileUploadIcon from "@mui/icons-material/esm/CloudUploadRounded.js";
-// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import MuiUploadFileIcon from "@mui/icons-material/esm/UploadFileRounded.js";
-// @ts-ignore: ESM import 해야만 프레이머에서 정상적으로 동작한다. https://github.com/mui/material-ui/issues/35233
-import MuiClearIcon from "@mui/icons-material/esm/ClearRounded.js";
-// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-import { combine } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js";
-import { dropTargetForExternal, monitorForExternal,
-// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
- } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js";
-import { containsFiles, getFiles,
-// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
- } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js";
-// @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js";
-import Typography from "../Typography";
-import { Card } from "../Card";
-import Stack from "../Stack";
-import IconButton from "../IconButton";
-import FormControl from "../FormControl";
-import FormHelperText from "../FormHelperText";
-import Sheet from "../Sheet";
-import FormLabel from "../FormLabel";
-var VisuallyHiddenInput = styled("input")({
-    width: "1px",
-    height: "1px",
-    overflow: "hidden",
-    whiteSpace: "nowrap",
-    clip: "rect(0 0 0 0)",
-    clipPath: "inset(50%)",
-    position: "absolute",
-});
-var PreviewRoot = styled(Stack, {
-    name: "Uploader",
-    slot: "PreviewRoot",
-})({});
-var UploadCard = styled(Card, {
-    name: "Uploader",
-    slot: "UploadCard",
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        padding: theme.spacing(2.5),
-        border: "1px solid ".concat(theme.palette.neutral.outlinedBorder),
-    });
-});
-var UploadFileIcon = styled(MuiUploadFileIcon, {
-    name: "Uploader",
-    slot: "UploadFileIcon",
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.neutral["400"],
-        width: "32px",
-        height: "32px",
-    });
-});
-var ClearIcon = styled(MuiClearIcon, {
-    name: "Uploader",
-    slot: "ClearIcon",
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        color: theme.palette.neutral.plainColor,
-        width: "18px",
-        height: "18px",
-    });
-});
-var UNITS = [
-    "byte",
-    "kilobyte",
-    "megabyte",
-    "gigabyte",
-    "terabyte",
-    "petabyte",
-];
-var getFileSize = function (n) {
-    var i = n == 0 ? 0 : Math.floor(Math.log(n) / Math.log(1024));
-    var value = n / Math.pow(1024, i);
-    var unit = UNITS[i];
-    return Intl.NumberFormat("en-us", {
-        style: "unit",
-        unit: unit,
-        unitDisplay: "narrow",
-    }).format(value);
-};
-var Preview = function (props) {
-    // prop destruction
-    var files = props.files, uploaded = props.uploaded, onDelete = props.onDelete;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React.createElement(PreviewRoot, { gap: 1 }, __spreadArray(__spreadArray([], uploaded, true), files, true).map(function (file) { return (React.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" },
-        React.createElement(Stack, { direction: "row", alignItems: "center", gap: 2 },
-            React.createElement(UploadFileIcon, null),
-            React.createElement(Stack, { flex: "1" },
-                React.createElement(Typography, { level: "body-sm", textColor: "common.black" }, file.name),
-                !!file.size && (React.createElement(Typography, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size)))),
-            React.createElement(IconButton, { onClick: function () { return onDelete === null || onDelete === void 0 ? void 0 : onDelete(file); } },
-                React.createElement(ClearIcon, null))))); })));
-};
-var UploaderRoot = styled(Stack, {
-    name: "Uploader",
-    slot: "root",
-})(function (_a) {
-    var theme = _a.theme;
-    return ({
-        gap: theme.spacing(2),
-    });
-});
-var FileDropZone = styled(Sheet, {
-    name: "Uploader",
-    slot: "dropZone",
-    shouldForwardProp: function (prop) { return prop !== "error"; },
-})(function (_a) {
-    var theme = _a.theme, state = _a.state, error = _a.error;
-    return ({
-        width: "100%",
-        display: "flex",
-        flexDirection: "column",
-        justifyContent: "center",
-        alignItems: "center",
-        padding: theme.spacing(5),
-        gap: theme.spacing(4),
-        cursor: "pointer",
-        backgroundColor: theme.palette.background.surface,
-        border: error
-            ? "1px solid ".concat(theme.palette.danger.outlinedBorder)
-            : state === "idle"
-                ? "1px solid ".concat(theme.palette.neutral.outlinedBorder)
-                : "1px solid ".concat(theme.palette.primary.outlinedBorder),
-    });
-});
-var UploaderIcon = styled(MuiFileUploadIcon, {
-    name: "Uploader",
-    slot: "iconContainer",
-    shouldForwardProp: function (prop) { return prop !== "error"; },
-})(function (_a) {
-    var theme = _a.theme, state = _a.state, error = _a.error;
-    return ({
-        color: error
-            ? "rgba(".concat(theme.vars.palette.danger.mainChannel, " / 0.6)")
-            : state === "over"
-                ? "rgba(".concat(theme.palette.primary.mainChannel, " / 0.6)")
-                : theme.palette.neutral.softActiveBg,
-        width: "32px",
-        height: "32px",
-    });
-});
-var Uploader = React.memo(function (props) {
-    // prop destruction
-    var accept = props.accept, minCount = props.minCount, maxCount = props.maxCount, name = props.name, size = props.size, maxFileSize = props.maxFileSize, maxFileTotalSize = props.maxFileTotalSize, onChange = props.onChange, label = props.label, helperText = props.helperText, disabled = props.disabled, onDelete = props.onDelete;
-    // lib hooks
-    // state, ref, querystring hooks
-    var dropZoneRef = useRef(null);
-    var inputRef = useRef(null);
-    var _a = useState(), errorText = _a[0], setErrorText = _a[1];
-    var _b = useState([]), files = _b[0], setFiles = _b[1];
-    var _c = useState(props.uploaded || []), uploaded = _c[0], setUploaded = _c[1];
-    var _d = useState("idle"), previewState = _d[0], setPreviewState = _d[1];
-    // form hooks
-    // query hooks
-    // calculated values
-    var error = useMemo(function () { return !!errorText || props.error; }, [props.error, errorText]);
-    var showDropZone = useMemo(function () {
-        return !maxCount || (maxCount && __spreadArray(__spreadArray([], uploaded, true), files, true).length !== maxCount);
-    }, [files, maxCount, uploaded]);
-    var addFiles = useCallback(function (uploads) {
-        try {
-            var types = (accept === null || accept === void 0 ? void 0 : accept.split(",").map(function (type) { return type.trim().replace(".", "").replace("*", ".*"); })) ||
-                [];
-            var fileExtension_1 = new RegExp("\\b(".concat(types.join("|"), ")\\b"));
-            // NOTE: for error text(ref. figma uploader guide)
-            var lastAccept = types.pop();
-            var acceptError_1 = "Please upload following file types: ".concat(types.join(", "), " and ").concat(lastAccept, ".");
-            uploads.forEach(function (file) {
-                var _a = file.name.split('.'), _ = _a[0], ext = _a[1];
-                if (!fileExtension_1.test(file.type) && !fileExtension_1.test(ext)) {
-                    throw new Error(acceptError_1);
-                }
-            });
-            if (maxFileSize) {
-                uploads.forEach(function (file) {
-                    if (file.size > maxFileSize) {
-                        throw new Error("One or more files exceed the individual file size limit. File must be less than ".concat(getFileSize(maxFileSize), "."));
-                    }
-                });
-            }
-            if (maxFileTotalSize) {
-                var totalFileSize = __spreadArray(__spreadArray([], files, true), uploads, true).reduce(function (acc, file) { return acc + file.size; }, 0);
-                if (totalFileSize > maxFileTotalSize) {
-                    throw new Error("Total file size has exceeded the maximum limit. File must be less than ".concat(getFileSize(maxFileTotalSize), "."));
-                }
-            }
-            var newFiles = __spreadArray(__spreadArray([], files, true), uploads, true);
-            if (maxCount && __spreadArray(__spreadArray([], uploaded, true), newFiles, true).length > maxCount) {
-                throw new Error("File count exceeds the limit: ".concat(maxCount));
-            }
-            onChange === null || onChange === void 0 ? void 0 : onChange({
-                target: {
-                    name: name,
-                    value: newFiles,
-                },
-            });
-            setFiles(newFiles);
-            setErrorText(undefined);
-        }
-        catch (error) {
-            // TODO: localization, internationalization해야하는 reserved 에러 메세지, 필요한가?
-            var err = error;
-            setErrorText(err.message);
-        }
-    }, [files, uploaded, maxCount, accept, maxFileSize, maxFileTotalSize, name, onChange]);
-    // effects
-    useEffect(function () {
-        var el = dropZoneRef.current;
-        if (!el) {
-            return;
-        }
-        return combine(dropTargetForExternal({
-            element: el,
-            canDrop: containsFiles,
-            onDragEnter: function () { return setPreviewState("over"); },
-            onDragLeave: function () { return setPreviewState("potential"); },
-            onDrop: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-                var files;
-                var source = _b.source;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
-                        case 0: return [4 /*yield*/, getFiles({ source: source })];
-                        case 1:
-                            files = _c.sent();
-                            addFiles(files);
-                            return [2 /*return*/];
-                    }
-                });
-            }); },
-        }), monitorForExternal({
-            canMonitor: containsFiles,
-            onDragStart: function () {
-                setPreviewState("potential");
-                preventUnhandled.start();
-            },
-            onDrop: function () {
-                setPreviewState("idle");
-                preventUnhandled.stop();
-            },
-        }));
-    });
-    useEffect(function () {
-        if (inputRef.current && minCount) {
-            if (files.length < minCount) {
-                inputRef.current.setCustomValidity("At least ".concat(minCount, " files are required."));
-            }
-            else {
-                inputRef.current.setCustomValidity("");
-            }
-        }
-    }, [inputRef, files, minCount]);
-    // handlers
-    var handleFileChanged = useCallback(function (event) {
-        var files = Array.from(event.target.files || []);
-        addFiles(files);
-    }, [addFiles]);
-    var handleDeleteFile = useCallback(function (deletedFile) {
-        if (deletedFile instanceof File) {
-            setFiles(function (current) {
-                onChange === null || onChange === void 0 ? void 0 : onChange({
-                    target: {
-                        name: name,
-                        value: current.filter(function (file) { return file !== deletedFile; }),
-                    },
-                });
-                return current.filter(function (file) { return file !== deletedFile; });
-            });
-        }
-        else {
-            setUploaded(function (uploaded) {
-                return uploaded.filter(function (file) { return file.id !== deletedFile.id; });
-            });
-            // NOTE: 이미 업로드된 파일에 대해서만 onDeleted를 호출한다.
-            onDelete === null || onDelete === void 0 ? void 0 : onDelete(deletedFile);
-        }
-        setErrorText(undefined);
-    }, [name, onChange, onDelete]);
-    var handleUploaderButtonClick = useCallback(function () {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
-    }, []);
-    var uploader = (React.createElement(FileDropZone, { state: previewState, error: !!(error || errorText), ref: dropZoneRef, onClick: handleUploaderButtonClick },
-        React.createElement(Stack, { alignItems: "center", gap: 1 },
-            React.createElement(UploaderIcon, { state: previewState, error: !!(error || errorText) })),
-        React.createElement(VisuallyHiddenInput, { type: "file", onChange: handleFileChanged, multiple: true, accept: accept, disabled: disabled, required: !!minCount, ref: inputRef })));
-    return (React.createElement(UploaderRoot, null,
-        showDropZone && (React.createElement(FormControl, { size: size, error: !!(error || errorText), disabled: disabled, required: !!minCount },
-            label && React.createElement(FormLabel, null, label),
-            uploader,
-            errorText ? (React.createElement(FormHelperText, null, errorText)) : (helperText && React.createElement(FormHelperText, null, helperText)))),
-        __spreadArray(__spreadArray([], uploaded, true), files, true).length > 0 && (React.createElement(Preview, { files: files, uploaded: uploaded, onDelete: handleDeleteFile }))));
-});
-export { Uploader };

package/dist/components/Uploader/index.js

@@ -1,3 +0,0 @@
-import { Uploader } from './Uploader';
-export * from './Uploader';
-export default Uploader;

package/dist/components/index.js

@@ -1,44 +0,0 @@
-export { Accordion, AccordionDetails, Accordions, AccordionSummary, } from "./Accordions";
-export { Autocomplete } from "./Autocomplete";
-export { Box } from "./Box";
-export { Breadcrumbs } from "./Breadcrumbs";
-export { Button } from "./Button";
-export { Calendar } from "./Calendar";
-export { Card } from "./Card";
-export { Checkbox } from "./Checkbox";
-export { Container } from "./Container";
-export { CurrencyInput } from "./CurrencyInput";
-export { DataTable } from "./DataTable";
-export { DatePicker } from "./DatePicker";
-export { DateRangePicker } from "./DateRangePicker";
-export { DialogActions } from "./DialogActions";
-export { DialogContent } from "./DialogContent";
-export { DialogTitle } from "./DialogTitle";
-export { DialogFrame } from "./DialogFrame";
-export { Divider } from "./Divider";
-export { InsetDrawer } from "./InsetDrawer";
-export { Dropdown } from "./Dropdown";
-export { FormControl } from "./FormControl";
-export { FormHelperText } from "./FormHelperText";
-export { FormLabel } from "./FormLabel";
-export { Grid } from "./Grid";
-export { IconButton } from "./IconButton";
-export { Input } from "./Input";
-export { Markdown } from './Markdown';
-export { Menu, MenuButton, MenuItem } from "./Menu";
-export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, } from "./Modal";
-export { MonthPicker } from "./MonthPicker";
-export { MonthRangePicker } from "./MonthRangePicker";
-export { Radio, RadioGroup } from "./Radio";
-export { RadioList } from "./RadioList";
-export { Select, Option } from "./Select";
-export { Sheet } from "./Sheet";
-export { Stack } from "./Stack";
-export { Switch } from "./Switch";
-export { Table, TableHead, TableBody } from "./Table";
-export { Tabs, Tab, TabList, TabPanel } from "./Tabs";
-export { Textarea } from "./Textarea";
-export { ThemeProvider } from "./ThemeProvider";
-export { Tooltip } from "./Tooltip";
-export { Typography } from "./Typography";
-export { Uploader } from './Uploader';