@bolio-ui/core 2.0.0-alpha.1 → 2.0.0-alpha.2

package/esm/chunk-HMOTWEQB.js

@@ -0,0 +1,113 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-S62PPQHN.js";
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Stepper/Stepper.tsx
+import _JSXStyle from "styled-jsx/style";
+import React2 from "react";
+
+// core/Stepper/StepperContext.ts
+import React from "react";
+var StepperContext = React.createContext({
+  index: 0,
+  active: 0,
+  isLast: true,
+  orientation: "horizontal"
+});
+
+// core/Stepper/Stepper.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var StepperComponent = React2.forwardRef(({
+  active,
+  onStepClick,
+  orientation = "horizontal",
+  className = "",
+  children,
+  ...props
+}, ref) => {
+  const theme = use_theme_default();
+  const {
+    SCALES
+  } = use_scale_default();
+  const steps = React2.Children.toArray(children).filter(React2.isValidElement);
+  const classes = use_classes_default("stepper", orientation, className);
+  return /* @__PURE__ */ jsxs("ol", { ref, ...props, className: _JSXStyle.dynamic([["4100811214", [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, "auto"), SCALES.font(0.875), theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    steps.map((step, index) => {
+      var _a;
+      return /* @__PURE__ */ jsx(StepperContext.Provider, { value: {
+        index,
+        active,
+        isLast: index === steps.length - 1,
+        orientation,
+        onStepClick
+      }, children: step }, (_a = step.key) != null ? _a : index);
+    }),
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "4100811214", dynamic: [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, "auto"), SCALES.font(0.875), theme.palette.foreground], children: `.stepper.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};width:${SCALES.width(1, "auto")};font-size:${SCALES.font(0.875)};color:${theme.palette.foreground};list-style:none;}.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}` })
+  ] });
+});
+StepperComponent.displayName = "BolioUIStepper";
+var Stepper = with_scale_default(StepperComponent);
+var Stepper_default = Stepper;
+
+// core/Stepper/StepperStep.tsx
+import _JSXStyle2 from "styled-jsx/style";
+import React3, { useContext } from "react";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var Check = () => /* @__PURE__ */ jsx2("svg", { viewBox: "0 0 24 24", width: "1em", height: "1em", "aria-hidden": "true", children: /* @__PURE__ */ jsx2("path", { d: "M20 6 9 17l-5-5", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) });
+var StepperStep = React3.forwardRef(({
+  label,
+  description,
+  icon,
+  error = false,
+  disabled = false,
+  className = "",
+  ...props
+}, ref) => {
+  const theme = use_theme_default();
+  const {
+    index,
+    active,
+    isLast,
+    orientation,
+    onStepClick
+  } = useContext(StepperContext);
+  const state = index < active ? "completed" : index === active ? "current" : "upcoming";
+  const classes = use_classes_default("step", state, orientation, {
+    error,
+    last: isLast
+  }, className);
+  const status = error ? "Error" : state === "completed" ? "Completed" : "";
+  const content = /* @__PURE__ */ jsxs2(Fragment, { children: [
+    /* @__PURE__ */ jsx2("span", { className: "indicator", "aria-hidden": "true", children: icon != null ? icon : error ? "!" : state === "completed" ? /* @__PURE__ */ jsx2(Check, {}) : index + 1 }),
+    /* @__PURE__ */ jsxs2("span", { className: "text", children: [
+      /* @__PURE__ */ jsx2("span", { className: "label", children: label }),
+      description && /* @__PURE__ */ jsx2("span", { className: "description", children: description }),
+      status && /* @__PURE__ */ jsxs2("span", { className: "sr-only", children: [
+        ", ",
+        status
+      ] })
+    ] })
+  ] });
+  return /* @__PURE__ */ jsxs2("li", { ref, "aria-current": state === "current" ? "step" : void 0, ...props, className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    onStepClick ? /* @__PURE__ */ jsx2("button", { type: "button", disabled, onClick: () => onStepClick(index), className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " head", children: content }) : /* @__PURE__ */ jsx2("div", { className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " head", children: content }),
+    !isLast && /* @__PURE__ */ jsx2("span", { "aria-hidden": "true", className: _JSXStyle2.dynamic([["3738191881", [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary]]]) + " connector" }),
+    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3738191881", dynamic: [theme.layout.radius, theme.palette.primary, theme.palette.accents_5, theme.palette.border, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.primary, theme.palette.primary, theme.palette.background, theme.palette.error, theme.palette.error, theme.palette.accents_5, theme.palette.error, theme.palette.accents_5, theme.palette.border, theme.palette.primary], children: `.step.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:0;}.step.last.__jsx-style-dynamic-selector{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;}.step.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}.head.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.75em;margin:0;padding:0;font:inherit;text-align:left;color:inherit;background:none;border:0;border-radius:${theme.layout.radius};}button.head.__jsx-style-dynamic-selector{cursor:pointer;}button.head.__jsx-style-dynamic-selector:disabled{cursor:not-allowed;opacity:0.6;}button.head.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.primary};outline-offset:2px;}.indicator.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;box-sizing:border-box;width:2em;height:2em;font-weight:600;border-radius:50%;color:${theme.palette.accents_5};border:1px solid ${theme.palette.border};background-color:${theme.palette.background};-webkit-transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}.current.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.primary};border:2px solid ${theme.palette.primary};}.completed.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.background};background-color:${theme.palette.primary};border-color:${theme.palette.primary};}.error.__jsx-style-dynamic-selector .indicator.__jsx-style-dynamic-selector{color:${theme.palette.background};background-color:${theme.palette.error};border-color:${theme.palette.error};}.text.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;line-height:1.3em;}.label.__jsx-style-dynamic-selector{font-weight:500;white-space:nowrap;}.upcoming.__jsx-style-dynamic-selector .label.__jsx-style-dynamic-selector{color:${theme.palette.accents_5};}.error.__jsx-style-dynamic-selector .label.__jsx-style-dynamic-selector{color:${theme.palette.error};}.description.__jsx-style-dynamic-selector{font-size:0.875em;color:${theme.palette.accents_5};}.connector.__jsx-style-dynamic-selector{-webkit-flex:1;-ms-flex:1;flex:1;height:2px;min-width:1.5em;margin:0 0.75em;background-color:${theme.palette.border};}.completed.__jsx-style-dynamic-selector .connector.__jsx-style-dynamic-selector{background-color:${theme.palette.primary};}.vertical.__jsx-style-dynamic-selector .connector.__jsx-style-dynamic-selector{-webkit-flex:none;-ms-flex:none;flex:none;width:2px;height:auto;min-width:0;min-height:1.5em;margin:0.25em 0 0.25em calc(1em - 1px);}.sr-only.__jsx-style-dynamic-selector{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;-webkit-clip:rect(0 0 0 0);clip:rect(0 0 0 0);white-space:nowrap;border:0;}` })
+  ] });
+});
+StepperStep.displayName = "BolioUIStepperStep";
+var StepperStep_default = StepperStep;
+
+// core/Stepper/index.ts
+Stepper_default.Step = StepperStep_default;
+var Stepper_default2 = Stepper_default;
+
+export {
+  Stepper_default2 as Stepper_default
+};

