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

package/esm/chunk-NRSWR3C4.js

@@ -1,165 +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/Grid/Grid.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React2 from "react";
-
-// core/Grid/BasicItem.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultProps = {
-  xs: false,
-  sm: false,
-  md: false,
-  lg: false,
-  xl: false,
-  className: ""
-};
-var getItemLayout = (val) => {
-  const display = val === 0 ? "display: none;" : "display: block;";
-  if (typeof val === "number") {
-    const width = 100 / 12 * val;
-    const ratio = width > 100 ? "100%" : width < 0 ? "0" : `${width}%`;
-    return {
-      grow: 0,
-      display,
-      width: ratio,
-      basis: ratio
-    };
-  }
-  return {
-    grow: 1,
-    display,
-    width: "100%",
-    basis: "0"
-  };
-};
-var GridBasicItem = React.forwardRef(({
-  xs = defaultProps.xs,
-  sm = defaultProps.sm,
-  md = defaultProps.md,
-  lg = defaultProps.lg,
-  xl = defaultProps.xl,
-  justify,
-  direction,
-  alignItems,
-  alignContent,
-  children,
-  className = defaultProps.className,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const classes = useMemo(() => {
-    const aligns = {
-      justify,
-      direction,
-      alignItems,
-      alignContent,
-      xs,
-      sm,
-      md,
-      lg,
-      xl
-    };
-    const classString = Object.keys(aligns).reduce((pre, name) => {
-      if (aligns[name] !== void 0 && aligns[name] !== false) return `${pre} ${name}`;
-      return pre;
-    }, "");
-    return classString.trim();
-  }, [justify, direction, alignItems, alignContent, xs, sm, md, lg, xl]);
-  const layout = useMemo(() => ({
-    xs: getItemLayout(xs),
-    sm: getItemLayout(sm),
-    md: getItemLayout(md),
-    lg: getItemLayout(lg),
-    xl: getItemLayout(xl)
-  }), [xs, sm, md, lg, xl]);
-  return /* @__PURE__ */ jsxs("div", { ref, ...props, className: _JSXStyle.dynamic([["2387327819", [SCALES.font(1, "inherit"), SCALES.height(1, "auto"), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display]]]) + " " + (props && props.className != null && props.className || use_classes_default("item", classes, className) || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2387327819", dynamic: [SCALES.font(1, "inherit"), SCALES.height(1, "auto"), justify, direction, alignContent, alignItems, layout.xs.grow, layout.xs.width, layout.xs.basis, layout.xs.display, theme.breakpoints.sm.min, layout.sm.grow, layout.sm.width, layout.sm.basis, layout.sm.display, theme.breakpoints.md.min, layout.md.grow, layout.md.width, layout.md.basis, layout.md.display, theme.breakpoints.lg.min, layout.lg.grow, layout.lg.width, layout.lg.basis, layout.lg.display, theme.breakpoints.xl.min, layout.xl.grow, layout.xl.width, layout.xl.basis, layout.xl.display], children: `.item.__jsx-style-dynamic-selector{font-size:${SCALES.font(1, "inherit")};height:${SCALES.height(1, "auto")};}.justify.__jsx-style-dynamic-selector{-webkit-box-pack:${justify};-webkit-justify-content:${justify};-ms-flex-pack:${justify};justify-content:${justify};}.direction.__jsx-style-dynamic-selector{-webkit-flex-direction:${direction};-ms-flex-direction:${direction};flex-direction:${direction};}.alignContent.__jsx-style-dynamic-selector{-webkit-align-content:${alignContent};-ms-flex-line-pack:${alignContent};align-content:${alignContent};}.alignItems.__jsx-style-dynamic-selector{-webkit-align-items:${alignItems};-webkit-box-align:${alignItems};-ms-flex-align:${alignItems};align-items:${alignItems};}.xs.__jsx-style-dynamic-selector{-webkit-box-flex:${layout.xs.grow};-webkit-flex-grow:${layout.xs.grow};-ms-flex-positive:${layout.xs.grow};flex-grow:${layout.xs.grow};max-width:${layout.xs.width};-webkit-flex-basis:${layout.xs.basis};-ms-flex-preferred-size:${layout.xs.basis};flex-basis:${layout.xs.basis};${layout.xs.display};}@media only screen and (min-width:${theme.breakpoints.sm.min}){.sm.__jsx-style-dynamic-selector{-webkit-box-flex:${layout.sm.grow};-webkit-flex-grow:${layout.sm.grow};-ms-flex-positive:${layout.sm.grow};flex-grow:${layout.sm.grow};max-width:${layout.sm.width};-webkit-flex-basis:${layout.sm.basis};-ms-flex-preferred-size:${layout.sm.basis};flex-basis:${layout.sm.basis};${layout.sm.display};}}@media only screen and (min-width:${theme.breakpoints.md.min}){.md.__jsx-style-dynamic-selector{-webkit-box-flex:${layout.md.grow};-webkit-flex-grow:${layout.md.grow};-ms-flex-positive:${layout.md.grow};flex-grow:${layout.md.grow};max-width:${layout.md.width};-webkit-flex-basis:${layout.md.basis};-ms-flex-preferred-size:${layout.md.basis};flex-basis:${layout.md.basis};${layout.md.display};}}@media only screen and (min-width:${theme.breakpoints.lg.min}){.lg.__jsx-style-dynamic-selector{-webkit-box-flex:${layout.lg.grow};-webkit-flex-grow:${layout.lg.grow};-ms-flex-positive:${layout.lg.grow};flex-grow:${layout.lg.grow};max-width:${layout.lg.width};-webkit-flex-basis:${layout.lg.basis};-ms-flex-preferred-size:${layout.lg.basis};flex-basis:${layout.lg.basis};${layout.lg.display};}}@media only screen and (min-width:${theme.breakpoints.xl.min}){.xl.__jsx-style-dynamic-selector{-webkit-box-flex:${layout.xl.grow};-webkit-flex-grow:${layout.xl.grow};-ms-flex-positive:${layout.xl.grow};flex-grow:${layout.xl.grow};max-width:${layout.xl.width};-webkit-flex-basis:${layout.xl.basis};-ms-flex-preferred-size:${layout.xl.basis};flex-basis:${layout.xl.basis};${layout.xl.display};}}` })
-  ] });
-});
-GridBasicItem.displayName = "BolioUIGridBasicItem";
-var BasicItem_default = GridBasicItem;
-
-// core/Grid/Grid.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var GridComponent = React2.forwardRef(({
-  children,
-  className = "",
-  ...props
-}, ref) => {
-  const {
-    SCALES
-  } = use_scale_default();
-  const gridGapUnit = "var(--grid-gap-unit)";
-  const {
-    className: resolveClassName,
-    styles
-  } = {
-    styles: /* @__PURE__ */ jsx2(_JSXStyle2, { id: "2935018504", dynamic: [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0, gridGapUnit), SCALES.pr(0, gridGapUnit), SCALES.pb(0, gridGapUnit), SCALES.pl(0, gridGapUnit)], children: `div.__jsx-style-dynamic-selector{margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};box-sizing:border-box;padding:${SCALES.pt(0, gridGapUnit)} ${SCALES.pr(0, gridGapUnit)} ${SCALES.pb(0, gridGapUnit)} ${SCALES.pl(0, gridGapUnit)};}` }),
-    className: _JSXStyle2.dynamic([["2935018504", [SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.pt(0, gridGapUnit), SCALES.pr(0, gridGapUnit), SCALES.pb(0, gridGapUnit), SCALES.pl(0, gridGapUnit)]]])
-  };
-  const classes = use_classes_default(resolveClassName, className);
-  return /* @__PURE__ */ jsxs2(BasicItem_default, { ref, className: classes, ...props, children: [
-    children,
-    styles
-  ] });
-});
-GridComponent.displayName = "BolioUIGrid";
-var Grid = with_scale_default(GridComponent);
-var Grid_default = Grid;
-
-// core/Grid/GridContainer.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import React3, { useMemo as useMemo2 } from "react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var GridContainerComponent = React3.forwardRef(({
-  gap = 0,
-  wrap = "wrap",
-  children,
-  className = "",
-  ...props
-}, ref) => {
-  const {
-    unit,
-    SCALES
-  } = use_scale_default();
-  const gapUnit = useMemo2(() => `calc(${gap} * ${unit} * 1/3)`, [gap, unit]);
-  const {
-    className: resolveClassName,
-    styles
-  } = {
-    styles: /* @__PURE__ */ jsx3(_JSXStyle3, { id: "181637125", dynamic: [gapUnit, wrap, SCALES.width(1, "100%")], children: `div.__jsx-style-dynamic-selector{--grid-gap-unit:${gapUnit};display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:${wrap};-ms-flex-wrap:${wrap};flex-wrap:${wrap};box-sizing:border-box;width:${SCALES.width(1, "100%")};}` }),
-    className: _JSXStyle3.dynamic([["181637125", [gapUnit, wrap, SCALES.width(1, "100%")]]])
-  };
-  const classes = use_classes_default(resolveClassName, className);
-  return /* @__PURE__ */ jsxs3(BasicItem_default, { ref, className: classes, ...props, children: [
-    children,
-    styles
-  ] });
-});
-GridContainerComponent.displayName = "BolioUIGridContainer";
-var GridContainer = with_scale_default(GridContainerComponent);
-var GridContainer_default = GridContainer;
-
-// core/Grid/index.ts
-Grid_default.Container = GridContainer_default;
-var Grid_default2 = Grid_default;
-
-export {
-  Grid_default2 as Grid_default
-};

