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

package/esm/chunk-CNY7HPMQ.js

@@ -1,191 +0,0 @@
-import {
-  Link_default
-} from "./chunk-3XTTDT42.js";
-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/Image/Image.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React2, { useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-
-// core/Image/ImageSkeleton.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var ImageSkeleton = React.memo(({
-  opacity = 0.5,
-  ...props
-}) => {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsx("div", { ...props, className: _JSXStyle.dynamic([["2946022605", [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity]]]) + " " + (props && props.className != null && props.className || "skeleton"), children: /* @__PURE__ */ jsx(_JSXStyle, { id: "2946022605", dynamic: [theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_2, theme.palette.accents_1, opacity], children: `.skeleton.__jsx-style-dynamic-selector{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-image:linear-gradient( 270deg, ${theme.palette.accents_1}, ${theme.palette.accents_2}, ${theme.palette.accents_2}, ${theme.palette.accents_1} );background-size:400% 100%;-webkit-animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;animation:loading-__jsx-style-dynamic-selector 3s ease-in-out infinite;opacity:${opacity};-webkit-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}@-webkit-keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}@keyframes loading-__jsx-style-dynamic-selector{0%{background-position:200% 0;}to{background-position:-200% 0;}}` }) });
-});
-ImageSkeleton.displayName = "BolioUIImageSkeleton";
-var ImageSkeleton_default = ImageSkeleton;
-
-// core/Image/helpers.ts
-var transformDataSource = (src) => {
-  const left = `${src}`.slice(0, 4);
-  if (encodeURIComponent(left) === "%3Csvg") {
-    return `data:image/svg+xml;utf8,${src}`;
-  }
-  return src;
-};
-var getHostFromUrl = (url) => {
-  try {
-    return new URL(url).host;
-  } catch {
-    return url;
-  }
-};
-
-// core/Image/Image.tsx
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var ImageComponent = React2.forwardRef(({
-  src,
-  disableSkeleton = false,
-  className = "",
-  maxDelay = 3e3,
-  ...props
-}, ref) => {
-  const {
-    SCALES,
-    getScaleProps
-  } = use_scale_default();
-  const width = getScaleProps(["width", "w"]);
-  const height = getScaleProps(["height", "h"]);
-  const showAnimation = !disableSkeleton && width && height;
-  const theme = use_theme_default();
-  const [loading, setLoading] = useState(true);
-  const [showSkeleton, setShowSkeleton] = useState(true);
-  const imageRef = useRef(null);
-  useImperativeHandle(ref, () => imageRef.current);
-  const url = useMemo(() => transformDataSource(src), [src]);
-  const imageLoaded = () => {
-    if (!showAnimation) return;
-    setLoading(false);
-  };
-  useEffect(() => {
-    if (!showAnimation) return;
-    if (!imageRef.current) return;
-    if (imageRef.current.complete) {
-      setLoading(false);
-      setShowSkeleton(false);
-    }
-  }, [showAnimation]);
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      if (showAnimation) {
-        setShowSkeleton(false);
-      }
-      clearTimeout(timer);
-    }, maxDelay);
-    return () => clearTimeout(timer);
-  }, [loading, maxDelay, showAnimation]);
-  return /* @__PURE__ */ jsxs("div", { className: _JSXStyle2.dynamic([["3930247108", [theme.layout.radius, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, "auto"), SCALES.height(1, "auto")]]]) + " " + (use_classes_default("image", className) || ""), children: [
-    showSkeleton && showAnimation && /* @__PURE__ */ jsx2(ImageSkeleton_default, { opacity: loading ? 1 : 0 }),
-    /* @__PURE__ */ jsx2("img", { ref: imageRef, onLoad: imageLoaded, src: url, ...props, className: _JSXStyle2.dynamic([["3930247108", [theme.layout.radius, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, "auto"), SCALES.height(1, "auto")]]]) + " " + (props && props.className != null && props.className || "") }),
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "3930247108", dynamic: [theme.layout.radius, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.width(1, "auto"), SCALES.height(1, "auto")], children: `.image.__jsx-style-dynamic-selector{position:relative;border-radius:${theme.layout.radius};overflow:hidden;max-width:100%;width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(0)} ${SCALES.mr(0, "auto")} ${SCALES.mb(0)} ${SCALES.ml(0, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};}img.__jsx-style-dynamic-selector{width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};object-fit:scale-down;display:inline-block;}` })
-  ] });
-});
-ImageComponent.displayName = "BolioUIImage";
-var Image = with_scale_default(ImageComponent);
-var Image_default = Image;
-
-// core/Image/ImageBrowser.tsx
-import _JSXStyle4 from "styled-jsx/style";
-import React4, { useMemo as useMemo2 } from "react";
-
-// core/Image/ImageBrowserHttpsIcon.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React3 from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var ImageBrowserHttpsIcon = () => {
-  return /* @__PURE__ */ jsxs2("svg", { viewBox: "0 0 24 24", fill: "currentColor", className: "jsx-4165143638", children: [
-    /* @__PURE__ */ jsx3("path", { d: "M5 10.2H19V21H5V10.2Z", className: "jsx-4165143638" }),
-    /* @__PURE__ */ jsx3("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12 12C13.933 12 15.5 10.3882 15.5 8.4C15.5 6.41177 13.933 4.8 12 4.8C10.067 4.8 8.5 6.41177 8.5 8.4C8.5 10.3882 10.067 12 12 12ZM12 13.8C14.8995 13.8 17.25 11.3823 17.25 8.4C17.25 5.41766 14.8995 3 12 3C9.10051 3 6.75 5.41766 6.75 8.4C6.75 11.3823 9.10051 13.8 12 13.8Z", className: "jsx-4165143638" }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "4165143638", children: "svg.jsx-4165143638{width:1em;height:1em;}" })
-  ] });
-};
-var MemoImageBrowserHttpsIcon = React3.memo(ImageBrowserHttpsIcon);
-var ImageBrowserHttpsIcon_default = MemoImageBrowserHttpsIcon;
-
-// core/Image/styles.ts
-var getBrowserColors = (invert, palette) => {
-  return invert ? {
-    color: palette.background,
-    barBgColor: palette.foreground,
-    inputBgColor: palette.accents_8,
-    borderColor: palette.accents_7,
-    titleColor: palette.accents_2
-  } : {
-    color: palette.foreground,
-    barBgColor: palette.background,
-    inputBgColor: palette.accents_1,
-    borderColor: palette.border,
-    titleColor: palette.accents_5
-  };
-};
-
-// core/Image/ImageBrowser.tsx
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
-var getTitle = (title, colors) => /* @__PURE__ */ jsxs3("div", { className: _JSXStyle4.dynamic([["524099755", [colors.titleColor]]]) + " title", children: [
-  title,
-  /* @__PURE__ */ jsx4(_JSXStyle4, { id: "524099755", dynamic: [colors.titleColor], children: `.title.__jsx-style-dynamic-selector{color:${colors.titleColor};font-size:0.75em;}` })
-] });
-var getAddressInput = (url, showFullLink, colors, anchorProps) => /* @__PURE__ */ jsxs3("div", { className: _JSXStyle4.dynamic([["3718009574", [colors.inputBgColor]]]) + " address-input", children: [
-  /* @__PURE__ */ jsx4("span", { className: _JSXStyle4.dynamic([["3718009574", [colors.inputBgColor]]]) + " https", children: /* @__PURE__ */ jsx4(ImageBrowserHttpsIcon_default, {}) }),
-  /* @__PURE__ */ jsx4(Link_default, { href: url, title: url, target: "_blank", ...anchorProps, children: showFullLink ? url : getHostFromUrl(url) }),
-  /* @__PURE__ */ jsx4(_JSXStyle4, { id: "3718009574", dynamic: [colors.inputBgColor], children: `.address-input.__jsx-style-dynamic-selector{height:1.75em;max-width:60%;min-width:40%;background-color:${colors.inputBgColor};color:inherit;border-radius:3px;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;padding:0 10px;overflow:hidden;position:relative;}.address-input.__jsx-style-dynamic-selector *{font-size:0.75em;color:inherit;}.address-input.__jsx-style-dynamic-selector a{max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;color:inherit;}.https.__jsx-style-dynamic-selector{width:0.75em;height:0.75em;font-size:1em;margin-right:0.31em;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin-top:-1px;color:inherit;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;}` })
-] });
-var ImageBrowserComponent = React4.forwardRef(({
-  url,
-  title,
-  children,
-  showFullLink = false,
-  invert = false,
-  anchorProps = {},
-  className = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const colors = useMemo2(() => getBrowserColors(invert, theme.palette), [invert, theme.palette]);
-  const input = useMemo2(() => {
-    if (url) return getAddressInput(url, showFullLink, colors, anchorProps);
-    if (title) return getTitle(title, colors);
-    return null;
-  }, [url, showFullLink, title, colors, anchorProps]);
-  return /* @__PURE__ */ jsxs3("div", { ref, ...props, className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " " + (props && props.className != null && props.className || use_classes_default("browser", className) || ""), children: [
-    /* @__PURE__ */ jsxs3("header", { className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]), children: [
-      /* @__PURE__ */ jsxs3("div", { className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " traffic", children: [
-        /* @__PURE__ */ jsx4("span", { className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " close" }),
-        /* @__PURE__ */ jsx4("span", { className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " mini" }),
-        /* @__PURE__ */ jsx4("span", { className: _JSXStyle4.dynamic([["2129234839", [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf]]]) + " full" })
-      ] }),
-      input
-    ] }),
-    children,
-    /* @__PURE__ */ jsx4(_JSXStyle4, { id: "2129234839", dynamic: [theme.expressiveness.shadowLarge, theme.layout.radius, SCALES.font(1), SCALES.width(1, "max-content"), SCALES.height(1, "auto"), SCALES.mt(0), SCALES.mr(0, "auto"), SCALES.mb(0), SCALES.ml(0, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), colors.color, colors.barBgColor, colors.borderColor, theme.layout.gapHalf], children: `.browser.__jsx-style-dynamic-selector{background-color:transparent;box-shadow:${theme.expressiveness.shadowLarge};max-width:100%;border-radius:${theme.layout.radius};overflow:hidden;font-size:${SCALES.font(1)};width:${SCALES.width(1, "max-content")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(0)} ${SCALES.mr(0, "auto")} ${SCALES.mb(0)} ${SCALES.ml(0, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};}.browser.__jsx-style-dynamic-selector .image{border-top-left-radius:0;border-top-right-radius:0;}header.__jsx-style-dynamic-selector{height:2.5em;width:100%;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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;position:relative;color:${colors.color};background-color:${colors.barBgColor};border-bottom:1px solid ${colors.borderColor};}.traffic.__jsx-style-dynamic-selector{width:auto;position:absolute;left:${theme.layout.gapHalf};top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);bottom:0;height:100%;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;}.traffic.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{border-radius:50%;width:0.75em;height:0.75em;max-width:20px;max-height:20px;display:inline-block;margin-right:0.5em;}.close.__jsx-style-dynamic-selector{background-color:#ff5f56;}.mini.__jsx-style-dynamic-selector{background-color:#ffbd2e;}.full.__jsx-style-dynamic-selector{background-color:#27c93f;}` })
-  ] });
-});
-ImageBrowserComponent.displayName = "BolioUIImageBrowser";
-var ImageBrowser = with_scale_default(ImageBrowserComponent);
-var ImageBrowser_default = ImageBrowser;
-
-// core/Image/index.ts
-Image_default.Browser = ImageBrowser_default;
-var Image_default2 = Image_default;
-
-export {
-  Image_default2 as Image_default
-};

