@ceed/cds 0.0.187-treeshaking.1 → 0.0.187

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@ceed/cds",
-  "version": "0.0.187-treeshaking.1",
+  "version": "0.0.187",
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
   "type": "module",
   "description": "UI tool for Ecube Labs front-end developers",
   "scripts": {
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build": "yarn build-for-framer && rm -rf ./dist && mkdir ./dist && rollup -c",
-    "build-for-framer": "yarn esbuild src/framer-entrypoint.ts --bundle --outfile='framer/index.js' --format=esm '--external:react' '--external:react/jsx-runtime' '--external:react-dom' '--external:framer' '--external:framer-motion' --main-fields=module,main --target=chrome58 --minify",
+    "build": "yarn build-for-framer && rm -rf ./dist && tsc --emitDeclarationOnly -p tsconfig.build.json && yarn dlx esbuild src/index.ts --bundle --outfile='dist/index.js' --format=esm '--packages=external' --tsconfig=tsconfig.build.json --minify",
+    "build-for-framer": "yarn dlx esbuild src/framer-entrypoint.ts --bundle --outfile='framer/index.js' --format=esm '--external:react' '--external:react/jsx-runtime' '--external:react-dom' '--external:framer' '--external:framer-motion' --main-fields=module,main --target=chrome58 --minify",
     "prepack": "yarn build"
   },
   "files": [
@@ -47,9 +47,6 @@
   "devDependencies": {
     "@ecubelabs/tsconfig": "^1.0.0",
     "@mui/material": "^5.15.10",
-    "@rollup/plugin-commonjs": "^28.0.2",
-    "@rollup/plugin-node-resolve": "^16.0.0",
-    "@rollup/plugin-typescript": "^12.1.2",
     "@storybook/addon-a11y": "^7.6.13",
     "@storybook/addon-essentials": "^7.6.13",
     "@storybook/addon-interactions": "^7.6.13",
@@ -65,7 +62,6 @@
     "framer": "^2.4.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^4.30.1",
     "storybook": "^7.6.13",
     "typescript": "^5.3.3"
   },

package/dist/_virtual/_commonjsHelpers.js

@@ -1,30 +0,0 @@
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-function getAugmentedNamespace(n) {
-  if (n.__esModule) return n;
-  var f = n.default;
-	if (typeof f == "function") {
-		var a = function a () {
-			if (this instanceof a) {
-        return Reflect.construct(f, arguments, this.constructor);
-			}
-			return f.apply(this, arguments);
-		};
-		a.prototype = f.prototype;
-  } else a = {};
-  Object.defineProperty(a, '__esModule', {value: true});
-	Object.keys(n).forEach(function (k) {
-		var d = Object.getOwnPropertyDescriptor(n, k);
-		Object.defineProperty(a, k, d.get ? d : {
-			enumerable: true,
-			get: function () {
-				return n[k];
-			}
-		});
-	});
-	return a;
-}
-
-export { getAugmentedNamespace, getDefaultExportFromCjs };

package/dist/_virtual/bind-all.js

@@ -1,3 +0,0 @@
-var bindAll = {};
-
-export { bindAll as __exports };

package/dist/_virtual/bind.js

@@ -1,3 +0,0 @@
-var bind = {};
-
-export { bind as __exports };

package/dist/_virtual/colorManipulator.js

@@ -1,5 +0,0 @@
-import { __require as requireColorManipulator } from '../external/@mui/system/colorManipulator.js';
-
-var colorManipulatorExports = /*@__PURE__*/ requireColorManipulator();
-
-export { colorManipulatorExports as c };

package/dist/_virtual/colorManipulator2.js

@@ -1,3 +0,0 @@
-var colorManipulator = {};
-
-export { colorManipulator as __exports };

package/dist/_virtual/createStyled.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireCreateStyled } from '../external/@mui/system/createStyled.js';
-
-var createStyledExports = /*@__PURE__*/ requireCreateStyled();
-var createStyled = /*@__PURE__*/getDefaultExportFromCjs(createStyledExports);
-
-export { createStyled as default };

package/dist/_virtual/createStyled2.js

@@ -1,3 +0,0 @@
-var createStyled = {};
-
-export { createStyled as __exports };

package/dist/_virtual/extends.js

@@ -1,3 +0,0 @@
-var _extends = {exports: {}};
-
-export { _extends as __module };

package/dist/_virtual/index.js

@@ -1,5 +0,0 @@
-import { __require as requireDist } from '../external/bind-event-listener/dist/index.js';
-
-var distExports = /*@__PURE__*/ requireDist();
-
-export { distExports as d };