package/esm/chunk-HX5M3GSJ.js

@@ -0,0 +1,63 @@
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Row/Row.tsx
+import _JSXStyle from "styled-jsx/style";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultProps = {
+  gap: 0,
+  justify: "start",
+  align: "top",
+  component: "div",
+  className: ""
+};
+var getFlexAlignment = (justify, align) => {
+  const flexJustifyMap = {
+    end: "flex-end",
+    center: "center",
+    "space-around": "space-around",
+    "space-between": "space-between"
+  };
+  const flexAlignMap = {
+    middle: "center",
+    bottom: "flex-end"
+  };
+  return {
+    justifyValue: flexJustifyMap[justify] || "normal",
+    alignValue: flexAlignMap[align] || "normal"
+  };
+};
+var Row = React.forwardRef(({
+  children,
+  component = defaultProps.component,
+  gap = defaultProps.gap,
+  justify = defaultProps.justify,
+  align = defaultProps.align,
+  className = defaultProps.className,
+  ...props
+}, ref) => {
+  const Component = component;
+  const theme = use_theme_default();
+  const {
+    justifyValue,
+    alignValue
+  } = useMemo(() => getFlexAlignment(justify, align), [justify, align]);
+  return /* @__PURE__ */ jsxs(Component, { ref, ...props, className: _JSXStyle.dynamic([["2627703425", [gap, theme.layout.gap, gap, theme.layout.gap, gap, theme.layout.gap, justifyValue, alignValue]]]) + " " + (props && props.className != null && props.className || use_classes_default("row", className) || ""), children: [
+    children,
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "2627703425", dynamic: [gap, theme.layout.gap, gap, theme.layout.gap, gap, theme.layout.gap, justifyValue, alignValue], children: `.row.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;box-sizing:border-box;margin-left:calc(${gap} * ${theme.layout.gap} / 2);margin-right:calc(${gap} * ${theme.layout.gap} / 2);--row-gap:calc(${gap} * ${theme.layout.gap});-webkit-box-pack:${justifyValue};-webkit-justify-content:${justifyValue};-ms-flex-pack:${justifyValue};justify-content:${justifyValue};-webkit-align-items:${alignValue};-webkit-box-align:${alignValue};-ms-flex-align:${alignValue};align-items:${alignValue};}` })
+  ] });
+});
+Row.displayName = "BolioUIRow";
+var Row_default = Row;
+
+// core/Row/index.ts
+var Row_default2 = Row_default;
+
+export {
+  Row_default2 as Row_default
+};

