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

package/esm/chunk-W4T2KO5B.js

@@ -1,129 +0,0 @@
-import {
-  Link_default
-} from "./chunk-3XTTDT42.js";
-import {
-  addColorAlpha
-} from "./chunk-RZBEZ26A.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  pickChild
-} from "./chunk-UX2B3G6U.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Breadcrumbs/Breadcrumbs.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React, { useMemo } from "react";
-
-// core/Breadcrumbs/BreadcrumbsSeparator.tsx
-import _JSXStyle from "styled-jsx/style";
-import { jsx, jsxs } from "react/jsx-runtime";
-function Separator({
-  children,
-  className = ""
-}) {
-  const {
-    SCALES
-  } = use_scale_default();
-  const classes = use_classes_default("separator", className);
-  return /* @__PURE__ */ jsxs("div", { className: _JSXStyle.dynamic([["2295921440", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0.5), SCALES.mb(0), SCALES.ml(0.5)]]]) + " " + (classes || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2295921440", dynamic: [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0.5), SCALES.mb(0), SCALES.ml(0.5)], children: `.separator.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0.5)} ${SCALES.mb(0)} ${SCALES.ml(0.5)};}` })
-  ] });
-}
-Separator.displayName = "BolioUIBreadcrumbsSeparator";
-var BreadcrumbsSeparator = with_scale_default(Separator);
-var BreadcrumbsSeparator_default = BreadcrumbsSeparator;
-
-// core/Breadcrumbs/Breadcrumbs.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var BreadcrumbsComponent = React.forwardRef(({
-  separator = "/",
-  children,
-  className = ""
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const hoverColor = useMemo(() => {
-    return addColorAlpha(theme.palette.link, 0.85);
-  }, [theme.palette.link]);
-  const childrenArray = React.Children.toArray(children);
-  const withSeparatorChildren = childrenArray.map((item, index) => {
-    if (!React.isValidElement(item)) return item;
-    const last = childrenArray[index - 1];
-    const lastIsSeparator = React.isValidElement(last) && last.type === BreadcrumbsSeparator_default;
-    const currentIsSeparator = item.type === BreadcrumbsSeparator_default;
-    if (!lastIsSeparator && !currentIsSeparator && index > 0) {
-      return /* @__PURE__ */ jsxs2(React.Fragment, { children: [
-        /* @__PURE__ */ jsx2(BreadcrumbsSeparator_default, { children: separator }),
-        item
-      ] }, index);
-    }
-    return item;
-  });
-  return /* @__PURE__ */ jsxs2("nav", { ref, className: _JSXStyle2.dynamic([["3435904432", [theme.palette.accents_5, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverColor, theme.palette.accents_7]]]) + " " + (className || ""), children: [
-    withSeparatorChildren,
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3435904432", dynamic: [theme.palette.accents_5, SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverColor, theme.palette.accents_7], children: `nav.__jsx-style-dynamic-selector{line-height:inherit;color:${theme.palette.accents_5};box-sizing:border-box;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;font-size:${SCALES.font(1)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}nav.__jsx-style-dynamic-selector .link:hover{color:${hoverColor};}nav.__jsx-style-dynamic-selector>span:last-of-type{color:${theme.palette.accents_7};}nav.__jsx-style-dynamic-selector>.separator:last-child{display:none;}nav.__jsx-style-dynamic-selector svg{width:1em;height:1em;margin:0 4px;}nav.__jsx-style-dynamic-selector .breadcrumbs-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}` })
-  ] });
-});
-BreadcrumbsComponent.displayName = "BolioUIBreadcrumbs";
-var Breadcrumbs = with_scale_default(BreadcrumbsComponent);
-var Breadcrumbs_default = Breadcrumbs;
-
-// core/Breadcrumbs/BreadcrumbsItem.tsx
-import React2, { useMemo as useMemo2 } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var BreadcrumbsItem = React2.forwardRef(
-  ({
-    href,
-    nextLink = false,
-    onClick,
-    children,
-    className = "",
-    ...props
-  }, ref) => {
-    const isLink = useMemo2(
-      () => href !== void 0 || nextLink,
-      [href, nextLink]
-    );
-    const [withoutSepChildren] = pickChild(children, BreadcrumbsSeparator_default);
-    const classes = use_classes_default("breadcrumbs-item", className);
-    const clickHandler = (event) => {
-      if (onClick) onClick(event);
-    };
-    if (!isLink) {
-      return /* @__PURE__ */ jsx3("span", { className: classes, onClick: clickHandler, children: withoutSepChildren });
-    }
-    return /* @__PURE__ */ jsx3(
-      Link_default,
-      {
-        className: classes,
-        href,
-        onClick: clickHandler,
-        ref,
-        ...props,
-        children: withoutSepChildren
-      }
-    );
-  }
-);
-BreadcrumbsItem.displayName = "BolioUIBreadcrumbsItem";
-var BreadcrumbsItem_default = BreadcrumbsItem;
-
-// core/Breadcrumbs/index.ts
-Breadcrumbs_default.Item = BreadcrumbsItem_default;
-Breadcrumbs_default.Separator = BreadcrumbsSeparator_default;
-var Breadcrumbs_default2 = Breadcrumbs_default;
-
-export {
-  Breadcrumbs_default2 as Breadcrumbs_default
-};

