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

package/dist/chunk-S62PPQHN.js

@@ -0,0 +1,208 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+// core/use-scale/with-scale.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/use-scale/scale-context.ts
+
+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 = _react2.default.createContext(defaultContext);
+var useScale = () => _react2.default.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
+var _jsxruntime = require('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 = _react.forwardRef.call(void 0, 
+    ({ 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 } = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+      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 (!_chunkUX2B3G6Ujs.isCSSNumberValue.call(void 0, 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__ */ _jsxruntime.jsx.call(void 0, ScaleContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 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;
+
+
+
+
+
+
+
+
+
+exports.ScalePropKeys = ScalePropKeys; exports.ScaleContext = ScaleContext; exports.useScale = useScale; exports.generateGetScaleProps = generateGetScaleProps; exports.generateGetAllScaleProps = generateGetAllScaleProps; exports.with_scale_default = with_scale_default; exports.use_scale_default = use_scale_default;

package/dist/chunk-TF3CTLKX.js

@@ -0,0 +1,42 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Spinner/Spinner.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var getSpans = (theme) => {
+  return [...new Array(12)].map((_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.dynamic([["3296107463", [theme.palette.foreground, theme.layout.radius]]]), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _react2.default.forwardRef(({
+  className = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "spinner", className);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, role: "status", ...props, className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, "div", { className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _chunkS62PPQHNjs.with_scale_default.call(void 0, SpinnerComponent);
+var Spinner_default = Spinner;
+
+// core/Spinner/index.ts
+var Spinner_default2 = Spinner_default;
+
+
+
+exports.Spinner_default = Spinner_default2;

package/dist/chunk-TFZ2IGNH.js

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkQUMM6MGXjs = require('./chunk-QUMM6MGX.js');
+
+// core/use-theme/theme-context.ts
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var defaultTheme = _chunkQUMM6MGXjs.Themes_default.getPresetStaticTheme();
+var ThemeContext = _react2.default.createContext(defaultTheme);
+var useTheme = () => _react2.default.useContext(ThemeContext);
+
+
+
+
+exports.ThemeContext = ThemeContext; exports.useTheme = useTheme;

package/dist/chunk-TUWG4TLU.js

@@ -0,0 +1,97 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+// core/Tag/Tag.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var getColors = (type, palette, {
+  invert,
+  light,
+  subtle
+}) => {
+  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+    const variant = subtle ? "subtle" : light ? "light" : invert ? "filled" : "outline";
+    const {
+      bg,
+      border,
+      color
+    } = _chunkGJZT47MPjs.getVariantColors.call(void 0, 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 = _react2.default.forwardRef(({
+  type = "default",
+  children,
+  className = "",
+  invert = false,
+  light = false,
+  subtle = false,
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    color,
+    bgColor,
+    borderColor
+  } = _react.useMemo.call(void 0, () => getColors(type, theme.palette, {
+    invert,
+    light,
+    subtle
+  }), [type, theme.palette, invert, light, subtle]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { ref, ...props, className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _chunkS62PPQHNjs.with_scale_default.call(void 0, TagComponent);
+var Tag_default = Tag;
+
+// core/Tag/index.ts
+var Tag_default2 = Tag_default;
+
+
+
+exports.Tag_default = Tag_default2;

package/dist/chunk-TXG6TBSG.js

@@ -0,0 +1,91 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkGJZT47MPjs = require('./chunk-GJZT47MP.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Note/Note.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var getStatusColor = (type, {
+  filled,
+  light,
+  subtle
+}, theme) => {
+  if (_chunkGJZT47MPjs.isSemanticColorType.call(void 0, type)) {
+    const variant = subtle ? "subtle" : light ? "light" : filled ? "filled" : "outline";
+    const {
+      bg,
+      border,
+      color
+    } = _chunkGJZT47MPjs.getVariantColors.call(void 0, 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 = _react2.default.forwardRef(({
+  children,
+  type = "default",
+  label = "note",
+  filled = false,
+  light = false,
+  subtle = false,
+  className = "",
+  ...props
+}, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    color,
+    borderColor,
+    bgColor
+  } = _react.useMemo.call(void 0, () => getStatusColor(type, {
+    filled,
+    light,
+    subtle
+  }, theme), [type, filled, light, subtle, theme]);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.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 || _chunk5KUROAEPjs.use_classes_default.call(void 0, "note", className) || ""), children: [
+    label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _style2.default.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__ */ _jsxruntime.jsxs.call(void 0, "b", { className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _chunkS62PPQHNjs.with_scale_default.call(void 0, NoteComponent);
+var Note_default = Note;
+
+// core/Note/index.ts
+var Note_default2 = Note_default;
+
+
+
+exports.Note_default = Note_default2;

package/dist/chunk-U2NJJS3T.js

@@ -0,0 +1,88 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var _chunkNDERASK2js = require('./chunk-NDERASK2.js');
+
+
+
+var _chunkS62PPQHNjs = require('./chunk-S62PPQHN.js');
+
+
+var _chunk45MVPPJNjs = require('./chunk-45MVPPJN.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/ButtonGroup/ButtonGroup.tsx
+var _style = require('styled-jsx/style'); var _style2 = _interopRequireDefault(_style);
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('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 = _react2.default.forwardRef((groupProps, ref) => {
+  const theme = _chunk45MVPPJNjs.use_theme_default.call(void 0, );
+  const {
+    SCALES
+  } = _chunkS62PPQHNjs.use_scale_default.call(void 0, );
+  const {
+    disabled = defaultProps.disabled,
+    type = defaultProps.type,
+    ghost = defaultProps.ghost,
+    vertical = defaultProps.vertical,
+    children,
+    className = defaultProps.className,
+    ...props
+  } = groupProps;
+  const initialValue = _react.useMemo.call(void 0, () => ({
+    disabled,
+    type,
+    ghost,
+    isButtonGroup: true
+  }), [disabled, ghost, type]);
+  const border = _react.useMemo.call(void 0, () => {
+    return getGroupBorderColors(theme.palette, {
+      ghost,
+      type
+    });
+  }, [theme.palette, ghost, type]);
+  const classes = _chunk5KUROAEPjs.use_classes_default.call(void 0, "btn-group", {
+    vertical,
+    horizontal: !vertical
+  }, className);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNDERASK2js.ButtonGroupContext.Provider, { value: initialValue, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref, ...props, className: _style2.default.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__ */ _jsxruntime.jsx.call(void 0, _style2.default, { 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 = _chunkS62PPQHNjs.with_scale_default.call(void 0, ButtonGroupComponent);
+var ButtonGroup_default = ButtonGroup;
+
+// core/ButtonGroup/index.ts
+var ButtonGroup_default2 = ButtonGroup_default;
+
+
+
+exports.ButtonGroup_default = ButtonGroup_default2;