package/dist/_virtual/index10.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/system/esm/styleFunctionSx/index.js';
-
-var require$$8 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$8 as default };

package/dist/_virtual/index11.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/utils/formatMuiErrorMessage/index.js';
-
-var require$$1 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$1 as default };

package/dist/_virtual/index12.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/utils/clamp/index.js';
-
-var require$$2 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$2 as default };

package/dist/_virtual/index2.js

@@ -1,3 +0,0 @@
-var dist = {};
-
-export { dist as __exports };

package/dist/_virtual/index3.js

@@ -1,7 +0,0 @@
-import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requirePropTypes } from '../external/prop-types/index.js';
-
-var propTypesExports = /*@__PURE__*/ requirePropTypes();
-var PropTypes = /*@__PURE__*/getDefaultExportFromCjs(propTypesExports);
-
-export { PropTypes as default };

package/dist/_virtual/index4.js

@@ -1,3 +0,0 @@
-var propTypes = {exports: {}};
-
-export { propTypes as __module };

package/dist/_virtual/index5.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/styled-engine/index.js';
-
-var require$$3 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$3 as default };

package/dist/_virtual/index6.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/utils/deepmerge/index.js';
-
-var require$$4 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$4 as default };

package/dist/_virtual/index7.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/utils/capitalize/index.js';
-
-var require$$5 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$5 as default };

package/dist/_virtual/index8.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/utils/getDisplayName/index.js';
-
-var require$$6 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$6 as default };

package/dist/_virtual/index9.js

@@ -1,6 +0,0 @@
-import { getAugmentedNamespace } from './_commonjsHelpers.js';
-import * as index from '../external/@mui/system/esm/createTheme/index.js';
-
-var require$$7 = /*@__PURE__*/getAugmentedNamespace(index);
-
-export { require$$7 as default };

package/dist/_virtual/interopRequireDefault.js

@@ -1,3 +0,0 @@
-var interopRequireDefault = {exports: {}};
-
-export { interopRequireDefault as __module };

package/dist/_virtual/objectWithoutPropertiesLoose.js

@@ -1,3 +0,0 @@
-var objectWithoutPropertiesLoose = {exports: {}};
-
-export { objectWithoutPropertiesLoose as __module };

package/dist/components/Accordions/Accordions.js