package/esm/chunk-XSXJO2KP.js

@@ -1,29 +0,0 @@
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-
-// core/Spacer/Spacer.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var SpacerComponent = React.forwardRef(({
-  inline = false,
-  className = "",
-  ...props
-}, ref) => {
-  const {
-    SCALES
-  } = use_scale_default();
-  return /* @__PURE__ */ jsx("span", { ref, ...props, className: _JSXStyle.dynamic([["677603432", [inline ? "inline-block" : "block", SCALES.width(1), SCALES.height(1), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children: /* @__PURE__ */ jsx(_JSXStyle, { id: "677603432", dynamic: [inline ? "inline-block" : "block", SCALES.width(1), SCALES.height(1), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `span.__jsx-style-dynamic-selector{display:${inline ? "inline-block" : "block"};width:${SCALES.width(1)};height:${SCALES.height(1)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` }) });
-});
-SpacerComponent.displayName = "BolioUISpacer";
-var Spacer = with_scale_default(SpacerComponent);
-var Spacer_default = Spacer;
-
-// core/Spacer/index.ts
-var Spacer_default2 = Spacer_default;
-
-export {
-  Spacer_default2 as Spacer_default
-};

package/esm/chunk-XXMCR322.js

@@ -1,199 +0,0 @@
-import {
-  Image_default
-} from "./chunk-CNY7HPMQ.js";
-import {
-  getVariantColors,
-  isSemanticColorType
-} from "./chunk-GJZT47MP.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  hasChild,
-  pickChild
-} from "./chunk-UX2B3G6U.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Card/Card.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React, { useMemo } from "react";
-
-// core/Card/styles.ts
-var getStyles = (type, palette, { isShadow, filled, ghost, subtle } = {}) => {
-  if (isSemanticColorType(type)) {
-    if (subtle) {
-      const { bg, border, color } = getVariantColors(palette, type, "subtle");
-      return { color, bgColor: bg, borderColor: border };
-    }
-    if (ghost) {
-      const { bg, border, color } = getVariantColors(palette, type, "outline");
-      return { color, bgColor: bg, borderColor: border };
-    }
-    if (filled) {
-      const { bg, border, color } = getVariantColors(palette, type, "filled");
-      return { color, bgColor: bg, borderColor: border };
-    }
-  }
-  const colors = {
-    default: {
-      color: palette.foreground,
-      bgColor: palette.accents_1,
-      borderColor: palette.accents_2
-    },
-    primary: {
-      color: palette.primaryDark,
-      bgColor: palette.primaryLighter,
-      borderColor: palette.primaryDark
-    },
-    secondary: {
-      color: palette.secondaryDark,
-      bgColor: palette.secondaryLighter,
-      borderColor: palette.secondaryDark
-    },
-    success: {
-      color: palette.successDark,
-      bgColor: palette.successLighter,
-      borderColor: palette.successDark
-    },
-    warning: {
-      color: palette.warningDark,
-      bgColor: palette.warningLighter,
-      borderColor: palette.warningDark
-    },
-    error: {
-      color: palette.errorDark,
-      bgColor: palette.errorLighter,
-      borderColor: palette.errorDark
-    },
-    info: {
-      color: palette.infoDark,
-      bgColor: palette.infoLighter,
-      borderColor: palette.infoDark
-    },
-    dark: {
-      color: palette.background,
-      bgColor: palette.foreground,
-      borderColor: palette.foreground
-    },
-    lite: {
-      color: palette.foreground,
-      bgColor: palette.background,
-      borderColor: palette.foreground
-    }
-  };
-  const showBorder = type === "default" && !isShadow;
-  return {
-    ...colors[type],
-    borderColor: showBorder ? palette.border : "transparent"
-  };
-};
-
-// core/Card/CardFooter.tsx
-import _JSXStyle from "styled-jsx/style";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CardFooterComponent({
-  children,
-  className = "",
-  disableAutoMargin = false,
-  ...props
-}) {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const classes = use_classes_default({
-    "auto-margin": !disableAutoMargin
-  }, className);
-  return /* @__PURE__ */ jsxs("footer", { ...props, className: _JSXStyle.dynamic([["2898207213", [SCALES.py(0.66), SCALES.px(1.31), SCALES.font(0.875), theme.palette.border, theme.layout.radius, theme.layout.radius, SCALES.height(3.3), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.layout.gapQuarter]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2898207213", dynamic: [SCALES.py(0.66), SCALES.px(1.31), SCALES.font(0.875), theme.palette.border, theme.layout.radius, theme.layout.radius, SCALES.height(3.3), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), theme.layout.gapQuarter], children: `footer.__jsx-style-dynamic-selector{padding:${SCALES.py(0.66)} ${SCALES.px(1.31)};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;overflow:hidden;color:inherit;background-color:inherit;font-size:${SCALES.font(0.875)};border-top:1px solid ${theme.palette.border};border-bottom-left-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};min-height:${SCALES.height(3.3)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.auto-margin.__jsx-style-dynamic-selector *{margin-top:0;margin-bottom:0;margin-right:${theme.layout.gapQuarter};}` })
-  ] });
-}
-CardFooterComponent.displayName = "BolioUICardFooter";
-var CardFooter = with_scale_default(CardFooterComponent);
-var CardFooter_default = CardFooter;
-
-// core/Card/CardContent.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function CardContentComponent({
-  className = "",
-  children,
-  ...props
-}) {
-  const {
-    SCALES
-  } = use_scale_default();
-  return /* @__PURE__ */ jsxs2("div", { ...props, className: _JSXStyle2.dynamic([["3819126313", [SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(1), SCALES.pr(1), SCALES.pb(1), SCALES.pl(1), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || use_classes_default("content", className) || ""), children: [
-    children,
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3819126313", dynamic: [SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(1), SCALES.pr(1), SCALES.pb(1), SCALES.pl(1), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.content.__jsx-style-dynamic-selector{width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(1)} ${SCALES.pr(1)} ${SCALES.pb(1)} ${SCALES.pl(1)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.content.__jsx-style-dynamic-selector>p:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>p:last-child{margin-bottom:0;}` })
-  ] });
-}
-CardContentComponent.displayName = "BolioUICardContent";
-var CardContent = with_scale_default(CardContentComponent);
-var CardContent_default = CardContent;
-
-// core/Card/Card.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var CardComponent = React.forwardRef(({
-  children,
-  hoverable = false,
-  rounded,
-  bordered = false,
-  className = "",
-  shadow = false,
-  filled = false,
-  ghost = false,
-  subtle = false,
-  type = "default",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const hoverShadow = useMemo(() => {
-    if (shadow) return theme.expressiveness.shadowMedium;
-    return hoverable ? theme.expressiveness.shadowSmall : "none";
-  }, [hoverable, shadow, theme.expressiveness]);
-  const {
-    color,
-    bgColor,
-    borderColor
-  } = useMemo(() => getStyles(type, theme.palette, {
-    isShadow: shadow,
-    filled,
-    ghost,
-    subtle
-  }), [type, theme.palette, shadow, filled, ghost, subtle]);
-  const showBorder = bordered || ghost;
-  const [withoutFooterChildren, footerChildren] = pickChild(children, CardFooter_default);
-  const [withoutImageChildren, imageChildren] = pickChild(withoutFooterChildren, Image_default);
-  const hasContent = hasChild(withoutImageChildren, CardContent_default);
-  return /* @__PURE__ */ jsxs3("div", { ref, ...props, className: _JSXStyle3.dynamic([["3020660875", [theme.palette.background, rounded ? "25px" : theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : "none", color, bgColor, showBorder ? "1px solid" + borderColor : "none", SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverShadow]]]) + " " + (props && props.className != null && props.className || use_classes_default("card", className) || ""), children: [
-    imageChildren,
-    hasContent ? withoutImageChildren : /* @__PURE__ */ jsx3(CardContent_default, { children: withoutImageChildren }),
-    footerChildren,
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "3020660875", dynamic: [theme.palette.background, rounded ? "25px" : theme.layout.radius, shadow ? theme.expressiveness.shadowSmall : "none", color, bgColor, showBorder ? "1px solid" + borderColor : "none", SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), hoverShadow], children: `.card.__jsx-style-dynamic-selector{background:${theme.palette.background};-webkit-transition:all 0.2s ease;transition:all 0.2s ease;border-radius:${rounded ? "25px" : theme.layout.radius};box-shadow:${shadow ? theme.expressiveness.shadowSmall : "none"};box-sizing:border-box;color:${color};background-color:${bgColor};border:${showBorder ? "1px solid" + borderColor : "none"};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.card.__jsx-style-dynamic-selector:hover{box-shadow:${hoverShadow};}.card.__jsx-style-dynamic-selector img{width:100%;}.card.__jsx-style-dynamic-selector .image{border-bottom-left-radius:0;border-bottom-right-radius:0;}` })
-  ] });
-});
-CardComponent.displayName = "BolioUICard";
-var Card = with_scale_default(CardComponent);
-var Card_default = Card;
-
-// core/Card/index.ts
-Card_default.Footer = CardFooter_default;
-Card_default.Actions = CardFooter_default;
-Card_default.Content = CardContent_default;
-Card_default.Body = CardContent_default;
-var Card_default2 = Card_default;
-
-export {
-  Card_default2 as Card_default
-};

package/esm/chunk-Y6X5SEN7.js

@@ -1,232 +0,0 @@
-import {
-  use_click_away_default
-} from "./chunk-DGXZP4VJ.js";
-import {
-  Loading_default
-} from "./chunk-BDEBNBW6.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  pickChild,
-  pickChildByProps
-} from "./chunk-UX2B3G6U.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/ButtonDropdown/ButtonDropdown.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React3, { useCallback, useImperativeHandle, useMemo as useMemo2, useRef, useState } from "react";
-
-// core/ButtonDropdown/styles.ts
-var getColor = (palette, type, disabled = false) => {
-  const colors = {
-    default: {
-      color: palette.foreground,
-      bgColor: palette.accents_2,
-      borderColor: palette.accents_3,
-      borderLeftColor: palette.accents_3,
-      hoverBgColor: palette.accents_3,
-      hoverBorder: palette.accents_7
-    },
-    primary: {
-      color: palette.primaryDark,
-      bgColor: palette.primaryLight,
-      borderColor: palette.primary,
-      borderLeftColor: palette.primary,
-      hoverBgColor: palette.primaryLight,
-      hoverBorder: palette.primary
-    },
-    secondary: {
-      color: palette.secondaryDark,
-      bgColor: palette.secondaryLight,
-      borderColor: palette.secondary,
-      borderLeftColor: palette.secondary,
-      hoverBgColor: palette.secondaryLight,
-      hoverBorder: palette.secondary
-    },
-    success: {
-      color: palette.successDark,
-      bgColor: palette.successLight,
-      borderColor: palette.success,
-      borderLeftColor: palette.success,
-      hoverBgColor: palette.successLight,
-      hoverBorder: palette.success
-    },
-    warning: {
-      color: palette.warningDark,
-      bgColor: palette.warningLight,
-      borderColor: palette.warning,
-      borderLeftColor: palette.warning,
-      hoverBgColor: palette.warningLight,
-      hoverBorder: palette.warning
-    },
-    error: {
-      color: palette.errorDark,
-      bgColor: palette.errorLight,
-      borderColor: palette.error,
-      borderLeftColor: palette.error,
-      hoverBgColor: palette.errorLight,
-      hoverBorder: palette.error
-    },
-    info: {
-      color: palette.infoDark,
-      bgColor: palette.infoLight,
-      borderColor: palette.info,
-      borderLeftColor: palette.info,
-      hoverBgColor: palette.infoLight,
-      hoverBorder: palette.info
-    }
-  };
-  if (disabled)
-    return {
-      ...colors.default,
-      color: palette.accents_4,
-      bgColor: palette.accents_2,
-      borderColor: palette.accents_3,
-      borderLeftColor: palette.accents_3,
-      hoverBgColor: palette.accents_2,
-      hoverBorder: palette.accents_3
-    };
-  return type ? colors[type] : colors.default;
-};
-
-// core/ButtonDropdown/Icon.tsx
-import _JSXStyle from "styled-jsx/style";
-import { jsx, jsxs } from "react/jsx-runtime";
-function ButtonDropdownIcon({
-  color,
-  height
-}) {
-  return /* @__PURE__ */ jsxs("svg", { stroke: color, style: {
-    color
-  }, viewBox: "0 0 24 24", width: height, height, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none", shapeRendering: "geometricPrecision", className: "jsx-3359574434", children: [
-    /* @__PURE__ */ jsx("path", { d: "M6 9l6 6 6-6", className: "jsx-3359574434" }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "3359574434", children: "svg.jsx-3359574434{-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}" })
-  ] });
-}
-ButtonDropdownIcon.displayName = "BolioUIButtonDropdownIcon";
-var Icon_default = ButtonDropdownIcon;
-
-// core/ButtonDropdown/ButtonDropdownItem.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import { useMemo } from "react";
-
-// core/ButtonDropdown/ButtonDropdownContext.ts
-import React from "react";
-var defaultContext = {
-  type: "default",
-  auto: false,
-  disabled: false,
-  loading: false
-};
-var ButtonDropdownContext = React.createContext(defaultContext);
-var useButtonDropdown = () => React.useContext(ButtonDropdownContext);
-
-// core/ButtonDropdown/ButtonDropdownItem.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ButtonDropdownItem({
-  children,
-  onClick,
-  className = "",
-  main = false,
-  type: selfType = "default",
-  ...props
-}) {
-  const theme = use_theme_default();
-  const {
-    type: parentType,
-    disabled,
-    loading
-  } = useButtonDropdown();
-  const type = main ? parentType : selfType;
-  const colors = getColor(theme.palette, type, disabled);
-  const clickHandler = (event) => {
-    if (disabled || loading) return;
-    if (onClick) onClick(event);
-  };
-  const cursor = useMemo(() => {
-    if (loading) return "default";
-    return disabled ? "not-allowed" : "pointer";
-  }, [loading, disabled]);
-  return /* @__PURE__ */ jsxs2("button", { onClick: clickHandler, ...props, className: _JSXStyle2.dynamic([["313713234", [cursor, colors.bgColor, colors.color, colors.hoverBorder, colors.hoverBgColor]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
-    loading ? /* @__PURE__ */ jsx2(Loading_default, {}) : children,
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "313713234", dynamic: [cursor, colors.bgColor, colors.color, colors.hoverBorder, colors.hoverBgColor], children: `button.__jsx-style-dynamic-selector{position:relative;-webkit-appearance:button;text-rendering:auto;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:middle;text-align:center;cursor:${cursor};box-sizing:border-box;margin:0;border:none;background-color:${colors.bgColor};color:${colors.color};width:100%;height:var(--bolio-ui-dropdown-height);min-width:var(--bolio-ui-dropdown-min-width);padding:var(--bolio-ui-dropdown-padding);font-size:var(--bolio-ui-dropdown-font-size);font-weight:bold;}button.__jsx-style-dynamic-selector:hover{border-color:${colors.hoverBorder};background-color:${colors.hoverBgColor};}` })
-  ] });
-}
-ButtonDropdownItem.displayName = "BolioUIButtonDropdownItem";
-var ButtonDropdownItem_default = ButtonDropdownItem;
-
-// core/ButtonDropdown/ButtonDropdown.tsx
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var stopPropagation = (event) => {
-  event.stopPropagation();
-  event.nativeEvent.stopImmediatePropagation();
-};
-var ButtonDropdownComponent = React3.forwardRef(({
-  children,
-  type = "default",
-  auto = false,
-  className = "",
-  disabled = false,
-  loading = false,
-  icon,
-  ...props
-}, ref) => {
-  const {
-    SCALES
-  } = use_scale_default();
-  const innerRef = useRef(null);
-  useImperativeHandle(ref, () => innerRef.current);
-  const theme = use_theme_default();
-  const colors = getColor(theme.palette, type);
-  const itemChildren = pickChild(children, ButtonDropdownItem_default)[1];
-  const [itemChildrenWithoutMain, mainItemChildren] = pickChildByProps(itemChildren, "main", true);
-  const [visible, setVisible] = useState(false);
-  const clickHandler = useCallback((event) => {
-    event.preventDefault();
-    stopPropagation(event);
-    if (disabled || loading) return;
-    setVisible(!visible);
-  }, [disabled, loading, visible]);
-  const initialValue = {
-    type,
-    auto,
-    disabled,
-    loading
-  };
-  const bgColor = useMemo2(() => {
-    if (disabled || loading) return theme.palette.accents_2;
-    return visible ? colors.hoverBgColor : colors.bgColor;
-  }, [disabled, loading, theme.palette.accents_2, visible, colors.hoverBgColor, colors.bgColor]);
-  const [paddingLeft, paddingRight] = [auto ? SCALES.pl(1.15) : SCALES.pl(1.375), auto ? SCALES.pr(1.15) : SCALES.pr(1.375)];
-  use_click_away_default(innerRef, () => setVisible(false));
-  return /* @__PURE__ */ jsx3(ButtonDropdownContext.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs3("div", { ref: innerRef, onClick: stopPropagation, ...props, className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " " + (props && props.className != null && props.className || use_classes_default("btn-dropdown", className) || ""), children: [
-    mainItemChildren,
-    /* @__PURE__ */ jsxs3("details", { open: visible, className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]), children: [
-      /* @__PURE__ */ jsx3("summary", { "aria-label": "More options", onClick: clickHandler, className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]), children: /* @__PURE__ */ jsx3("div", { className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " dropdown-box", children: icon ? /* @__PURE__ */ jsx3("span", { style: {
-        color: disabled || loading ? theme.palette.error : colors.color,
-        height: SCALES.height(2.5),
-        width: SCALES.height(2.5)
-      }, className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " dropdown-icon", children: icon }) : /* @__PURE__ */ jsx3(Icon_default, { color: disabled || loading ? theme.palette.accents_4 : colors.color, height: SCALES.height(2.5) }) }) }),
-      /* @__PURE__ */ jsx3("div", { className: _JSXStyle3.dynamic([["339827776", [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius]]]) + " content", children: itemChildrenWithoutMain })
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "339827776", dynamic: [colors.borderColor, theme.layout.radius, SCALES.height(2.5), auto ? "min-content" : SCALES.width(10.5), SCALES.pt(0), paddingRight, SCALES.pb(0), paddingLeft, SCALES.font(0.875), colors.hoverBorder, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius, SCALES.height(2.5), colors.color, bgColor, SCALES.height(2.5), colors.borderLeftColor, disabled || loading ? "not-allowed" : "pointer", colors.hoverBorder, colors.hoverBgColor, theme.layout.radius, theme.expressiveness.shadowSmall, theme.layout.gapHalf, theme.palette.background, theme.layout.radius, theme.layout.radius, theme.layout.radius, theme.layout.radius], children: `.btn-dropdown.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;position:relative;box-sizing:border-box;border-radius:${theme.layout.radius};--bolio-ui-dropdown-height:${SCALES.height(2.5)};--bolio-ui-dropdown-min-width:${auto ? "min-content" : SCALES.width(10.5)};--bolio-ui-dropdown-padding:${SCALES.pt(0)} ${paddingRight} ${SCALES.pb(0)} ${paddingLeft};--bolio-ui-dropdown-font-size:${SCALES.font(0.875)};}.btn-dropdown.__jsx-style-dynamic-selector>button{border-top-left-radius:${theme.layout.radius};border-bottom-left-radius:${theme.layout.radius};}details.__jsx-style-dynamic-selector{border-top-right-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};overflow:hidden;}.dropdown-box.__jsx-style-dynamic-selector{height:${SCALES.height(2.5)};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;}summary.__jsx-style-dynamic-selector{box-sizing:border-box;-webkit-tap-highlight-color:transparent;list-style:none;outline:none;color:${colors.color};background-color:${bgColor};height:${SCALES.height(2.5)};cursor:${disabled || loading ? "not-allowed" : "pointer"};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:auto;padding:0 1px;-webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;transition: background 0.2s ease 0s, border-color 0.2s ease 0s;}.content.__jsx-style-dynamic-selector{position:absolute;right:0;left:0;z-index:90;width:100%;border-radius:${theme.layout.radius};box-shadow:${theme.expressiveness.shadowSmall};-webkit-transform:translateY(${theme.layout.gapHalf});-ms-transform:translateY(${theme.layout.gapHalf});transform:translateY(${theme.layout.gapHalf});background-color:${theme.palette.background};}.content.__jsx-style-dynamic-selector>button:first-of-type{border-top-left-radius:${theme.layout.radius};border-top-right-radius:${theme.layout.radius};}.content.__jsx-style-dynamic-selector>button:last-of-type{border-bottom-left-radius:${theme.layout.radius};border-bottom-right-radius:${theme.layout.radius};}.dropdown-icon.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0.6);-ms-transform:scale(0.6);transform:scale(0.6);}` })
-  ] }) });
-});
-ButtonDropdownComponent.displayName = "BolioUIButtonDropdown";
-var ButtonDropdown = with_scale_default(ButtonDropdownComponent);
-var ButtonDropdown_default = ButtonDropdown;
-
-// core/ButtonDropdown/index.ts
-ButtonDropdown_default.Item = ButtonDropdownItem_default;
-var ButtonDropdown_default2 = ButtonDropdown_default;
-
-export {
-  ButtonDropdown_default2 as ButtonDropdown_default
-};