package/esm/chunk-CV4DIXTB.js

@@ -1,93 +0,0 @@
-import {
-  addColorAlpha
-} from "./chunk-RZBEZ26A.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-
-// core/Code/Code.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CodeComponent = React.forwardRef(({
-  children,
-  block = false,
-  className = "",
-  name = "",
-  classic = false,
-  tabs = [],
-  activeTab = 0,
-  onTabChange,
-  ...props
-}, ref) => {
-  const {
-    SCALES
-  } = use_scale_default();
-  const theme = use_theme_default();
-  const id = React.useId();
-  const tabRefs = React.useRef([]);
-  const {
-    background,
-    border,
-    tab
-  } = useMemo(() => {
-    if (!classic) return {
-      border: theme.palette.accents_2,
-      background: addColorAlpha(theme.palette.accents_1, 0.75),
-      tab: theme.palette.accents_1
-    };
-    return {
-      border: theme.palette.accents_2,
-      background: theme.palette.background,
-      tab: theme.palette.background
-    };
-  }, [classic, theme.palette]);
-  const hasTabs = tabs.length > 0;
-  const moveTab = (event, index) => {
-    var _a;
-    const last = tabs.length - 1;
-    const target = {
-      ArrowRight: index === last ? 0 : index + 1,
-      ArrowLeft: index === 0 ? last : index - 1,
-      Home: 0,
-      End: last
-    }[event.key];
-    if (target === void 0) return;
-    event.preventDefault();
-    onTabChange == null ? void 0 : onTabChange(target);
-    (_a = tabRefs.current[target]) == null ? void 0 : _a.focus();
-  };
-  if (!block) return /* @__PURE__ */ jsx("code", { ref, ...props, children });
-  return /* @__PURE__ */ jsxs("div", { ref, className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " pre", children: [
-    /* @__PURE__ */ jsxs("header", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]), children: [
-      /* @__PURE__ */ jsxs("div", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " traffic", children: [
-        /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " close" }),
-        /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " mini" }),
-        /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " full" })
-      ] }),
-      hasTabs ? /* @__PURE__ */ jsx("div", { role: "tablist", className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " tabs", children: tabs.map((label, index) => /* @__PURE__ */ jsx("button", { ref: (element) => {
-        tabRefs.current[index] = element;
-      }, type: "button", role: "tab", id: `${id}-tab-${index}`, "aria-selected": index === activeTab, "aria-controls": `${id}-panel`, tabIndex: index === activeTab ? 0 : -1, onClick: () => onTabChange == null ? void 0 : onTabChange(index), onKeyDown: (event) => moveTab(event, index), className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + ` name tab${index === activeTab ? " active" : ""}`, children: /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]), children: label }) }, `${label}-${index}`)) }) : name && /* @__PURE__ */ jsx("div", { className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " name active", children: name })
-    ] }),
-    /* @__PURE__ */ jsx("pre", { ...hasTabs && {
-      role: "tabpanel",
-      id: `${id}-panel`,
-      "aria-labelledby": `${id}-tab-${activeTab}`
-    }, ...props, className: _JSXStyle.dynamic([["1321188974", [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5]]]) + " " + (props && props.className != null && props.className || className || ""), children }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "1321188974", dynamic: [border, SCALES.font(0.875), SCALES.width(1, "initial"), SCALES.height(1, "auto"), SCALES.mt(1.3), SCALES.mr(0), SCALES.mb(1.3), SCALES.ml(0), theme.layout.radius, background, SCALES.pt(1.1), SCALES.pr(1), SCALES.pb(1.1), SCALES.pl(1), theme.palette.accents_2, theme.palette.border, theme.layout.gapHalf, theme.palette.accents_2, theme.palette.accents_5, SCALES.font(0.8125), SCALES.font(0.32), SCALES.font(0.5), SCALES.font(0.32), SCALES.font(0.5), tab, theme.palette.foreground, theme.palette.accents_5], children: `.pre.__jsx-style-dynamic-selector{max-width:100%;border:1px solid ${border};font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "initial")};height:${SCALES.height(1, "auto")};margin:${SCALES.mt(1.3)} ${SCALES.mr(0)} ${SCALES.mb(1.3)} ${SCALES.ml(0)};border-radius:${theme.layout.radius};background-color:${background};overflow:hidden;}pre.__jsx-style-dynamic-selector{max-width:100%;font-size:inherit;border:none;border-radius:0;margin:0;line-height:1.5em;padding:${SCALES.pt(1.1)} ${SCALES.pr(1)} ${SCALES.pb(1.1)} ${SCALES.pl(1)};}.dark.__jsx-style-dynamic-selector{color:white;background:black;}.dark.__jsx-style-dynamic-selector code.__jsx-style-dynamic-selector{color:white;}header.__jsx-style-dynamic-selector{height:2.5em;width:100%;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;border-bottom:1px solid ${theme.palette.accents_2};background-color:${theme.palette.border};}.traffic.__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;padding:0 ${theme.layout.gapHalf};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.traffic.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{border-radius:50%;width:0.75em;height:0.75em;max-width:12px;max-height:12px;display:inline-block;margin-right:0.5em;}.traffic.__jsx-style-dynamic-selector .close.__jsx-style-dynamic-selector{background-color:#ff5f56;}.traffic.__jsx-style-dynamic-selector .mini.__jsx-style-dynamic-selector{background-color:#ffbd2e;}.traffic.__jsx-style-dynamic-selector .full.__jsx-style-dynamic-selector{background-color:#27c93f;}.tabs.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:100%;}.tab.__jsx-style-dynamic-selector{min-width:0;}.tab.__jsx-style-dynamic-selector span.__jsx-style-dynamic-selector{overflow:hidden;text-overflow:ellipsis;}.name.__jsx-style-dynamic-selector{margin-bottom:-1px;border:none;border-right:1px solid ${theme.palette.accents_2};background-color:transparent;color:${theme.palette.accents_5};height:auto;line-height:1.35em;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;font-size:${SCALES.font(0.8125)};padding:${SCALES.font(0.32)} ${SCALES.font(0.5)} ${SCALES.font(0.32)} ${SCALES.font(0.5)};width:auto;white-space:nowrap;}.name.active.__jsx-style-dynamic-selector{background-color:${tab};}.tab.__jsx-style-dynamic-selector{font-family:inherit;cursor:pointer;}.tab.__jsx-style-dynamic-selector:hover,.tab.active.__jsx-style-dynamic-selector{color:${theme.palette.foreground};}.tab.__jsx-style-dynamic-selector:focus-visible{outline:2px solid ${theme.palette.accents_5};outline-offset:-2px;}` })
-  ] });
-});
-CodeComponent.displayName = "BolioUICode";
-var Code = with_scale_default(CodeComponent);
-var Code_default = Code;
-
-// core/Code/index.ts
-var Code_default2 = Code_default;
-
-export {
-  Code_default2 as Code_default
-};