@@ -1,43 +0,0 @@
-import React__default from 'react';
-import { AccordionSummary as AccordionSummary$1, AccordionDetails as AccordionDetails$1, Accordion as Accordion$1, AccordionGroup } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionAccordionSummary = motion(AccordionSummary$1);
-const AccordionSummary = MotionAccordionSummary;
-AccordionSummary.displayName = "AccordionSummary";
-const MotionAccordionDetails = motion(AccordionDetails$1);
-const AccordionDetails = MotionAccordionDetails;
-AccordionDetails.displayName = "AccordionDetails";
-const MotionAccordion = motion(Accordion$1);
-function Accordion(props) {
-    // prop destruction
-    const { summary, details, variant, color, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    const inheritedVariant = variant === "solid" ? "solid" : undefined;
-    // effects
-    // handlers
-    return (React__default.createElement(MotionAccordion, { variant: inheritedVariant, color: color, ...innerProps },
-        React__default.createElement(AccordionSummary, { variant: inheritedVariant, color: color }, summary),
-        React__default.createElement(AccordionDetails, { variant: inheritedVariant, color: color }, details)));
-}
-Accordion.displayName = "Accordion";
-const MotionAccordions = motion(AccordionGroup);
-function Accordions(props) {
-    // prop destruction
-    const { variant, color, items, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return (React__default.createElement(MotionAccordions, { variant: variant, color: color, ...innerProps }, items.map((item, index) => (React__default.createElement(Accordion, { summary: item.summary, details: item.details, index: index, variant: variant, color: color })))));
-}
-Accordions.displayName = "Accordions";
-
-export { Accordion, AccordionDetails, AccordionSummary, Accordions };

package/dist/components/Autocomplete/Autocomplete.js

@@ -1,196 +0,0 @@
-import React__default, { useRef, useEffect, useCallback, useMemo } from 'react';
-import { styled, ListSubheader, AutocompleteListbox, CircularProgress, Autocomplete as Autocomplete$1, Stack, AutocompleteOption, ListItemDecorator } from '@mui/joy';
-import ClearIcon from '../../external/@mui/icons-material/esm/Close.js';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { Popper } from '@mui/base';
-import { FormControl } from '../FormControl/FormControl.js';
-import { FormLabel } from '../FormLabel/FormLabel.js';
-import { FormHelperText } from '../FormHelperText/FormHelperText.js';
-import { Chip } from '../Chip/Chip.js';
-import { IconButton } from '../IconButton/IconButton.js';
-import { useControlledState } from '../../hooks/use-controlled-state/index.js';
-
-const AutocompletePopper = styled(Popper, {
-    name: "Autocomplete",
-    slot: "Popper",
-})(({ theme }) => ({
-    zIndex: theme.zIndex.tooltip,
-}));
-const AutocompleteListBox = React__default.forwardRef((props, ref) => {
-    // prop destruction
-    const { anchorEl, open, modifiers, children, ownerState: { loading, size: fontSize = "md" }, ...innerProps } = props;
-    // state, ref, querystring hooks
-    const parentRef = useRef(null);
-    // lib hooks
-    // NOTE: 부분 grouping은 불가능하다.
-    const isGrouped = children[0].every((child) => child.hasOwnProperty("group"));
-    const renderTargets = (() => {
-        if (loading) {
-            return [children[1]];
-        }
-        if (children[0].length === 0) {
-            return [children[2]];
-        }
-        if (isGrouped) {
-            return children[0].flatMap((child) => [
-                React__default.createElement(ListSubheader, { key: child.key, component: "li" }, child.group),
-                ...child.children,
-            ]);
-        }
-        return children[0];
-    })();
-    const virtualizer = useVirtualizer({
-        count: renderTargets.length,
-        estimateSize: () => 36,
-        getScrollElement: () => parentRef.current,
-        measureElement: (element) => element.clientHeight,
-        overscan: 5,
-    });
-    // form hooks
-    // query hooks
-    // calculated values
-    const items = virtualizer.getVirtualItems();
-    // effects
-    useEffect(() => {
-        if (open) {
-            virtualizer.measure();
-        }
-    }, [open, virtualizer]);
-    // handlers
-    return (React__default.createElement(AutocompletePopper, { ref: ref, anchorEl: anchorEl, open: open, modifiers: modifiers },
-        React__default.createElement(AutocompleteListbox, { ...innerProps },
-            React__default.createElement("div", { ref: parentRef, style: { overflow: "auto" } },
-                React__default.createElement("div", { style: {
-                        height: `${virtualizer.getTotalSize()}px`,
-                        position: "relative",
-                    } }, items.map(({ index, size, start, key }) => React__default.cloneElement(renderTargets[index], {
-                    key,
-                    style: {
-                        position: "absolute",
-                        top: 0,
-                        left: 0,
-                        width: "100%",
-                        fontSize: `var(--ceed-fontSize-${fontSize})`,
-                        height: `${size}px`,
-                        transform: `translateY(${start}px)`,
-                        overflow: "visible",
-                    },
-                    children: (React__default.createElement("div", { style: {
-                            textOverflow: "ellipsis",
-                            textWrap: "nowrap",
-                            overflow: "hidden",
-                            width: "100%",
-                        } }, renderTargets[index].props.children)),
-                })))))));
-});
-const AutocompleteDeleteSize = {
-    sm: "20px",
-    md: "24px",
-    lg: "28px",
-};
-const AutocompleteTagDelete = styled(IconButton, {
-    name: "Autocomplete",
-    slot: "tagDelete",
-})(({ theme, size = "md" }) => ({
-    width: AutocompleteDeleteSize[size],
-    height: AutocompleteDeleteSize[size],
-    minWidth: AutocompleteDeleteSize[size],
-    minHeight: AutocompleteDeleteSize[size],
-    borderRadius: "50%",
-}));
-function Autocomplete(props) {
-    // prop destruction
-    const { label, error, helperText, color, size, disabled, required, onChange, onChangeComplete, 
-    // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-    sx, className, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    const [_value, setValue] = useControlledState(props.value, props.defaultValue || "", useCallback((value) => onChange?.({
-        target: {
-            value: value,
-            name: props.name,
-        },
-    }), [onChange, props.name]));
-    // form hooks
-    // query hooks
-    // calculated values
-    const options = useMemo(() => props.options.map((option) => {
-        if (typeof option !== "object") {
-            return {
-                value: option,
-                label: option,
-            };
-        }
-        return option;
-    }), [props.options]);
-    const optionMap = useMemo(() => {
-        const map = new Map();
-        options.forEach((option) => {
-            map.set(option.value, option);
-        });
-        return map;
-    }, [options]);
-    const value = useMemo(() => {
-        if (props.loading) {
-            return {
-                value: "",
-                label: "",
-                startDecorator: React__default.createElement(CircularProgress, { size: "sm", color: "neutral", variant: "plain", thickness: 3 }),
-            };
-        }
-        if (Array.isArray(_value)) {
-            return _value.filter((value) => optionMap.has(value)).map((value) => optionMap.get(value || ""));
-        }
-        return optionMap.get(_value);
-    }, [_value, optionMap, props.loading]);
-    const applySize = useCallback((node) => {
-        return React__default.isValidElement(node) && !props.loading ? React__default.cloneElement(node, { ...{ size } }) : node;
-    }, [size, props.loading]);
-    const startDecorator = useMemo(() => applySize(value?.startDecorator || props.startDecorator), [value, applySize, props.startDecorator]);
-    const endDecorator = useMemo(() => applySize(value?.endDecorator || props.endDecorator), [value, applySize, props.endDecorator]);
-    // effects
-    // handlers
-    const handleChange = useCallback((event, value) => {
-        const newValue = value;
-        const _value = (Array.isArray(newValue) ? newValue.map((value) => value.value) : newValue?.value);
-        setValue(_value);
-        if ((Array.isArray(newValue) && newValue.map((value) => optionMap.get(value.value))) ||
-            optionMap.get(newValue?.value)) {
-            onChangeComplete?.({
-                ...event,
-                target: {
-                    ...event.target,
-                    value: _value,
-                },
-            });
-        }
-    }, [onChangeComplete, setValue, optionMap]);
-    const autocomplete = (React__default.createElement(Autocomplete$1, { ...innerProps, required: required, onChange: handleChange, color: error ? "danger" : color, value: (value || null), options: options, size: size, disabled: disabled, startDecorator: startDecorator, endDecorator: endDecorator, getOptionLabel: (option) => `${option.label ?? ""}`, renderTags: (tags, getTagProps) => tags.map((tag, index) => {
-            const { onClick, ...rest } = getTagProps({ index });
-            return applySize(React__default.createElement(Chip, { color: "primary", ...rest },
-                React__default.createElement(Stack, { direction: "row", alignItems: "center", gap: 2, py: 0.5 },
-                    tag.value,
-                    applySize(React__default.createElement(AutocompleteTagDelete, { color: "primary", variant: "soft", onClick: onClick },
-                        React__default.createElement(ClearIcon, null))))));
-        }), slots: {
-            listbox: AutocompleteListBox,
-        }, renderOption: (props, option) => (React__default.createElement(AutocompleteOption, { ...props },
-            option.startDecorator && (React__default.createElement(ListItemDecorator, { sx: (theme) => ({
-                    marginInlineEnd: `var(--Input-gap, ${theme.spacing(1)})`,
-                }) }, applySize(option.startDecorator))),
-            applySize(option.label),
-            option.endDecorator && (React__default.createElement(ListItemDecorator, { sx: (theme) => ({
-                    marginInlineStart: `var(--Input-gap, ${theme.spacing(1)})`,
-                }) }, applySize(option.endDecorator))))), 
-        // TODO: Post React 18 update - validate this conversion, look like a hidden bug
-        renderGroup: (params) => params }));
-    return (React__default.createElement(FormControl, { required: required, color: color, size: size, error: error, disabled: disabled, 
-        // NOTE: 스타일 관련된 props는 최상위 엘리먼트에 적용한다.
-        sx: sx, className: className },
-        label && React__default.createElement(FormLabel, null, label),
-        autocomplete,
-        helperText && React__default.createElement(FormHelperText, null, helperText)));
-}
-Autocomplete.displayName = "Autocomplete";
-
-export { Autocomplete };