package/esm/chunk-OEHIZKSM.js

@@ -1,31 +0,0 @@
-import {
-  use_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Col/Col.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Col = React.forwardRef(({
-  component = "div",
-  children,
-  span = 12,
-  offset = 0,
-  className = "",
-  ...props
-}, ref) => {
-  const Component = component;
-  return /* @__PURE__ */ jsxs(Component, { ref, ...props, className: _JSXStyle.dynamic([["3968359939", [100 / 12 * span, 100 / 12 * offset]]]) + " " + (props && props.className != null && props.className || use_classes_default("col", className) || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "3968359939", dynamic: [100 / 12 * span, 100 / 12 * offset], children: `.col.__jsx-style-dynamic-selector{box-sizing:border-box;padding-left:calc(var(--row-gap) / 2);padding-right:calc(var(--row-gap) / 2);width:${100 / 12 * span}%;margin-left:${100 / 12 * offset}%;}` })
-  ] });
-});
-Col.displayName = "BolioUICol";
-var Col_default = Col;
-
-// core/Col/index.ts
-var Col_default2 = Col_default;
-
-export {
-  Col_default2 as Col_default
-};

package/esm/chunk-OFNHKVGZ.js

@@ -1,136 +0,0 @@
-import {
-  getRefRect
-} from "./chunk-DSX6YDJM.js";
-import {
-  use_click_anywhere_default
-} from "./chunk-V57PNXMD.js";
-import {
-  use_resize_default
-} from "./chunk-JJFOGZ6V.js";
-import {
-  log_warning_default
-} from "./chunk-AXYDJGTN.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_classes_default
-} from "./chunk-5KUROAEP.js";
-
-// core/Shared/dropdown.tsx
-import _JSXStyle from "styled-jsx/style";
-import React, { useEffect as useEffect2, useState } from "react";
-import { createPortal } from "react-dom";
-
-// core/utils/use-dom-observer.ts
-import { useEffect } from "react";
-var config = { attributes: false, childList: true, subtree: true };
-var useDOMObserver = (ref, callback = () => {
-}) => {
-  const latest = use_latest_default(callback);
-  useEffect(() => {
-    if (!ref || !ref.current) return;
-    let unmount = false;
-    const done = (...params) => {
-      if (unmount) return;
-      latest.current(...params);
-    };
-    const observer = new MutationObserver(done);
-    observer.observe(ref.current, config);
-    return () => {
-      unmount = true;
-      observer.disconnect();
-    };
-  }, [ref, latest]);
-};
-var use_dom_observer_default = useDOMObserver;
-
-// core/Shared/dropdown.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var defaultRect = {
-  top: -1e3,
-  left: -1e3,
-  right: -1e3,
-  width: 0
-};
-var Dropdown = React.memo(({
-  children,
-  parent,
-  visible,
-  disableMatchWidth,
-  getPopupContainer
-}) => {
-  const el = use_portal_default("dropdown", getPopupContainer);
-  const [rect, setRect] = useState(defaultRect);
-  const classes = use_classes_default("dropdown", disableMatchWidth ? "disable-match" : "width-match");
-  if (parent && process.env.NODE_ENV !== "production") {
-    if (getPopupContainer && getPopupContainer()) {
-      const el2 = getPopupContainer();
-      const style = window.getComputedStyle(el2);
-      if (style.position === "static") {
-        log_warning_default('The element specified by "getPopupContainer" must have "position" set.');
-      }
-    }
-  }
-  const updateRect = () => {
-    if (!parent) return;
-    const {
-      top,
-      left,
-      right,
-      width: nativeWidth
-    } = getRefRect(parent, getPopupContainer);
-    setRect({
-      top,
-      left,
-      right,
-      width: nativeWidth
-    });
-  };
-  use_resize_default(updateRect);
-  use_click_anywhere_default(() => {
-    const {
-      top,
-      left
-    } = getRefRect(parent, getPopupContainer);
-    const shouldUpdatePosition = top !== rect.top || left !== rect.left;
-    if (!shouldUpdatePosition) return;
-    updateRect();
-  });
-  use_dom_observer_default(parent, () => {
-    updateRect();
-  });
-  const latestUpdate = use_latest_default(updateRect);
-  useEffect2(() => {
-    const element = parent && parent.current;
-    if (!element) return;
-    const listener = () => latestUpdate.current();
-    element.addEventListener("mouseenter", listener);
-    return () => element.removeEventListener("mouseenter", listener);
-  }, [parent, latestUpdate]);
-  const clickHandler = (event) => {
-    event.stopPropagation();
-    event.nativeEvent.stopImmediatePropagation();
-    event.preventDefault();
-  };
-  const mouseDownHandler = (event) => {
-    event.preventDefault();
-  };
-  if (!parent || !el) return null;
-  return createPortal(/* @__PURE__ */ jsx(css_transition_default, { visible, children: /* @__PURE__ */ jsxs("div", { onClick: clickHandler, onMouseDown: mouseDownHandler, className: _JSXStyle.dynamic([["1644673105", [rect.top + 2, rect.left, rect.width, rect.width]]]) + " " + (classes || ""), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "1644673105", dynamic: [rect.top + 2, rect.left, rect.width, rect.width], children: `.dropdown.__jsx-style-dynamic-selector{position:absolute;top:${rect.top + 2}px;left:${rect.left}px;z-index:1100;}.width-match.__jsx-style-dynamic-selector{width:${rect.width}px;}.disable-match.__jsx-style-dynamic-selector{min-width:${rect.width}px;}` })
-  ] }) }), el);
-});
-Dropdown.displayName = "BolioUIDropdown";
-var dropdown_default = Dropdown;
-
-export {
-  dropdown_default
-};