package/esm/chunk-DD72MTCX.js

@@ -1,55 +0,0 @@
-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/Dot/Dot.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getColor = (type, theme) => {
-  const colors = {
-    default: theme.palette.accents_2,
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    error: theme.palette.error,
-    info: theme.palette.info
-  };
-  return colors[type] || colors.default;
-};
-var DotComponent = React.forwardRef(({
-  type = "default",
-  children,
-  className = "",
-  color = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const typeColor = useMemo(() => getColor(type, theme), [type, theme]);
-  return /* @__PURE__ */ jsxs("span", { ref, ...props, className: _JSXStyle.dynamic([["2211116772", [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), color ? color : typeColor]]]) + " " + (props && props.className != null && props.className || use_classes_default("dot", className) || ""), children: [
-    /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["2211116772", [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), color ? color : typeColor]]]) + " icon" }),
-    /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["2211116772", [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), color ? color : typeColor]]]) + " label", children }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2211116772", dynamic: [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), color ? color : typeColor], children: `.dot.__jsx-style-dynamic-selector{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;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)};}.icon.__jsx-style-dynamic-selector{width:0.625em;height:0.625em;min-width:calc(0.625 * 12px);min-height:calc(0.625 * 12px);line-height:0.625em;border-radius:50%;background-color:${color ? color : typeColor};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.label.__jsx-style-dynamic-selector{margin-left:0.5em;font-size:1em;line-height:1em;text-transform:capitalize;}` })
-  ] });
-});
-DotComponent.displayName = "BolioUIDot";
-var Dot = with_scale_default(DotComponent);
-var Dot_default = Dot;
-
-// core/Dot/index.ts
-var Dot_default2 = Dot_default;
-
-export {
-  Dot_default2 as Dot_default
-};

