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

package/esm/chunk-S62PPQHN.js

@@ -0,0 +1,208 @@
+import {
+  isCSSNumberValue
+} from "./chunk-UX2B3G6U.js";
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+
+// core/use-scale/with-scale.tsx
+import { forwardRef } from "react";
+
+// core/use-scale/scale-context.ts
+import React from "react";
+var ScalePropKeys = [
+  "width",
+  "height",
+  "padding",
+  "margin",
+  "w",
+  "h",
+  "paddingLeft",
+  "paddingRight",
+  "paddingTop",
+  "paddingBottom",
+  "pl",
+  "pr",
+  "pt",
+  "pb",
+  "marginLeft",
+  "marginRight",
+  "marginTop",
+  "marginBottom",
+  "ml",
+  "mr",
+  "mt",
+  "mb",
+  "px",
+  "py",
+  "mx",
+  "my",
+  "font",
+  "unit",
+  "scale"
+];
+var defaultDynamicLayoutPipe = (scale1x) => {
+  return `${scale1x}`;
+};
+var defaultContext = {
+  getScaleProps: () => void 0,
+  getAllScaleProps: () => ({}),
+  SCALES: {
+    pl: defaultDynamicLayoutPipe,
+    pr: defaultDynamicLayoutPipe,
+    pb: defaultDynamicLayoutPipe,
+    pt: defaultDynamicLayoutPipe,
+    px: defaultDynamicLayoutPipe,
+    py: defaultDynamicLayoutPipe,
+    mb: defaultDynamicLayoutPipe,
+    ml: defaultDynamicLayoutPipe,
+    mr: defaultDynamicLayoutPipe,
+    mt: defaultDynamicLayoutPipe,
+    mx: defaultDynamicLayoutPipe,
+    my: defaultDynamicLayoutPipe,
+    width: defaultDynamicLayoutPipe,
+    height: defaultDynamicLayoutPipe,
+    font: defaultDynamicLayoutPipe
+  },
+  unit: "16px"
+};
+var ScaleContext = React.createContext(defaultContext);
+var useScale = () => React.useContext(ScaleContext);
+
+// core/use-scale/utils.ts
+var generateGetScaleProps = (props) => {
+  const getScaleProps = (keyOrKeys) => {
+    if (!Array.isArray(keyOrKeys)) return props[keyOrKeys];
+    let value = void 0;
+    for (const key of keyOrKeys) {
+      const currentValue = props[key];
+      if (typeof currentValue !== "undefined") {
+        value = currentValue;
+      }
+    }
+    return value;
+  };
+  return getScaleProps;
+};
+var generateGetAllScaleProps = (props) => {
+  const getAllScaleProps = () => {
+    const scaleProps = {};
+    for (const key of ScalePropKeys) {
+      const value = props[key];
+      if (typeof value !== "undefined") {
+        scaleProps[key] = value;
+      }
+    }
+    return scaleProps;
+  };
+  return getAllScaleProps;
+};
+
+// core/use-scale/with-scale.tsx
+import { jsx } from "react/jsx-runtime";
+var reduceScaleCoefficient = (scale) => {
+  if (scale === 1) return scale;
+  const diff = Math.abs((scale - 1) / 2);
+  return scale > 1 ? 1 + diff : 1 - diff;
+};
+function withScale(Render) {
+  const ScaleFC = forwardRef(
+    ({ children, ...props }, ref) => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F;
+      const { layout } = use_theme_default();
+      const {
+        paddingLeft,
+        pl,
+        paddingRight,
+        pr,
+        paddingTop,
+        pt,
+        paddingBottom,
+        pb,
+        marginTop,
+        mt,
+        marginRight,
+        mr,
+        marginBottom,
+        mb,
+        marginLeft,
+        ml,
+        px,
+        py,
+        mx,
+        my,
+        width,
+        height,
+        font,
+        w,
+        h,
+        margin,
+        padding,
+        unit = layout.unit,
+        scale = 1,
+        ...innerProps
+      } = props;
+      const makeScaleHandler = (attrValue) => (scale1x, defaultValue) => {
+        if (scale1x === 0) {
+          scale1x = 1;
+          defaultValue = defaultValue || 0;
+        }
+        const factor = reduceScaleCoefficient(scale) * scale1x;
+        if (typeof attrValue === "undefined") {
+          if (typeof defaultValue !== "undefined") return `${defaultValue}`;
+          return `calc(${factor} * ${unit})`;
+        }
+        if (!isCSSNumberValue(attrValue)) return `${attrValue}`;
+        const customFactor = factor * Number(attrValue);
+        return `calc(${customFactor} * ${unit})`;
+      };
+      const value = {
+        unit,
+        SCALES: {
+          pt: makeScaleHandler((_b = (_a = paddingTop != null ? paddingTop : pt) != null ? _a : py) != null ? _b : padding),
+          pr: makeScaleHandler((_d = (_c = paddingRight != null ? paddingRight : pr) != null ? _c : px) != null ? _d : padding),
+          pb: makeScaleHandler((_f = (_e = paddingBottom != null ? paddingBottom : pb) != null ? _e : py) != null ? _f : padding),
+          pl: makeScaleHandler((_h = (_g = paddingLeft != null ? paddingLeft : pl) != null ? _g : px) != null ? _h : padding),
+          px: makeScaleHandler(
+            (_l = (_k = (_j = (_i = px != null ? px : paddingLeft) != null ? _i : paddingRight) != null ? _j : pl) != null ? _k : pr) != null ? _l : padding
+          ),
+          py: makeScaleHandler(
+            (_p = (_o = (_n = (_m = py != null ? py : paddingTop) != null ? _m : paddingBottom) != null ? _n : pt) != null ? _o : pb) != null ? _p : padding
+          ),
+          mt: makeScaleHandler((_r = (_q = marginTop != null ? marginTop : mt) != null ? _q : my) != null ? _r : margin),
+          mr: makeScaleHandler((_t = (_s = marginRight != null ? marginRight : mr) != null ? _s : mx) != null ? _t : margin),
+          mb: makeScaleHandler((_v = (_u = marginBottom != null ? marginBottom : mb) != null ? _u : my) != null ? _v : margin),
+          ml: makeScaleHandler((_x = (_w = marginLeft != null ? marginLeft : ml) != null ? _w : mx) != null ? _x : margin),
+          mx: makeScaleHandler(
+            (_B = (_A = (_z = (_y = mx != null ? mx : marginLeft) != null ? _y : marginRight) != null ? _z : ml) != null ? _A : mr) != null ? _B : margin
+          ),
+          my: makeScaleHandler(
+            (_F = (_E = (_D = (_C = my != null ? my : marginTop) != null ? _C : marginBottom) != null ? _D : mt) != null ? _E : mb) != null ? _F : margin
+          ),
+          width: makeScaleHandler(width != null ? width : w),
+          height: makeScaleHandler(height != null ? height : h),
+          font: makeScaleHandler(font)
+        },
+        getScaleProps: generateGetScaleProps(props),
+        getAllScaleProps: generateGetAllScaleProps(props)
+      };
+      return /* @__PURE__ */ jsx(ScaleContext.Provider, { value, children: /* @__PURE__ */ jsx(Render, { ...innerProps, ref, children }) });
+    }
+  );
+  ScaleFC.displayName = `Scale${Render.displayName || "Wrapper"}`;
+  return ScaleFC;
+}
+var with_scale_default = withScale;
+
+// core/use-scale/index.ts
+var use_scale_default = useScale;
+
+export {
+  ScalePropKeys,
+  ScaleContext,
+  useScale,
+  generateGetScaleProps,
+  generateGetAllScaleProps,
+  with_scale_default,
+  use_scale_default
+};