package/esm/chunk-PGK3BYA2.js

@@ -1,60 +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/Skeleton/Skeleton.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var SkeletonComponent = React.forwardRef(({
-  lines = 1,
-  circle = false,
-  loading = true,
-  className = "",
-  children,
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const hasChildren = children !== void 0 && children !== null;
-  const classes = use_classes_default("skeleton", {
-    circle
-  }, className);
-  if (hasChildren && !loading) return /* @__PURE__ */ jsx(Fragment, { children });
-  const width = SCALES.width(1, circle ? "2.5em" : "100%");
-  const height = SCALES.height(1, circle ? width : "1em");
-  const count = circle ? 1 : Math.max(1, Math.floor(lines));
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      "aria-busy": hasChildren || void 0,
-      "aria-hidden": hasChildren ? void 0 : true,
-      ...props,
-      className: _JSXStyle.dynamic([["434200294", [width, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), height, theme.layout.radius, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2]]]) + " " + (props && props.className != null && props.className || classes || ""),
-      children: [
-        [...Array(count)].map((_, index) => /* @__PURE__ */ jsx("span", { "aria-hidden": hasChildren || void 0, className: _JSXStyle.dynamic([["434200294", [width, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), height, theme.layout.radius, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2]]]) + " shape" }, index)),
-        /* @__PURE__ */ jsx(_JSXStyle, { id: "434200294", dynamic: [width, SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), height, theme.layout.radius, theme.palette.accents_1, theme.palette.accents_2, theme.palette.accents_1, theme.palette.accents_2], children: `.skeleton.__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;gap:0.5em;box-sizing:border-box;width:${width};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.shape.__jsx-style-dynamic-selector{display:block;width:100%;height:${height};border-radius:${theme.layout.radius};background:linear-gradient( 90deg, ${theme.palette.accents_1} 25%, ${theme.palette.accents_2} 37%, ${theme.palette.accents_1} 63% );background-size:400% 100%;-webkit-animation:shimmer-__jsx-style-dynamic-selector 1.4s ease infinite;animation:shimmer-__jsx-style-dynamic-selector 1.4s ease infinite;}.shape.__jsx-style-dynamic-selector:last-child.__jsx-style-dynamic-selector:not(:first-child){width:60%;}.circle.__jsx-style-dynamic-selector .shape.__jsx-style-dynamic-selector{border-radius:50%;}@-webkit-keyframes shimmer-__jsx-style-dynamic-selector{from{background-position:100% 50%;}to{background-position:0 50%;}}@keyframes shimmer-__jsx-style-dynamic-selector{from{background-position:100% 50%;}to{background-position:0 50%;}}@media (prefers-reduced-motion:reduce){.shape.__jsx-style-dynamic-selector{-webkit-animation:none;animation:none;background:${theme.palette.accents_2};}}` })
-      ]
-    }
-  );
-});
-SkeletonComponent.displayName = "BolioUISkeleton";
-var Skeleton = with_scale_default(SkeletonComponent);
-var Skeleton_default = Skeleton;
-
-// core/Skeleton/index.ts
-var Skeleton_default2 = Skeleton_default;
-
-export {
-  Skeleton_default2 as Skeleton_default
-};