package/esm/chunk-DTRBG524.js

@@ -1,195 +0,0 @@
-import {
-  ModalContent_default,
-  ModalSubtitle_default,
-  ModalTitle_default,
-  backdrop_default,
-  use_body_scroll_default
-} from "./chunk-K53ERLS7.js";
-import {
-  use_keyboard_default
-} from "./chunk-F3AL4TQZ.js";
-import {
-  css_transition_default
-} from "./chunk-LDTDMDE6.js";
-import {
-  use_portal_default
-} from "./chunk-BXDUHMWS.js";
-import {
-  use_scale_default,
-  with_scale_default
-} from "./chunk-S62PPQHN.js";
-import {
-  isChildElement
-} from "./chunk-UX2B3G6U.js";
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Drawer/Drawer.tsx
-import React2, { useEffect as useEffect2, useState } from "react";
-import { createPortal } from "react-dom";
-
-// core/Drawer/DrawerWrapper.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect, useImperativeHandle, useMemo, useRef } from "react";
-
-// core/Drawer/helper.ts
-var getDrawerTransform = (placement) => {
-  const translates = {
-    top: {
-      initial: "translate3d(0, -100%, 0)",
-      hidden: "translate3d(0, -100%, 0)",
-      visible: "translate3d(0, 0, 0)"
-    },
-    left: {
-      initial: "translate3d(-100%, 0, 0)",
-      hidden: "translate3d(-100%, 0, 0)",
-      visible: "translate3d(0, 0, 0)"
-    },
-    bottom: {
-      initial: "translate3d(0, 100%, 0)",
-      hidden: "translate3d(0, 100%, 0)",
-      visible: "translate3d(0, 0, 0)"
-    },
-    right: {
-      initial: "translate3d(100%, 0, 0)",
-      hidden: "translate3d(100%, 0, 0)",
-      visible: "translate3d(0, 0, 0)"
-    }
-  };
-  return translates[placement];
-};
-
-// core/Drawer/DrawerWrapper.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var DrawerWrapper = React.forwardRef(({
-  className = "",
-  children,
-  visible = false,
-  placement,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const modalContent = useRef(null);
-  useImperativeHandle(ref, () => modalContent.current);
-  const tabStart = useRef(null);
-  const tabEnd = useRef(null);
-  const transform = useMemo(() => getDrawerTransform(placement), [placement]);
-  const classes = use_classes_default("wrapper", placement, className);
-  useEffect(() => {
-    if (!visible) return;
-    const activeElement = document.activeElement;
-    const isChild = isChildElement(modalContent.current, activeElement);
-    if (isChild) return;
-    if (tabStart.current) tabStart.current.focus();
-  }, [visible]);
-  const onKeyDown = (event) => {
-    const isTabDown = event.keyCode === 9;
-    if (!visible || !isTabDown) return;
-    const activeElement = document.activeElement;
-    if (event.shiftKey) {
-      if (activeElement === tabStart.current) {
-        if (tabEnd.current) tabEnd.current.focus();
-      }
-    } else {
-      if (activeElement === tabEnd.current) {
-        if (tabStart.current) tabStart.current.focus();
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(css_transition_default, { name: "wrapper", visible, clearTime: 300, children: /* @__PURE__ */ jsxs("div", { role: "dialog", "aria-modal": "true", tabIndex: -1, onKeyDown, ref: modalContent, ...props, className: _JSXStyle.dynamic([["157760385", [theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, transform.initial, SCALES.font(1), SCALES.pl(1.3125), SCALES.pr(1.3125), SCALES.pt(1.3125), SCALES.pb(1.3125), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.width(1, "auto"), SCALES.height(1, "100%"), transform.hidden, transform.visible, transform.visible, transform.hidden]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    /* @__PURE__ */ jsx("div", { tabIndex: 0, "aria-hidden": "true", ref: tabStart, className: _JSXStyle.dynamic([["157760385", [theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, transform.initial, SCALES.font(1), SCALES.pl(1.3125), SCALES.pr(1.3125), SCALES.pt(1.3125), SCALES.pb(1.3125), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.width(1, "auto"), SCALES.height(1, "100%"), transform.hidden, transform.visible, transform.visible, transform.hidden]]]) + " hide-tab start" }),
-    children,
-    /* @__PURE__ */ jsx("div", { tabIndex: 0, "aria-hidden": "true", ref: tabEnd, className: _JSXStyle.dynamic([["157760385", [theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, transform.initial, SCALES.font(1), SCALES.pl(1.3125), SCALES.pr(1.3125), SCALES.pt(1.3125), SCALES.pb(1.3125), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.width(1, "auto"), SCALES.height(1, "100%"), transform.hidden, transform.visible, transform.visible, transform.hidden]]]) + " hide-tab end" }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "157760385", dynamic: [theme.palette.background, theme.palette.foreground, theme.layout.radius, theme.expressiveness.shadowLarge, transform.initial, SCALES.font(1), SCALES.pl(1.3125), SCALES.pr(1.3125), SCALES.pt(1.3125), SCALES.pb(1.3125), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.width(1, "auto"), SCALES.height(1, "100%"), transform.hidden, transform.visible, transform.visible, transform.hidden], children: `.wrapper.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;right:0;bottom:0;max-width:100%;vertical-align:middle;overflow:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;box-sizing:border-box;background-color:${theme.palette.background};color:${theme.palette.foreground};border-radius:calc(3 * ${theme.layout.radius});box-shadow:${theme.expressiveness.shadowLarge};opacity:0;outline:none;-webkit-transform:${transform.initial};-ms-transform:${transform.initial};transform:${transform.initial};-webkit-transition: opacity, -webkit-transform 400ms cubic-bezier(0.1,0.6,0.1,1);-webkit-transition: opacity, transform 400ms cubic-bezier(0.1,0.6,0.1,1);transition: opacity, transform 400ms cubic-bezier(0.1,0.6,0.1,1);font-size:${SCALES.font(1)};--modal-wrapper-padding-left:${SCALES.pl(1.3125)};--modal-wrapper-padding-right:${SCALES.pr(1.3125)};padding:${SCALES.pt(1.3125)} var(--modal-wrapper-padding-right) ${SCALES.pb(1.3125)} var(--modal-wrapper-padding-left);margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.top.__jsx-style-dynamic-selector,.bottom.__jsx-style-dynamic-selector{width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};}.left.__jsx-style-dynamic-selector,.right.__jsx-style-dynamic-selector{width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "100%")};}.top.__jsx-style-dynamic-selector{bottom:auto;border-top-left-radius:0;border-top-right-radius:0;}.left.__jsx-style-dynamic-selector{right:auto;border-top-left-radius:0;border-bottom-left-radius:0;}.bottom.__jsx-style-dynamic-selector{top:auto;border-bottom-left-radius:0;border-bottom-right-radius:0;}.right.__jsx-style-dynamic-selector{left:auto;border-top-right-radius:0;border-bottom-right-radius:0;}.wrapper-enter.__jsx-style-dynamic-selector{opacity:0;-webkit-transform:${transform.hidden};-ms-transform:${transform.hidden};transform:${transform.hidden};}.wrapper-enter-active.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:${transform.visible};-ms-transform:${transform.visible};transform:${transform.visible};}.wrapper-leave.__jsx-style-dynamic-selector{opacity:1;-webkit-transform:${transform.visible};-ms-transform:${transform.visible};transform:${transform.visible};-webkit-transition: opacity, -webkit-transform 400ms cubic-bezier(0.1,0.2,0.1,1);-webkit-transition: opacity, transform 400ms cubic-bezier(0.1,0.2,0.1,1);transition: opacity, transform 400ms cubic-bezier(0.1,0.2,0.1,1);}.wrapper-leave-active.__jsx-style-dynamic-selector{opacity:0.4;-webkit-transform:${transform.hidden};-ms-transform:${transform.hidden};transform:${transform.hidden};}.hide-tab.__jsx-style-dynamic-selector{outline:none;overflow:hidden;width:0;height:0;opacity:0;}` })
-  ] }) });
-});
-DrawerWrapper.displayName = "BolioUIDrawerWrapper";
-var DrawerWrapper_default = DrawerWrapper;
-
-// core/Drawer/Drawer.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-var DrawerComponent = React2.forwardRef(
-  ({
-    visible: customVisible,
-    keyboard = true,
-    disableBackdropClick,
-    wrapClassName,
-    children,
-    placement,
-    onClose,
-    onContentClick,
-    ...props
-  }, ref) => {
-    const portal = use_portal_default("drawer");
-    const [visible, setVisible] = useState(false);
-    const [, setBodyHidden] = use_body_scroll_default(null, { delayReset: 300 });
-    const closeDrawer = () => {
-      if (onClose) onClose();
-      setVisible(false);
-      setBodyHidden(false);
-    };
-    useEffect2(() => {
-      if (typeof customVisible === "undefined") return;
-      setVisible(customVisible);
-      setBodyHidden(customVisible);
-    }, [customVisible, setBodyHidden]);
-    const { bindings } = use_keyboard_default(
-      () => {
-        if (keyboard) closeDrawer();
-      },
-      27 /* Escape */,
-      {
-        disableGlobalEvent: true
-      }
-    );
-    const closeFromBackdrop = () => {
-      if (disableBackdropClick) return;
-      closeDrawer();
-    };
-    if (!portal) return null;
-    return createPortal(
-      /* @__PURE__ */ jsx2(
-        backdrop_default,
-        {
-          onClick: closeFromBackdrop,
-          onContentClick,
-          visible,
-          width: "100%",
-          ...bindings,
-          children: /* @__PURE__ */ jsx2(
-            DrawerWrapper_default,
-            {
-              ref,
-              visible,
-              className: wrapClassName,
-              placement,
-              ...props,
-              children
-            }
-          )
-        }
-      ),
-      portal
-    );
-  }
-);
-DrawerComponent.displayName = "BolioUIDrawer";
-var Drawer = with_scale_default(DrawerComponent);
-var Drawer_default = Drawer;
-
-// core/Drawer/index.ts
-Drawer_default.Title = ModalTitle_default;
-Drawer_default.Subtitle = ModalSubtitle_default;
-Drawer_default.Content = ModalContent_default;
-var Drawer_default2 = Drawer_default;
-
-export {
-  Drawer_default2 as Drawer_default
-};