package/esm/chunk-TF3CTLKX.js

@@ -0,0 +1,42 @@
+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/Spinner/Spinner.tsx
+import _JSXStyle from "styled-jsx/style";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getSpans = (theme) => {
+  return [...new Array(12)].map((_, index) => /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["3296107463", [theme.palette.foreground, theme.layout.radius]]]), children: /* @__PURE__ */ jsx(_JSXStyle, { id: "3296107463", dynamic: [theme.palette.foreground, theme.layout.radius], children: `span.__jsx-style-dynamic-selector{background-color:${theme.palette.foreground};position:absolute;top:-3.9%;width:24%;height:8%;left:-10%;border-radius:${theme.layout.radius};-webkit-animation:spinner-__jsx-style-dynamic-selector 1.2s linear 0s infinite normal none running;animation:spinner-__jsx-style-dynamic-selector 1.2s linear 0s infinite normal none running;}span.__jsx-style-dynamic-selector:nth-child(1){-webkit-animation-delay:-1.2s;animation-delay:-1.2s;-webkit-transform:rotate(0deg) translate(146%);-ms-transform:rotate(0deg) translate(146%);transform:rotate(0deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(2){-webkit-animation-delay:-1.1s;animation-delay:-1.1s;-webkit-transform:rotate(30deg) translate(146%);-ms-transform:rotate(30deg) translate(146%);transform:rotate(30deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(3){-webkit-animation-delay:-1s;animation-delay:-1s;-webkit-transform:rotate(60deg) translate(146%);-ms-transform:rotate(60deg) translate(146%);transform:rotate(60deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(4){-webkit-animation-delay:-0.9s;animation-delay:-0.9s;-webkit-transform:rotate(90deg) translate(146%);-ms-transform:rotate(90deg) translate(146%);transform:rotate(90deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(5){-webkit-animation-delay:-0.8s;animation-delay:-0.8s;-webkit-transform:rotate(120deg) translate(146%);-ms-transform:rotate(120deg) translate(146%);transform:rotate(120deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(6){-webkit-animation-delay:-0.7s;animation-delay:-0.7s;-webkit-transform:rotate(150deg) translate(146%);-ms-transform:rotate(150deg) translate(146%);transform:rotate(150deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(7){-webkit-animation-delay:-0.6s;animation-delay:-0.6s;-webkit-transform:rotate(180deg) translate(146%);-ms-transform:rotate(180deg) translate(146%);transform:rotate(180deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(8){-webkit-animation-delay:-0.5s;animation-delay:-0.5s;-webkit-transform:rotate(210deg) translate(146%);-ms-transform:rotate(210deg) translate(146%);transform:rotate(210deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(9){-webkit-animation-delay:-0.4s;animation-delay:-0.4s;-webkit-transform:rotate(240deg) translate(146%);-ms-transform:rotate(240deg) translate(146%);transform:rotate(240deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(10){-webkit-animation-delay:-0.3s;animation-delay:-0.3s;-webkit-transform:rotate(270deg) translate(146%);-ms-transform:rotate(270deg) translate(146%);transform:rotate(270deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(11){-webkit-animation-delay:-0.2s;animation-delay:-0.2s;-webkit-transform:rotate(300deg) translate(146%);-ms-transform:rotate(300deg) translate(146%);transform:rotate(300deg) translate(146%);}span.__jsx-style-dynamic-selector:nth-child(12){-webkit-animation-delay:-0.1s;animation-delay:-0.1s;-webkit-transform:rotate(330deg) translate(146%);-ms-transform:rotate(330deg) translate(146%);transform:rotate(330deg) translate(146%);}@-webkit-keyframes spinner-__jsx-style-dynamic-selector{0%{opacity:1;}100%{opacity:0.15;}}@keyframes spinner-__jsx-style-dynamic-selector{0%{opacity:1;}100%{opacity:0.15;}}` }) }, `spinner-${index}`));
+};
+var SpinnerComponent = React.forwardRef(({
+  className = "",
+  ...props
+}, ref) => {
+  const theme = use_theme_default();
+  const {
+    SCALES
+  } = use_scale_default();
+  const classes = use_classes_default("spinner", className);
+  return /* @__PURE__ */ jsxs("div", { ref, role: "status", ...props, className: _JSXStyle.dynamic([["104472362", [SCALES.width(1.25), SCALES.height(1.25), 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 || classes || ""), children: [
+    /* @__PURE__ */ jsx("div", { className: _JSXStyle.dynamic([["104472362", [SCALES.width(1.25), SCALES.height(1.25), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " container", children: getSpans(theme) }),
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "104472362", dynamic: [SCALES.width(1.25), SCALES.height(1.25), 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: `.spinner.__jsx-style-dynamic-selector{display:block;box-sizing:border-box;width:${SCALES.width(1.25)};height:${SCALES.height(1.25)};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)};}.container.__jsx-style-dynamic-selector{width:100%;height:100%;position:relative;left:50%;top:50%;}` })
+  ] });
+});
+SpinnerComponent.displayName = "BolioUISpinner";
+var Spinner = with_scale_default(SpinnerComponent);
+var Spinner_default = Spinner;
+
+// core/Spinner/index.ts
+var Spinner_default2 = Spinner_default;
+
+export {
+  Spinner_default2 as Spinner_default
+};

package/esm/chunk-TFZ2IGNH.js

@@ -0,0 +1,14 @@
+import {
+  Themes_default
+} from "./chunk-QUMM6MGX.js";
+
+// core/use-theme/theme-context.ts
+import React from "react";
+var defaultTheme = Themes_default.getPresetStaticTheme();
+var ThemeContext = React.createContext(defaultTheme);
+var useTheme = () => React.useContext(ThemeContext);
+
+export {
+  ThemeContext,
+  useTheme
+};

package/esm/chunk-TUWG4TLU.js

@@ -0,0 +1,97 @@
+import {
+  getVariantColors,
+  isSemanticColorType
+} from "./chunk-GJZT47MP.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-S62PPQHN.js";
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+
+// core/Tag/Tag.tsx
+import _JSXStyle from "styled-jsx/style";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getColors = (type, palette, {
+  invert,
+  light,
+  subtle
+}) => {
+  if (isSemanticColorType(type)) {
+    const variant = subtle ? "subtle" : light ? "light" : invert ? "filled" : "outline";
+    const {
+      bg,
+      border,
+      color
+    } = getVariantColors(palette, type, variant);
+    return {
+      color,
+      bgColor: bg,
+      borderColor: border
+    };
+  }
+  const colors = {
+    default: {
+      color: palette.foreground
+    },
+    dark: {
+      color: palette.background,
+      bgColor: palette.foreground
+    },
+    lite: {
+      color: palette.foreground,
+      bgColor: palette.accents_2
+    }
+  };
+  const hideBorder = invert || type === "lite";
+  const key = type;
+  const cardStyle = {
+    ...colors[key],
+    bgColor: colors[key].bgColor || palette.background,
+    borderColor: hideBorder ? "transparent" : colors[key].color
+  };
+  return !invert ? cardStyle : {
+    ...cardStyle,
+    color: cardStyle.bgColor,
+    bgColor: cardStyle.color
+  };
+};
+var TagComponent = React.forwardRef(({
+  type = "default",
+  children,
+  className = "",
+  invert = false,
+  light = false,
+  subtle = false,
+  ...props
+}, ref) => {
+  const theme = use_theme_default();
+  const {
+    SCALES
+  } = use_scale_default();
+  const {
+    color,
+    bgColor,
+    borderColor
+  } = useMemo(() => getColors(type, theme.palette, {
+    invert,
+    light,
+    subtle
+  }), [type, theme.palette, invert, light, subtle]);
+  return /* @__PURE__ */ jsxs("span", { ref, ...props, className: _JSXStyle.dynamic([["3433524475", [borderColor, bgColor, color, SCALES.height(0.3125), SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1.75), SCALES.pt(0.375), SCALES.pr(0.375), SCALES.pb(0.375), SCALES.pl(0.375), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children: [
+    children,
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "3433524475", dynamic: [borderColor, bgColor, color, SCALES.height(0.3125), SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1.75), SCALES.pt(0.375), SCALES.pr(0.375), SCALES.pb(0.375), SCALES.pl(0.375), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `span.__jsx-style-dynamic-selector{display:inline-block;border:1px solid ${borderColor};background-color:${bgColor};color:${color};box-sizing:border-box;line-height:1em;border-radius:${SCALES.height(0.3125)};font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1.75)};padding:${SCALES.pt(0.375)} ${SCALES.pr(0.375)} ${SCALES.pb(0.375)} ${SCALES.pl(0.375)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
+  ] });
+});
+TagComponent.displayName = "BolioUITag";
+var Tag = with_scale_default(TagComponent);
+var Tag_default = Tag;
+
+// core/Tag/index.ts
+var Tag_default2 = Tag_default;
+
+export {
+  Tag_default2 as Tag_default
+};

package/esm/chunk-TXG6TBSG.js

@@ -0,0 +1,91 @@
+import {
+  getVariantColors,
+  isSemanticColorType
+} from "./chunk-GJZT47MP.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/Note/Note.tsx
+import _JSXStyle from "styled-jsx/style";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getStatusColor = (type, {
+  filled,
+  light,
+  subtle
+}, theme) => {
+  if (isSemanticColorType(type)) {
+    const variant = subtle ? "subtle" : light ? "light" : filled ? "filled" : "outline";
+    const {
+      bg,
+      border,
+      color
+    } = getVariantColors(theme.palette, type, variant);
+    return {
+      color,
+      borderColor: border,
+      bgColor: bg
+    };
+  }
+  const neutral = theme.palette.accents_6;
+  if (!filled) return {
+    color: neutral,
+    borderColor: neutral,
+    bgColor: theme.palette.background
+  };
+  return {
+    color: "white",
+    borderColor: neutral,
+    bgColor: neutral
+  };
+};
+var NoteComponent = React.forwardRef(({
+  children,
+  type = "default",
+  label = "note",
+  filled = false,
+  light = false,
+  subtle = false,
+  className = "",
+  ...props
+}, ref) => {
+  const theme = use_theme_default();
+  const {
+    SCALES
+  } = use_scale_default();
+  const {
+    color,
+    borderColor,
+    bgColor
+  } = useMemo(() => getStatusColor(type, {
+    filled,
+    light,
+    subtle
+  }, theme), [type, filled, light, subtle, theme]);
+  return /* @__PURE__ */ jsxs("div", { ref, ...props, className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || use_classes_default("note", className) || ""), children: [
+    label && /* @__PURE__ */ jsx("span", { className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " label", children: /* @__PURE__ */ jsxs("b", { className: _JSXStyle.dynamic([["3558170892", [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]), children: [
+      label,
+      ":"
+    ] }) }),
+    children,
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "3558170892", dynamic: [borderColor, color, bgColor, theme.layout.radius, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.667), SCALES.pr(1.32), SCALES.pb(0.667), SCALES.pl(1.32), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `.note.__jsx-style-dynamic-selector{line-height:1.8;border:1px solid ${borderColor};color:${color};background-color:${bgColor};border-radius:${theme.layout.radius};font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0.667)} ${SCALES.pr(1.32)} ${SCALES.pb(0.667)} ${SCALES.pl(1.32)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.note.__jsx-style-dynamic-selector p{margin:0;}.label.__jsx-style-dynamic-selector{text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;line-height:1.5;padding-right:0.38em;}` })
+  ] });
+});
+NoteComponent.displayName = "BolioUINote";
+var Note = with_scale_default(NoteComponent);
+var Note_default = Note;
+
+// core/Note/index.ts
+var Note_default2 = Note_default;
+
+export {
+  Note_default2 as Note_default
+};

package/esm/chunk-U2NJJS3T.js

@@ -0,0 +1,88 @@
+import {
+  ButtonGroupContext
+} from "./chunk-NDERASK2.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/ButtonGroup/ButtonGroup.tsx
+import _JSXStyle from "styled-jsx/style";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultProps = {
+  disabled: false,
+  vertical: false,
+  ghost: false,
+  type: "default",
+  className: ""
+};
+var getGroupBorderColors = (palette, props) => {
+  const {
+    ghost,
+    type
+  } = props;
+  if (!ghost && type !== "default") return palette.background;
+  const colors = {
+    // default: palette.accents_3,
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  const withoutLightType = type == null ? void 0 : type.replace("-light", "");
+  return colors[withoutLightType] || colors.default;
+};
+var ButtonGroupComponent = React.forwardRef((groupProps, ref) => {
+  const theme = use_theme_default();
+  const {
+    SCALES
+  } = use_scale_default();
+  const {
+    disabled = defaultProps.disabled,
+    type = defaultProps.type,
+    ghost = defaultProps.ghost,
+    vertical = defaultProps.vertical,
+    children,
+    className = defaultProps.className,
+    ...props
+  } = groupProps;
+  const initialValue = useMemo(() => ({
+    disabled,
+    type,
+    ghost,
+    isButtonGroup: true
+  }), [disabled, ghost, type]);
+  const border = useMemo(() => {
+    return getGroupBorderColors(theme.palette, {
+      ghost,
+      type
+    });
+  }, [theme.palette, ghost, type]);
+  const classes = use_classes_default("btn-group", {
+    vertical,
+    horizontal: !vertical
+  }, className);
+  return /* @__PURE__ */ jsx(ButtonGroupContext.Provider, { value: initialValue, children: /* @__PURE__ */ jsxs("div", { ref, ...props, className: _JSXStyle.dynamic([["3583665674", [theme.layout.radius, border, SCALES.width(1, "auto"), SCALES.height(1, "min-content"), SCALES.mt(0.313), SCALES.mr(0.313), SCALES.mb(0.313), SCALES.ml(0.313), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), border, border]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
+    children,
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "3583665674", dynamic: [theme.layout.radius, border, SCALES.width(1, "auto"), SCALES.height(1, "min-content"), SCALES.mt(0.313), SCALES.mr(0.313), SCALES.mb(0.313), SCALES.ml(0.313), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), border, border], children: `.btn-group.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;border-radius:${theme.layout.radius};border:1px solid ${border};background-color:transparent;overflow:hidden;width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "min-content")};margin:${SCALES.mt(0.313)} ${SCALES.mr(0.313)} ${SCALES.mb(0.313)} ${SCALES.ml(0.313)};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};}.vertical.__jsx-style-dynamic-selector{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.btn-group.__jsx-style-dynamic-selector .btn{border:none;}.btn-group.__jsx-style-dynamic-selector .btn .text{top:0;}.horizontal.__jsx-style-dynamic-selector .btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:1px solid ${border};}.horizontal.__jsx-style-dynamic-selector .btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0;}.vertical.__jsx-style-dynamic-selector .btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid ${border};}.vertical.__jsx-style-dynamic-selector .btn:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;}` })
+  ] }) });
+});
+ButtonGroupComponent.displayName = "BolioUIButtonGroup";
+var ButtonGroup = with_scale_default(ButtonGroupComponent);
+var ButtonGroup_default = ButtonGroup;
+
+// core/ButtonGroup/index.ts
+var ButtonGroup_default2 = ButtonGroup_default;
+
+export {
+  ButtonGroup_default2 as ButtonGroup_default
+};

package/esm/chunk-UEWD6OUC.js

@@ -0,0 +1,137 @@
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-S62PPQHN.js";
+import {
+  use_theme_default
+} from "./chunk-45MVPPJN.js";
+
+// core/Text/Text.tsx
+import React2, { useMemo as useMemo2 } from "react";
+
+// core/Text/Child.tsx
+import _JSXStyle from "styled-jsx/style";
+import React, { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var getTypeColor = (type, palette) => {
+  const colors = {
+    default: "inherit",
+    primary: palette.primary,
+    secondary: palette.secondary,
+    success: palette.success,
+    warning: palette.warning,
+    error: palette.error,
+    info: palette.info
+  };
+  return colors[type] || colors.default;
+};
+var TextChild = React.forwardRef(({
+  children,
+  tag,
+  className = "",
+  type = "default",
+  ...props
+}, ref) => {
+  const Component = tag;
+  const theme = use_theme_default();
+  const {
+    SCALES,
+    getScaleProps
+  } = use_scale_default();
+  const font = getScaleProps("font");
+  const mx = getScaleProps(["margin", "marginLeft", "marginRight", "mx", "ml", "mr"]);
+  const my = getScaleProps(["margin", "marginTop", "marginBottom", "my", "mt", "mb"]);
+  const px = getScaleProps(["padding", "paddingLeft", "paddingRight", "pl", "pr", "px"]);
+  const py = getScaleProps(["padding", "paddingTop", "paddingBottom", "pt", "pb", "py"]);
+  const color = useMemo(() => getTypeColor(type, theme.palette), [type, theme.palette]);
+  const classNames = useMemo(() => {
+    const keys = [{
+      value: mx,
+      className: "mx"
+    }, {
+      value: my,
+      className: "my"
+    }, {
+      value: px,
+      className: "px"
+    }, {
+      value: py,
+      className: "py"
+    }, {
+      value: font,
+      className: "font"
+    }];
+    const scaleClassNames = keys.reduce((pre, next) => {
+      if (typeof next.value === "undefined") return pre;
+      return `${pre} ${next.className}`;
+    }, "");
+    return `${scaleClassNames} ${className}`.trim();
+  }, [mx, my, px, py, font, className]);
+  return /* @__PURE__ */ jsxs(Component, { ref, ...props, className: _JSXStyle.dynamic([["674408519", [tag, color, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.font(1, "inherit"), SCALES.ml(0, "revert"), SCALES.mr(0, "revert"), SCALES.mt(0, "revert"), SCALES.mb(0, "revert"), SCALES.pl(0, "revert"), SCALES.pr(0, "revert"), SCALES.pt(0, "revert"), SCALES.pb(0, "revert")]]]) + " " + (props && props.className != null && props.className || classNames || ""), children: [
+    children,
+    /* @__PURE__ */ jsx(_JSXStyle, { id: "674408519", dynamic: [tag, color, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.font(1, "inherit"), SCALES.ml(0, "revert"), SCALES.mr(0, "revert"), SCALES.mt(0, "revert"), SCALES.mb(0, "revert"), SCALES.pl(0, "revert"), SCALES.pr(0, "revert"), SCALES.pt(0, "revert"), SCALES.pb(0, "revert")], children: `${tag}.__jsx-style-dynamic-selector{color:${color};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};}.font.__jsx-style-dynamic-selector{font-size:${SCALES.font(1, "inherit")};}.mx.__jsx-style-dynamic-selector{margin-left:${SCALES.ml(0, "revert")};margin-right:${SCALES.mr(0, "revert")};}.my.__jsx-style-dynamic-selector{margin-top:${SCALES.mt(0, "revert")};margin-bottom:${SCALES.mb(0, "revert")};}.px.__jsx-style-dynamic-selector{padding-left:${SCALES.pl(0, "revert")};padding-right:${SCALES.pr(0, "revert")};}.py.__jsx-style-dynamic-selector{padding-top:${SCALES.pt(0, "revert")};padding-bottom:${SCALES.pb(0, "revert")};}` })
+  ] });
+});
+TextChild.displayName = "BolioUITextChild";
+var Child_default = TextChild;
+
+// core/Text/Text.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var getModifierChild = (tags, children) => {
+  if (!tags.length) return children;
+  const nextTag = tags.slice(1, tags.length);
+  return /* @__PURE__ */ jsx2(Child_default, { tag: tags[0], children: getModifierChild(nextTag, children) });
+};
+var TextComponent = React2.forwardRef(
+  ({
+    h1 = false,
+    h2 = false,
+    h3 = false,
+    h4 = false,
+    h5 = false,
+    h6 = false,
+    p = false,
+    b = false,
+    small = false,
+    i = false,
+    span = false,
+    del = false,
+    em = false,
+    blockquote = false,
+    children,
+    className = "",
+    ...props
+  }, ref) => {
+    const elements = { h1, h2, h3, h4, h5, h6, p, blockquote };
+    const inlineElements = { span, small, b, em, i, del };
+    const names = Object.keys(elements).filter(
+      (name) => elements[name]
+    );
+    const inlineNames = Object.keys(inlineElements).filter(
+      (name) => inlineElements[name]
+    );
+    const tag = useMemo2(() => {
+      if (names[0]) return names[0];
+      if (inlineNames[0]) return inlineNames[0];
+      return "p";
+    }, [names, inlineNames]);
+    const renderableChildElements = inlineNames.filter(
+      (name) => name !== tag
+    );
+    const modifers = useMemo2(() => {
+      if (!renderableChildElements.length) return children;
+      return getModifierChild(renderableChildElements, children);
+    }, [renderableChildElements, children]);
+    return /* @__PURE__ */ jsx2(Child_default, { ref, className, tag, ...props, children: modifers });
+  }
+);
+TextComponent.displayName = "BolioUIText";
+var Text = with_scale_default(TextComponent);
+var Text_default = Text;
+
+// core/Text/index.ts
+var Text_default2 = Text_default;
+
+export {
+  Text_default2 as Text_default
+};