@bolio-ui/core 3.0.0-alpha.0 → 3.0.0-alpha.1

package/esm/chunk-IJGIEX5J.js

@@ -0,0 +1,211 @@
+import {
+  ColorPicker_default,
+  normalizeHex
+} from "./chunk-OKZRHSSG.js";
+import {
+  InputBlockLabel_default
+} from "./chunk-UOGCO6CV.js";
+import {
+  getColors
+} from "./chunk-KBZEYKCZ.js";
+import {
+  use_click_away_default
+} from "./chunk-DGXZP4VJ.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/ColorInput/ColorInput.tsx
+import React, {
+  useEffect,
+  useId,
+  useImperativeHandle,
+  useRef,
+  useState
+} from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/ColorInput/ColorInput.module.css.bolio-css-module-source
+var ColorInput_module_css_default = { "colorinput": "ColorInput-module_colorinput__nYel-", "field": "ColorInput-module_field__JQwJJ", "swatch": "ColorInput-module_swatch__sLvyf", "input": "ColorInput-module_input__ExawP", "popup": "ColorInput-module_popup__p91ry" };
+
+// core/ColorInput/ColorInput.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var ColorInputComponent = React.forwardRef(
+  ({
+    value: customValue,
+    initialValue = "#000000",
+    onChange,
+    swatches,
+    placeholder = "#000000",
+    disabled = false,
+    type = "default",
+    rounded = false,
+    filled = false,
+    light = false,
+    ghost = false,
+    subtle = false,
+    pickerLabel = "Choose color",
+    className = "",
+    children,
+    onBlur,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const generatedId = useId();
+    const inputId = props.id || generatedId;
+    const colors = getColors(theme.palette, type, disabled, {
+      filled,
+      light,
+      ghost,
+      subtle
+    });
+    const isControlled = customValue !== void 0;
+    const [selfHex, setSelfHex] = useState(
+      normalizeHex(initialValue) || "#000000"
+    );
+    const hex = (isControlled ? normalizeHex(customValue) : selfHex) || "#000000";
+    const [text, setText] = useState(hex);
+    const [open, setOpen] = useState(false);
+    useEffect(() => setText(hex), [hex]);
+    const rootRef = useRef(null);
+    const inputRef = useRef(null);
+    const buttonRef = useRef(null);
+    const popupRef = useRef(null);
+    useImperativeHandle(ref, () => inputRef.current);
+    use_click_away_default(rootRef, () => setOpen(false));
+    useEffect(() => {
+      var _a, _b;
+      if (open)
+        (_b = (_a = popupRef.current) == null ? void 0 : _a.querySelector('[role="slider"]')) == null ? void 0 : _b.focus();
+    }, [open]);
+    const commit = (next) => {
+      if (next === hex) return;
+      if (!isControlled) setSelfHex(next);
+      if (onChange) onChange(next);
+    };
+    const changeHandler = (event) => {
+      setText(event.target.value);
+      const typed = /^#?[0-9a-f]{6}$/i.test(event.target.value.trim()) ? normalizeHex(event.target.value) : null;
+      if (typed) commit(typed);
+    };
+    const blurHandler = (event) => {
+      if (onBlur) onBlur(event);
+      const typed = normalizeHex(text);
+      if (typed) commit(typed);
+      setText(hex);
+    };
+    const keyDownHandler = (event) => {
+      var _a;
+      if (event.key !== "Escape") return;
+      event.stopPropagation();
+      setOpen(false);
+      (_a = buttonRef.current) == null ? void 0 : _a.focus();
+    };
+    const colorInputStyle = {
+      "--colorinput-height": SCALES.height(2.25),
+      "--colorinput-width": SCALES.width(1, "initial"),
+      "--colorinput-font-size": SCALES.font(0.875),
+      "--colorinput-margin": `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      "--colorinput-border": colors.borderColor,
+      "--colorinput-radius": rounded ? "25px" : theme.layout.radius,
+      "--colorinput-popup-radius": theme.layout.radius,
+      "--colorinput-bg": colors.bgColor,
+      "--colorinput-hover-border": colors.hoverBorder,
+      "--colorinput-hover-bg": colors.hoverBgColor,
+      "--colorinput-focus-border": colors.focusBorder,
+      "--colorinput-placeholder": colors.placeholderColor,
+      "--colorinput-color": colors.color,
+      "--colorinput-popup-bg": theme.palette.background,
+      "--colorinput-popup-border": theme.palette.border,
+      "--colorinput-shadow": theme.expressiveness.shadowMedium
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        className: use_classes_default(ColorInput_module_css_default.colorinput, className),
+        style: colorInputStyle,
+        children: [
+          children && /* @__PURE__ */ jsx(InputBlockLabel_default, { htmlFor: inputId, children }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: use_classes_default(ColorInput_module_css_default.field, {
+                [ColorInput_module_css_default.disabled]: disabled
+              }),
+              children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    ref: buttonRef,
+                    type: "button",
+                    className: ColorInput_module_css_default.swatch,
+                    style: { backgroundColor: hex },
+                    "aria-label": pickerLabel,
+                    "aria-haspopup": "dialog",
+                    "aria-expanded": open,
+                    disabled,
+                    onClick: () => setOpen((last) => !last)
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "input",
+                  {
+                    ref: inputRef,
+                    type: "text",
+                    autoComplete: "off",
+                    spellCheck: false,
+                    value: text,
+                    placeholder,
+                    disabled,
+                    onChange: changeHandler,
+                    onBlur: blurHandler,
+                    className: ColorInput_module_css_default.input,
+                    ...props,
+                    id: inputId
+                  }
+                )
+              ]
+            }
+          ),
+          open && /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: popupRef,
+              role: "dialog",
+              "aria-label": pickerLabel,
+              className: ColorInput_module_css_default.popup,
+              onKeyDown: keyDownHandler,
+              children: /* @__PURE__ */ jsx(
+                ColorPicker_default,
+                {
+                  value: hex,
+                  onChange: commit,
+                  swatches,
+                  hexInput: false
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ColorInputComponent.displayName = "BolioUIColorInput";
+var ColorInput = with_scale_default(ColorInputComponent);
+var ColorInput_default = ColorInput;
+
+// core/ColorInput/index.ts
+var ColorInput_default2 = ColorInput_default;
+
+export {
+  ColorInput_default2 as ColorInput_default
+};

package/esm/chunk-K6UULETP.js

@@ -0,0 +1,244 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  joinClasses,
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Tree/Tree.tsx
+import React3, { useCallback, useMemo, useRef, useState } from "react";
+
+// core/Tree/TreeContext.ts
+import React from "react";
+var TreeContext = React.createContext({
+  selected: null,
+  expanded: [],
+  tabbable: void 0,
+  activate: () => void 0,
+  register: () => void 0
+});
+var useTreeContext = () => React.useContext(TreeContext);
+
+// core/Tree/TreeNode.tsx
+import { useId } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Tree/Tree.module.css.bolio-css-module-source
+var Tree_module_css_default = { "tree": "Tree-module_tree__2jgbS", "group": "Tree-module_group__H2325", "item": "Tree-module_item__wk8rO", "row": "Tree-module_row__lm4LA", "selected": "Tree-module_selected__DwSTb", "disabled": "Tree-module_disabled__9ghlS", "chevron": "Tree-module_chevron__V-147", "chevronIcon": "Tree-module_chevronIcon__YhP38", "open": "Tree-module_open__kBS5H", "icon": "Tree-module_icon__wiWbw", "label": "Tree-module_label__EoRFb" };
+
+// core/Tree/TreeNode.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function TreeNode({ node, level }) {
+  var _a;
+  const { selected, expanded, tabbable, activate, register } = useTreeContext();
+  const labelId = useId();
+  const hasChildren = Boolean(node.children && node.children.length);
+  const isExpanded = hasChildren && expanded.includes(node.value);
+  return /* @__PURE__ */ jsxs(
+    "li",
+    {
+      ref: (element) => register(node.value, element),
+      role: "treeitem",
+      "data-value": node.value,
+      "aria-labelledby": labelId,
+      "aria-level": level,
+      "aria-expanded": hasChildren ? isExpanded : void 0,
+      "aria-selected": selected === node.value,
+      "aria-disabled": node.disabled || void 0,
+      tabIndex: tabbable === node.value ? 0 : -1,
+      className: Tree_module_css_default.item,
+      children: [
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: joinClasses(Tree_module_css_default.row, {
+              [Tree_module_css_default.selected]: selected === node.value,
+              [Tree_module_css_default.disabled]: Boolean(node.disabled)
+            }),
+            style: { "--tree-level": level - 1 },
+            onClick: () => activate(node),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: Tree_module_css_default.chevron, "aria-hidden": "true", children: hasChildren && /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  viewBox: "0 0 24 24",
+                  width: "1em",
+                  height: "1em",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  className: joinClasses(Tree_module_css_default.chevronIcon, {
+                    [Tree_module_css_default.open]: isExpanded
+                  }),
+                  children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" })
+                }
+              ) }),
+              node.icon && /* @__PURE__ */ jsx("span", { className: Tree_module_css_default.icon, "aria-hidden": "true", children: node.icon }),
+              /* @__PURE__ */ jsx("span", { id: labelId, className: Tree_module_css_default.label, children: node.label })
+            ]
+          }
+        ),
+        isExpanded && /* @__PURE__ */ jsx("ul", { role: "group", className: Tree_module_css_default.group, children: (_a = node.children) == null ? void 0 : _a.map((child) => /* @__PURE__ */ jsx(TreeNode, { node: child, level: level + 1 }, child.value)) })
+      ]
+    }
+  );
+}
+var TreeNode_default = TreeNode;
+
+// core/Tree/Tree.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var noExpanded = [];
+var TreeComponent = React3.forwardRef(
+  ({
+    data,
+    value: customValue,
+    initialValue = null,
+    onChange,
+    expanded: customExpanded,
+    initialExpanded = noExpanded,
+    onExpandedChange,
+    className = "",
+    style,
+    onKeyDown,
+    onFocus,
+    ...props
+  }, ref) => {
+    var _a;
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const [selfValue, setSelfValue] = useState(initialValue);
+    const selected = customValue !== void 0 ? customValue : selfValue;
+    const [selfExpanded, setSelfExpanded] = useState(initialExpanded);
+    const expanded = customExpanded !== void 0 ? customExpanded : selfExpanded;
+    const [focused, setFocused] = useState();
+    const items = useRef(/* @__PURE__ */ new Map());
+    const visible = useMemo(() => {
+      const list = [];
+      const walk = (nodes, parent) => nodes.forEach((node) => {
+        list.push({ node, parent });
+        if (node.children && expanded.includes(node.value))
+          walk(node.children, node);
+      });
+      walk(data, null);
+      return list;
+    }, [data, expanded]);
+    const enabled = visible.filter(({ node }) => !node.disabled);
+    const tabbable = (_a = [focused, selected].map((value) => enabled.find(({ node }) => node.value === value)).find(Boolean) || enabled[0]) == null ? void 0 : _a.node.value;
+    const setExpanded = (next) => {
+      if (customExpanded === void 0) setSelfExpanded(next);
+      if (onExpandedChange) onExpandedChange(next);
+    };
+    const toggle = (node) => setExpanded(
+      expanded.includes(node.value) ? expanded.filter((value) => value !== node.value) : [...expanded, node.value]
+    );
+    const select = (node) => {
+      if (node.value === selected) return;
+      setSelfValue(node.value);
+      if (onChange) onChange(node.value, node);
+    };
+    const activate = (node) => {
+      if (node.disabled) return;
+      select(node);
+      if (node.children && node.children.length) toggle(node);
+    };
+    const register = useCallback(
+      (value, element) => {
+        if (element) items.current.set(value, element);
+        else items.current.delete(value);
+      },
+      []
+    );
+    const focusNode = (target) => {
+      var _a2;
+      if (target) (_a2 = items.current.get(target.node.value)) == null ? void 0 : _a2.focus();
+    };
+    const keyDownHandler = (event) => {
+      if (onKeyDown) onKeyDown(event);
+      if (event.defaultPrevented) return;
+      const element = event.target.closest(
+        '[role="treeitem"]'
+      );
+      const current = enabled.find(
+        ({ node: node2 }) => node2.value === (element == null ? void 0 : element.dataset.value)
+      );
+      if (!current) return;
+      const index = enabled.indexOf(current);
+      const { node, parent } = current;
+      const hasChildren = Boolean(node.children && node.children.length);
+      const isOpen = hasChildren && expanded.includes(node.value);
+      const actions = {
+        ArrowDown: () => focusNode(enabled[index + 1]),
+        ArrowUp: () => focusNode(enabled[index - 1]),
+        Home: () => focusNode(enabled[0]),
+        End: () => focusNode(enabled[enabled.length - 1]),
+        ArrowRight: () => {
+          if (!hasChildren) return;
+          if (!isOpen) return toggle(node);
+          focusNode(enabled.find((item) => item.parent === node));
+        },
+        ArrowLeft: () => {
+          if (isOpen) return toggle(node);
+          focusNode(enabled.find((item) => item.node === parent));
+        },
+        Enter: () => activate(node),
+        " ": () => activate(node)
+      };
+      const action = actions[event.key];
+      if (!action) return;
+      event.preventDefault();
+      action();
+    };
+    const focusHandler = (event) => {
+      var _a2;
+      if (onFocus) onFocus(event);
+      const value = (_a2 = event.target.closest(
+        '[role="treeitem"]'
+      )) == null ? void 0 : _a2.dataset.value;
+      if (value !== void 0) setFocused(value);
+    };
+    const config = { selected, expanded, tabbable, activate, register };
+    const treeStyle = {
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      width: SCALES.width(1, "auto"),
+      fontSize: SCALES.font(0.875),
+      "--tree-color": theme.palette.accents_6,
+      "--tree-hover-bg": theme.palette.accents_1,
+      "--tree-selected-color": theme.palette.foreground,
+      "--tree-selected-bg": theme.palette.accents_2,
+      "--tree-icon-color": theme.palette.accents_5,
+      "--tree-disabled-color": theme.palette.accents_4,
+      "--tree-focus": theme.palette.primary,
+      "--tree-radius": theme.layout.radius,
+      ...style
+    };
+    return /* @__PURE__ */ jsx2(TreeContext.Provider, { value: config, children: /* @__PURE__ */ jsx2(
+      "ul",
+      {
+        ref,
+        role: "tree",
+        className: use_classes_default(Tree_module_css_default.tree, className),
+        ...props,
+        style: treeStyle,
+        onKeyDown: keyDownHandler,
+        onFocus: focusHandler,
+        children: data.map((node) => /* @__PURE__ */ jsx2(TreeNode_default, { node, level: 1 }, node.value))
+      }
+    ) });
+  }
+);
+TreeComponent.displayName = "BolioUITree";
+var Tree = with_scale_default(TreeComponent);
+var Tree_default = Tree;
+
+// core/Tree/index.ts
+var Tree_default2 = Tree_default;
+
+export {
+  Tree_default2 as Tree_default
+};

package/esm/chunk-MDSRXACM.js

@@ -0,0 +1,212 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Carousel/Carousel.tsx
+import React, { useEffect, useRef, useState } from "react";
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Carousel/Carousel.module.css.bolio-css-module-source
+var Carousel_module_css_default = { "carousel": "Carousel-module_carousel__Rr2by", "viewport": "Carousel-module_viewport__rbEeR", "slide": "Carousel-module_slide__xIqxO", "footer": "Carousel-module_footer__ySplI", "control": "Carousel-module_control__SdAV-", "indicator": "Carousel-module_indicator__YSuaU", "indicators": "Carousel-module_indicators__ZtrIN" };
+
+// core/Carousel/Carousel.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CarouselComponent = React.forwardRef(
+  ({
+    slidesToShow = 1,
+    gap = "1rem",
+    controls = true,
+    indicators = true,
+    value,
+    initialValue = 0,
+    onChange,
+    previousLabel = "Previous slide",
+    nextLabel = "Next slide",
+    slideLabel = (index, count) => `${index + 1} of ${count}`,
+    indicatorLabel = (index) => `Go to slide ${index + 1}`,
+    className = "",
+    children,
+    style,
+    ...props
+  }, ref) => {
+    const theme = use_theme_default();
+    const { SCALES } = use_scale_default();
+    const slides = React.Children.toArray(children).filter(React.isValidElement);
+    const visible = Math.max(1, Math.floor(slidesToShow));
+    const positions = Math.max(1, slides.length - visible + 1);
+    const viewport = useRef(null);
+    const settle = useRef(void 0);
+    const [selfIndex, setSelfIndex] = useState(initialValue);
+    const isControlled = value !== void 0;
+    const index = Math.min(isControlled ? value : selfIndex, positions - 1);
+    const latest = useRef(index);
+    latest.current = index;
+    const commit = (next) => {
+      if (next === latest.current) return;
+      latest.current = next;
+      if (!isControlled) setSelfIndex(next);
+      if (onChange) onChange(next);
+    };
+    const scrollTo = (next) => {
+      var _a;
+      const element = (_a = viewport.current) == null ? void 0 : _a.children[next];
+      if (viewport.current && element)
+        viewport.current.scrollLeft = element.offsetLeft;
+    };
+    const go = (next) => {
+      const target = Math.max(0, Math.min(next, positions - 1));
+      scrollTo(target);
+      commit(target);
+    };
+    const scrollHandler = () => {
+      window.clearTimeout(settle.current);
+      settle.current = window.setTimeout(() => {
+        const element = viewport.current;
+        if (!element) return;
+        const offsets = Array.from(element.children).map(
+          (child) => child.offsetLeft
+        );
+        const closest = offsets.reduce(
+          (best, offset, position) => Math.abs(offset - element.scrollLeft) < Math.abs(offsets[best] - element.scrollLeft) ? position : best,
+          0
+        );
+        commit(Math.min(closest, positions - 1));
+      }, 100);
+    };
+    useEffect(() => () => window.clearTimeout(settle.current), []);
+    useEffect(() => {
+      if (value !== void 0) scrollTo(Math.min(value, positions - 1));
+    }, [value]);
+    const carouselStyle = {
+      width: SCALES.width(1, "100%"),
+      margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+      fontSize: SCALES.font(0.875),
+      "--carousel-visible": visible,
+      "--carousel-gap": gap,
+      "--carousel-border": theme.palette.accents_2,
+      "--carousel-color": theme.palette.accents_6,
+      "--carousel-hover-bg": theme.palette.accents_1,
+      "--carousel-dot": theme.palette.accents_3,
+      "--carousel-dot-active": theme.palette.foreground,
+      "--carousel-focus": theme.palette.primary,
+      "--carousel-radius": theme.layout.radius,
+      ...style
+    };
+    const showFooter = positions > 1 && (controls || indicators);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "region",
+        "aria-roledescription": "carousel",
+        className: use_classes_default(Carousel_module_css_default.carousel, className),
+        ...props,
+        style: carouselStyle,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              ref: viewport,
+              className: Carousel_module_css_default.viewport,
+              tabIndex: 0,
+              onScroll: scrollHandler,
+              children: slides.map((slide, position) => {
+                var _a;
+                return /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    role: "group",
+                    "aria-roledescription": "slide",
+                    "aria-label": slideLabel(position, slides.length),
+                    className: Carousel_module_css_default.slide,
+                    children: slide
+                  },
+                  (_a = slide.key) != null ? _a : position
+                );
+              })
+            }
+          ),
+          showFooter && /* @__PURE__ */ jsxs("div", { className: Carousel_module_css_default.footer, children: [
+            controls && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: Carousel_module_css_default.control,
+                "aria-label": previousLabel,
+                disabled: index === 0,
+                onClick: () => go(index - 1),
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    viewBox: "0 0 24 24",
+                    width: "1.25em",
+                    height: "1.25em",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx("path", { d: "M15 6l-6 6 6 6" })
+                  }
+                )
+              }
+            ),
+            indicators && /* @__PURE__ */ jsx("div", { className: Carousel_module_css_default.indicators, children: Array.from({ length: positions }, (_, position) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: Carousel_module_css_default.indicator,
+                "aria-label": indicatorLabel(position),
+                "aria-current": position === index || void 0,
+                onClick: () => go(position)
+              },
+              position
+            )) }),
+            controls && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: Carousel_module_css_default.control,
+                "aria-label": nextLabel,
+                disabled: index === positions - 1,
+                onClick: () => go(index + 1),
+                children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    viewBox: "0 0 24 24",
+                    width: "1.25em",
+                    height: "1.25em",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx("path", { d: "M9 6l6 6-6 6" })
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+CarouselComponent.displayName = "BolioUICarousel";
+var Carousel = with_scale_default(CarouselComponent);
+var Carousel_default = Carousel;
+
+// core/Carousel/index.ts
+var Carousel_default2 = Carousel_default;
+
+export {
+  Carousel_default2 as Carousel_default
+};