package/esm/chunk-PHKAYQE4.js

@@ -1,42 +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/Description/Description.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DescriptionComponent = React.forwardRef(({
-  title = "Title",
-  content = "",
-  className = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  const classes = use_classes_default("description", className);
-  return /* @__PURE__ */ jsxs("dl", { ref, ...props, className: _JSXStyle.dynamic([["2223883812", [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), theme.palette.accents_5, theme.palette.foreground]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
-    /* @__PURE__ */ jsx("dt", { className: _JSXStyle.dynamic([["2223883812", [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), theme.palette.accents_5, theme.palette.foreground]]]), children: title }),
-    /* @__PURE__ */ jsx("dd", { className: _JSXStyle.dynamic([["2223883812", [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), theme.palette.accents_5, theme.palette.foreground]]]), children: content }),
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "2223883812", 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), theme.palette.accents_5, theme.palette.foreground], children: `.description.__jsx-style-dynamic-selector{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)};}dt.__jsx-style-dynamic-selector{font-size:0.75em;line-height:1em;margin-bottom:0.5em;text-transform:uppercase;white-space:nowrap;color:${theme.palette.accents_5};font-weight:500;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}dd.__jsx-style-dynamic-selector{font-size:0.875em;margin:0;line-height:1.1em;color:${theme.palette.foreground};font-weight:500;}dd.__jsx-style-dynamic-selector p,dt.__jsx-style-dynamic-selector p{margin:0;}` })
-  ] });
-});
-DescriptionComponent.displayName = "BolioUIDescription";
-var Description = with_scale_default(DescriptionComponent);
-var Description_default = Description;
-
-// core/Description/index.ts
-var Description_default2 = Description_default;
-
-export {
-  Description_default2 as Description_default
-};