package/esm/chunk-I6WWABJN.js

@@ -0,0 +1,27 @@
+import {
+  use_current_state_default
+} from "./chunk-33BUV2RX.js";
+
+// core/use-tabs/use-tabs.ts
+var useTabs = (initialValue) => {
+  const [state, setState, currentRef] = use_current_state_default(initialValue);
+  return {
+    state,
+    setState,
+    currentRef,
+    bindings: {
+      value: state,
+      onChange: (val) => {
+        setState(val);
+      }
+    }
+  };
+};
+var use_tabs_default = useTabs;
+
+// core/use-tabs/index.ts
+var use_tabs_default2 = use_tabs_default;
+
+export {
+  use_tabs_default2 as use_tabs_default
+};

package/esm/chunk-IB2FP4DM.js

@@ -0,0 +1,307 @@
+import {
+  AllThemesContext
+} from "./chunk-UVCSH6DW.js";
+import {
+  BolioUIContent,
+  defaultToastLayout,
+  useBolioUIContext
+} from "./chunk-A3BIV2QM.js";
+import {
+  css_transition_default
+} from "./chunk-LDTDMDE6.js";
+import {
+  use_portal_default
+} from "./chunk-BXDUHMWS.js";
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+import {
+  use_current_state_default
+} from "./chunk-33BUV2RX.js";
+import {
+  Button_default
+} from "./chunk-6XJS3KMW.js";
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+import {
+  ThemeContext
+} from "./chunk-TFZ2IGNH.js";
+import {
+  Themes_default
+} from "./chunk-QUMM6MGX.js";
+import {
+  joinClasses
+} from "./chunk-5KUROAEP.js";
+
+// core/BolioUIProvider/BolioUIProvider.tsx
+import { useCallback, useMemo as useMemo4, useState as useState2 } from "react";
+
+// core/BolioUIProvider/ThemeProvider.tsx
+import { useEffect, useMemo, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+var ThemeProvider = ({
+  children,
+  themeType,
+  themes = []
+}) => {
+  const [allThemes, setAllThemes] = useState({
+    themes: Themes_default.getPresets()
+  });
+  const currentTheme = useMemo(() => {
+    const theme = allThemes.themes.find((item) => item.type === themeType);
+    if (theme) return theme;
+    return Themes_default.getPresetStaticTheme();
+  }, [allThemes, themeType]);
+  useEffect(() => {
+    if (!(themes == null ? void 0 : themes.length)) return;
+    setAllThemes((last) => {
+      const safeThemes = themes.filter(
+        (item) => Themes_default.isAvailableThemeType(item.type)
+      );
+      const nextThemes = Themes_default.getPresets().concat(safeThemes);
+      return {
+        ...last,
+        themes: nextThemes
+      };
+    });
+  }, [themes]);
+  return /* @__PURE__ */ jsx(AllThemesContext.Provider, { value: allThemes, children: /* @__PURE__ */ jsx(ThemeContext.Provider, { value: currentTheme, children }) });
+};
+var ThemeProvider_default = ThemeProvider;
+
+// core/use-toasts/toast-container.tsx
+import _JSXStyle2 from "styled-jsx/style";
+import { useEffect as useEffect2, useMemo as useMemo3 } from "react";
+import { createPortal } from "react-dom";
+
+// core/use-toasts/toast-item.tsx
+import _JSXStyle from "styled-jsx/style";
+import React2, { useMemo as useMemo2 } from "react";
+
+// core/use-toasts/helpers.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var makeToastActions = (actions, cancelHandle) => {
+  const handler = (event, userHandler) => {
+    if (userHandler) userHandler(event, cancelHandle);
+  };
+  if (!actions || !actions.length) return null;
+  return actions.map((action, index) => /* @__PURE__ */ jsx2(
+    Button_default,
+    {
+      auto: true,
+      scale: 1 / 3,
+      font: "13px",
+      type: action.passive ? "default" : "primary",
+      onClick: (event) => handler(event, action.handler),
+      children: action.name
+    },
+    `action-${index}`
+  ));
+};
+var getColors = (palette, type) => {
+  const colors = {
+    default: palette.background,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  const isDefault = !type || type === "default";
+  if (isDefault)
+    return {
+      bgColor: colors.default,
+      color: palette.foreground
+    };
+  return {
+    bgColor: colors[type],
+    color: "white"
+  };
+};
+var isTopPlacement = (placement) => `${placement}`.toLowerCase().startsWith("top");
+var isLeftPlacement = (placement) => `${placement}`.toLowerCase().endsWith("left");
+var getTranslateByPlacement = (placement) => {
+  const translateInByPlacement = {
+    topLeft: "translate(-60px, -60px)",
+    topRight: "translate(60px, -60px)",
+    bottomLeft: "translate(-60px, 60px)",
+    bottomRight: "translate(60px, 60px)"
+  };
+  const translateOutByPlacement = {
+    topLeft: "translate(-50px, 15px) scale(0.85)",
+    topRight: "translate(50px, 15px) scale(0.85)",
+    bottomLeft: "translate(-50px, -15px) scale(0.85)",
+    bottomRight: "translate(50px, -15px) scale(0.85)"
+  };
+  return {
+    enter: translateInByPlacement[placement],
+    leave: translateOutByPlacement[placement]
+  };
+};
+
+// core/use-toasts/toast-item.tsx
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
+var ToastItem = React2.memo(({
+  toast,
+  layout
+}) => {
+  const theme = use_theme_default();
+  const {
+    color,
+    bgColor
+  } = useMemo2(() => getColors(theme.palette, toast.type), [theme.palette, toast.type]);
+  const isReactNode = typeof toast.text !== "string";
+  const {
+    padding,
+    margin,
+    maxHeight,
+    maxWidth,
+    width,
+    placement
+  } = layout;
+  const {
+    enter,
+    leave
+  } = useMemo2(() => getTranslateByPlacement(placement), [placement]);
+  return /* @__PURE__ */ jsx3(css_transition_default, { name: "toast", visible: toast.visible, clearTime: 350, children: /* @__PURE__ */ jsxs("div", { role: toast.type === "error" ? "alert" : "status", className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " toast", children: [
+    isReactNode ? toast.text : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " message", children: toast.text }),
+      /* @__PURE__ */ jsx3("div", { className: _JSXStyle.dynamic([["1059503143", [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave]]]) + " action", children: makeToastActions(toast.actions, toast.cancel) })
+    ] }),
+    /* @__PURE__ */ jsx3(_JSXStyle, { id: "1059503143", dynamic: [width, maxWidth, maxHeight, theme.palette.foreground, bgColor, color, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, enter, margin, padding, margin, padding, leave], children: `.toast.__jsx-style-dynamic-selector{max-height:${maxHeight};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.foreground};background-color:${bgColor};color:${color};border:0;border-radius:${theme.layout.radius};opacity:1;box-shadow:${theme.expressiveness.shadowSmall};-webkit-transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);transition:all 350ms cubic-bezier(0.1,0.2,0.1,1);overflow:hidden;}.message.__jsx-style-dynamic-selector{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;font-size:0.875em;display:-webkit-box;word-break:break-all;overflow:hidden;max-height:100%;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.1rem;}.toast-enter.__jsx-style-dynamic-selector{opacity:0;height:0;padding:0;margin:0;-webkit-transform:${enter};-ms-transform:${enter};transform:${enter};}.toast-enter-active.__jsx-style-dynamic-selector{opacity:1;height:auto;margin:${margin};padding:${padding};-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);}.toast-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);height:auto;margin:${margin};padding:${padding};}.toast-leave-active.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:${leave};-ms-transform:${leave};transform:${leave};}` })
+  ] }, toast.id) });
+});
+ToastItem.displayName = "BolioUIToastItem";
+var toast_item_default = ToastItem;
+
+// core/use-toasts/toast-container.tsx
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var ToastContainer = () => {
+  const theme = use_theme_default();
+  const portal = use_portal_default("toast");
+  const [, setHovering, hoveringRef] = use_current_state_default(false);
+  const {
+    toasts,
+    updateToasts,
+    toastLayout,
+    lastUpdateToastId
+  } = useBolioUIContext();
+  const memoizedLayout = useMemo3(() => toastLayout, [toastLayout]);
+  const toastElements = useMemo3(() => toasts.map((toast) => /* @__PURE__ */ jsx4(toast_item_default, { toast, layout: memoizedLayout }, toast._internalIdent)), [toasts, memoizedLayout]);
+  const classNames = useMemo3(() => joinClasses("toasts", {
+    top: isTopPlacement(toastLayout.placement),
+    left: isLeftPlacement(toastLayout.placement)
+  }), [toastLayout.placement]);
+  const hoverHandler = (isHovering) => {
+    setHovering(isHovering);
+    if (isHovering) {
+      return updateToasts((last) => last.map((toast) => {
+        if (!toast.visible) return toast;
+        if (toast._timeout) window.clearTimeout(toast._timeout);
+        return {
+          ...toast,
+          timeout: null
+        };
+      }));
+    }
+    updateToasts((last) => last.map((toast, index) => {
+      if (!toast.visible) return toast;
+      if (toast._timeout) window.clearTimeout(toast._timeout);
+      return {
+        ...toast,
+        _timeout: (() => {
+          const timer = window.setTimeout(() => {
+            toast.cancel();
+            window.clearTimeout(timer);
+          }, toast.delay + index * 100);
+          return timer;
+        })()
+      };
+    }));
+  };
+  const latestHover = use_latest_default(hoverHandler);
+  useEffect2(() => {
+    const index = toasts.findIndex((r) => r._internalIdent === lastUpdateToastId);
+    const toast = toasts[index];
+    if (!toast || toast.visible || !hoveringRef.current) return;
+    const hasVisible = toasts.find((r, i) => i < index && r.visible);
+    if (hasVisible || !hoveringRef.current) return;
+    latestHover.current(false);
+  }, [toasts, lastUpdateToastId, hoveringRef, latestHover]);
+  useEffect2(() => {
+    let timeout = null;
+    const timer = window.setInterval(() => {
+      if (toasts.length === 0) return;
+      timeout = window.setTimeout(() => {
+        const allInvisible = !toasts.find((r) => r.visible);
+        if (allInvisible) updateToasts(() => []);
+        if (timeout) clearTimeout(timeout);
+      }, 350);
+    }, 5e3);
+    return () => {
+      if (timer) clearInterval(timer);
+      if (timeout) clearTimeout(timeout);
+    };
+  }, [toasts, updateToasts]);
+  if (!portal) return null;
+  if (!toasts || toasts.length === 0) return null;
+  return createPortal(/* @__PURE__ */ jsxs2("div", { onMouseEnter: () => hoverHandler(true), onMouseLeave: () => hoverHandler(false), className: _JSXStyle2.dynamic([["622610754", [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap]]]) + " " + (classNames || ""), children: [
+    toastElements,
+    /* @__PURE__ */ jsx4(_JSXStyle2, { id: "622610754", dynamic: [theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.layout.gap], children: `.toasts.__jsx-style-dynamic-selector{position:fixed;width:auto;max-width:100%;right:${theme.layout.gap};bottom:${theme.layout.gap};z-index:2000;-webkit-transition:all 400ms ease;transition:all 400ms ease;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.top.__jsx-style-dynamic-selector{bottom:unset;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;top:${theme.layout.gap};}.left.__jsx-style-dynamic-selector{right:unset;left:${theme.layout.gap};}` })
+  ] }), portal);
+};
+var toast_container_default = ToastContainer;
+
+// core/BolioUIProvider/BolioUIProvider.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+var BolioUIProvider = ({
+  themes,
+  themeType,
+  children
+}) => {
+  const [lastUpdateToastId, setLastUpdateToastId] = useState2(null);
+  const [toasts, setToasts, toastsRef] = use_current_state_default([]);
+  const [toastLayout, setToastLayout, toastLayoutRef] = use_current_state_default(defaultToastLayout);
+  const updateToasts = useCallback(
+    (fn) => {
+      const nextToasts = fn(toastsRef.current);
+      setToasts(nextToasts);
+    },
+    [toastsRef, setToasts]
+  );
+  const updateToastLayout = useCallback(
+    (fn) => {
+      const nextLayout = fn(toastLayoutRef.current);
+      setToastLayout(nextLayout);
+    },
+    [toastLayoutRef, setToastLayout]
+  );
+  const updateLastToastId = (fn) => {
+    setLastUpdateToastId(fn());
+  };
+  const initialValue = useMemo4(
+    () => ({
+      toasts,
+      toastLayout,
+      updateToasts,
+      lastUpdateToastId,
+      updateToastLayout,
+      updateLastToastId
+    }),
+    [toasts, toastLayout, lastUpdateToastId, updateToasts, updateToastLayout]
+  );
+  return /* @__PURE__ */ jsx5(BolioUIContent.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs3(ThemeProvider_default, { themes, themeType, children: [
+    children,
+    /* @__PURE__ */ jsx5(toast_container_default, {})
+  ] }) });
+};
+var BolioUIProvider_default = BolioUIProvider;
+
+// core/BolioUIProvider/index.ts
+var BolioUIProvider_default2 = BolioUIProvider_default;
+
+export {
+  BolioUIProvider_default2 as BolioUIProvider_default
+};