package/dist/components/Autocomplete/index.js

@@ -1,5 +0,0 @@
-import { Autocomplete } from './Autocomplete.js';
-
-
-
-export { Autocomplete, Autocomplete as default };

package/dist/components/Avatar/Avatar.js

@@ -1,42 +0,0 @@
-import React__default, { forwardRef, useMemo } from 'react';
-import { styled, Avatar as Avatar$1, useThemeProps } from '@mui/joy';
-export { AvatarGroup } from '@mui/joy';
-
-const StyledAvatar = styled(Avatar$1, {
-    name: "Avatar",
-    slot: "Root",
-    overridesResolver: (props, styles) => styles.root,
-})({});
-const defaultGetInitial = (name) => {
-    const isKorean = /[ㄱ-ㅎ|ㅏ-ㅣ|가-힣]/.test(name);
-    if (isKorean) {
-        return name[0];
-    }
-    else {
-        const nameParts = name.trim().split(/\s+/);
-        if (nameParts.length === 0)
-            return;
-        if (nameParts.length === 1) {
-            return nameParts[0].charAt(0).toUpperCase();
-        }
-        const firstName = nameParts[0];
-        const lastName = nameParts[nameParts.length - 1];
-        return (firstName.charAt(0) + lastName.charAt(0)).toUpperCase();
-    }
-};
-const Avatar = forwardRef(function Avatar(inProps, ref) {
-    const props = useThemeProps({
-        props: inProps,
-        name: "Avatar",
-    });
-    const { children, getInitial = defaultGetInitial, ...inheritProps } = props;
-    const calcChildren = useMemo(() => {
-        if (typeof children === "string") {
-            return getInitial?.(children) ?? "";
-        }
-        return children;
-    }, [children, getInitial]);
-    return React__default.createElement(StyledAvatar, { ...inheritProps, children: calcChildren, ref: ref });
-});
-
-export { Avatar };