package/esm/chunk-PJH7CP77.js

@@ -1,27 +0,0 @@
-import {
-  use_theme_default
-} from "./chunk-45MVPPJN.js";
-
-// core/Input/InputBlockLabel.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-function InputBlockLabelComponent({
-  children,
-  error,
-  id,
-  htmlFor
-}) {
-  const theme = use_theme_default();
-  return /* @__PURE__ */ jsxs("label", { id, htmlFor, className: _JSXStyle.dynamic([["3520806922", [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : "0.5em", error ? "0.2em" : 0, error ? "0.775rem" : "1em"]]]), children: [
-    children,
-    /* @__PURE__ */ jsx(_JSXStyle, { id: "3520806922", dynamic: [error ? theme.palette.error : theme.palette.accents_6, error ? 0 : "0.5em", error ? "0.2em" : 0, error ? "0.775rem" : "1em"], children: `label.__jsx-style-dynamic-selector{display:block;font-weight:normal;color:${error ? theme.palette.error : theme.palette.accents_6};padding:0 0 0 1px;margin-bottom:${error ? 0 : "0.5em"};margin-top:${error ? "0.2em" : 0};font-size:${error ? "0.775rem" : "1em"};line-height:1.5;}label.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}label.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}` })
-  ] });
-}
-InputBlockLabelComponent.displayName = "BolioUIInputBlockLabel";
-var InputBlockLabel = React.memo(InputBlockLabelComponent);
-var InputBlockLabel_default = InputBlockLabel;
-
-export {
-  InputBlockLabel_default
-};