package/dist/components/Box/Box.js

@@ -1,8 +0,0 @@
-import { Box as Box$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionBox = motion(Box$1);
-const Box = MotionBox;
-Box.displayName = "Box";
-
-export { Box };

package/dist/components/Box/index.js

@@ -1,5 +0,0 @@
-import { Box } from './Box.js';
-
-
-
-export { Box, Box as default };

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,47 +0,0 @@
-import React__default from 'react';
-import { Breadcrumbs as Breadcrumbs$1, MenuButton, Link } from '@mui/joy';
-import { MenuItem, Menu } from '../Menu/Menu.js';
-import { Dropdown } from '../Dropdown/Dropdown.js';
-import { Typography } from '../Typography/Typography.js';
-
-function Breadcrumbs(props) {
-    // prop destruction
-    const { crumbs, size, startCrumbCount = 1, endCrumbCount = 3, slots: { link: Link$1, ...restSlots } = { link: Link }, slotProps: { link: linkProps, ...restSlotProps } = {
-        link: { color: "neutral" },
-    }, ...innerProps } = props;
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    const _endCrumbCount = Math.max(1, endCrumbCount);
-    const Crumb = (props) => {
-        if (props.type === "link" && Link$1) {
-            return (React__default.createElement(Link$1, { to: props.linkHref, href: props.linkHref, ...linkProps }, props.label));
-        }
-        else {
-            return React__default.createElement(Typography, null, props.label);
-        }
-    };
-    const frontCrumbs = crumbs
-        .slice(0, startCrumbCount)
-        .map((crumb) => React__default.createElement(Crumb, { ...crumb }));
-    const backCrumbs = (startCrumbCount + _endCrumbCount > crumbs.length
-        ? crumbs.slice(startCrumbCount)
-        : crumbs.slice(-_endCrumbCount)).map((crumb) => React__default.createElement(Crumb, { ...crumb }));
-    const collapsedCrumbs = crumbs
-        .slice(startCrumbCount, -_endCrumbCount)
-        .map((crumb) => (React__default.createElement(MenuItem, null,
-        React__default.createElement(Crumb, { ...crumb }))));
-    // effects
-    // handlers
-    return (React__default.createElement(Breadcrumbs$1, { size: size, slots: restSlots, slotProps: restSlotProps, ...innerProps },
-        frontCrumbs,
-        collapsedCrumbs.length && (React__default.createElement(Dropdown, null,
-            React__default.createElement(MenuButton, { size: size, variant: "plain" }, "..."),
-            React__default.createElement(Menu, { size: size }, collapsedCrumbs))),
-        backCrumbs));
-}
-Breadcrumbs.displayName = "Breadcrumbs";
-
-export { Breadcrumbs };

package/dist/components/Button/Button.js

@@ -1,20 +0,0 @@
-import React__default, { forwardRef } from 'react';
-import { Button as Button$1 } from '@mui/joy';
-import { motion } from 'framer-motion';
-
-const MotionButton = motion(Button$1);
-const Button = forwardRef(({ ...props }, ref) => {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-    return React__default.createElement(MotionButton, { ref: ref, ...props });
-});
-// @ts-expect-error
-Button.displayName = "Button";
-
-export { Button };

package/dist/components/Button/index.js

@@ -1,5 +0,0 @@
-import { Button } from './Button.js';
-
-
-
-export { Button, Button as default };