package/esm/chunk-QMV4ULSR.js

@@ -1,124 +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/Avatar/Avatar.tsx
-import _JSXStyle2 from "styled-jsx/style";
-import React2, { useEffect, useRef, useState } from "react";
-
-// core/Avatar/AvatarSkeleton.tsx
-import _JSXStyle from "styled-jsx/style";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var AvatarSkeleton = 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;}}` }) });
-});
-AvatarSkeleton.displayName = "BolioUIAvatarSkeleton";
-var AvatarSkeleton_default = AvatarSkeleton;
-
-// core/Avatar/Avatar.tsx
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var safeText = (text) => {
-  if (text.length <= 4) return text;
-  return text.slice(0, 3);
-};
-var AvatarComponent = React2.forwardRef(({
-  src,
-  stacked = false,
-  text = "",
-  isSquare = false,
-  className = "",
-  ...props
-}, ref) => {
-  const theme = use_theme_default();
-  const {
-    SCALES,
-    getScaleProps
-  } = use_scale_default();
-  const showText = !src;
-  const radius = isSquare ? theme.layout.radius : "50%";
-  const marginLeft = stacked ? SCALES.ml(-0.625) : SCALES.ml(0);
-  const classes = use_classes_default("avatar", className);
-  const width = getScaleProps(["width", "w"]);
-  const height = getScaleProps(["height", "h"]);
-  const showAnimation = width && height;
-  const [loading, setLoading] = useState(true);
-  const [showSkeleton, setShowSkeleton] = useState(true);
-  const imageRef = useRef(null);
-  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);
-    }, 3e3);
-    return () => clearTimeout(timer);
-  }, [loading, showAnimation]);
-  return /* @__PURE__ */ jsxs("span", { ref, className: _JSXStyle2.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (classes || ""), children: [
-    !showText && /* @__PURE__ */ jsxs(Fragment, { children: [
-      showSkeleton && showAnimation && /* @__PURE__ */ jsx2(AvatarSkeleton_default, { opacity: loading ? 1 : 0 }),
-      /* @__PURE__ */ jsx2("img", { alt: "Avatar", src, ref: imageRef, onLoad: imageLoaded, draggable: false, ...props, className: _JSXStyle2.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-img") })
-    ] }),
-    showText && /* @__PURE__ */ jsx2("span", { ...props, className: _JSXStyle2.dynamic([["2602621947", [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || "avatar-text"), children: safeText(text) }),
-    /* @__PURE__ */ jsx2(_JSXStyle2, { id: "2602621947", dynamic: [radius, theme.palette.accents_2, SCALES.width(1.75) || SCALES.height(1.75), SCALES.height(1.75) || SCALES.width(1.75), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), marginLeft, radius, SCALES.font(1)], children: `.avatar.__jsx-style-dynamic-selector{display:inline-block;position:relative;overflow:hidden;border-radius:${radius};vertical-align:top;background-color:${theme.palette.accents_2};box-sizing:border-box;width:${SCALES.width(1.75) || SCALES.height(1.75)};height:${SCALES.height(1.75) || SCALES.width(1.75)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${marginLeft};}.avatar-img.__jsx-style-dynamic-selector{display:inline-block;object-fit:cover;width:100%;height:100%;border-radius:${radius};-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;}.avatar-text.__jsx-style-dynamic-selector{position:absolute;left:50%;top:50%;font-size:${SCALES.font(1)};font-weight:bold;text-align:center;-webkit-transform:translate(-50%,-50%) scale(0.65);-ms-transform:translate(-50%,-50%) scale(0.65);transform:translate(-50%,-50%) scale(0.65);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-transform:none;}` })
-  ] });
-});
-AvatarComponent.displayName = "BolioUIAvatar";
-var Avatar = with_scale_default(AvatarComponent);
-var Avatar_default = Avatar;
-
-// core/Avatar/AvatarGroup.tsx
-import _JSXStyle3 from "styled-jsx/style";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-function AvatarGroupComponent({
-  count,
-  className = "",
-  children
-}) {
-  const theme = use_theme_default();
-  const {
-    SCALES
-  } = use_scale_default();
-  return /* @__PURE__ */ jsxs2("div", { className: _JSXStyle3.dynamic([["441769479", [SCALES.width(1, "max-content"), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " " + (use_classes_default("avatar-group", className) || ""), children: [
-    children,
-    count && /* @__PURE__ */ jsxs2("span", { className: _JSXStyle3.dynamic([["441769479", [SCALES.width(1, "max-content"), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7]]]) + " count", children: [
-      "+",
-      count
-    ] }),
-    /* @__PURE__ */ jsx3(_JSXStyle3, { id: "441769479", dynamic: [SCALES.width(1, "max-content"), 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), SCALES.ml(0.625), SCALES.font(0.875), theme.palette.accents_7], children: `.avatar-group.__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;width:${SCALES.width(1, "max-content")};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)};}.avatar-group.__jsx-style-dynamic-selector .avatar{margin-left:-${SCALES.ml(0.625)};}.count.__jsx-style-dynamic-selector{font-size:${SCALES.font(0.875)};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;padding-left:5.5px;color:${theme.palette.accents_7};}` })
-  ] });
-}
-AvatarGroupComponent.displayName = "BolioUIAvatarGroup";
-var AvatarGroup = with_scale_default(AvatarGroupComponent);
-var AvatarGroup_default = AvatarGroup;
-
-// core/Avatar/index.ts
-Avatar_default.Group = AvatarGroup_default;
-var Avatar_default2 = Avatar_default;
-
-export {
-  Avatar_default2 as Avatar_default
-};