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

package/dist/chunk-A6N5PIXN.js

@@ -0,0 +1,166 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+// core/Text/Text.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// core/Text/Child.tsx
+
+var _jsxruntime = require('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 = _react2.default.forwardRef(
+  ({
+    children,
+    tag,
+    className = "",
+    type = "default",
+    style,
+    ...props
+  }, ref) => {
+    const Component = tag;
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES, getScaleProps } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+    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 = _react.useMemo.call(void 0, 
+      () => getTypeColor(type, theme.palette),
+      [type, theme.palette]
+    );
+    const childStyle = {
+      color,
+      width: SCALES.width(1, "auto"),
+      height: SCALES.height(1, "auto"),
+      ...typeof font !== "undefined" && {
+        fontSize: SCALES.font(1, "inherit")
+      },
+      ...typeof mx !== "undefined" && {
+        marginLeft: SCALES.ml(0, "revert"),
+        marginRight: SCALES.mr(0, "revert")
+      },
+      ...typeof my !== "undefined" && {
+        marginTop: SCALES.mt(0, "revert"),
+        marginBottom: SCALES.mb(0, "revert")
+      },
+      ...typeof px !== "undefined" && {
+        paddingLeft: SCALES.pl(0, "revert"),
+        paddingRight: SCALES.pr(0, "revert")
+      },
+      ...typeof py !== "undefined" && {
+        paddingTop: SCALES.pt(0, "revert"),
+        paddingBottom: SCALES.pb(0, "revert")
+      },
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component, { ref, className, ...props, style: childStyle, children });
+  }
+);
+TextChild.displayName = "BolioUITextChild";
+var Child_default = TextChild;
+
+// core/Text/Text.tsx
+
+var getModifierChild = (tags, children) => {
+  if (!tags.length) return children;
+  const nextTag = tags.slice(1, tags.length);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Child_default, { tag: tags[0], children: getModifierChild(nextTag, children) });
+};
+var TextComponent = _react2.default.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 = _react.useMemo.call(void 0, () => {
+      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 = _react.useMemo.call(void 0, () => {
+      if (!renderableChildElements.length) return children;
+      return getModifierChild(renderableChildElements, children);
+    }, [renderableChildElements, children]);
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Child_default, { ref, className, tag, ...props, children: modifers });
+  }
+);
+TextComponent.displayName = "BolioUIText";
+var Text = _chunkMAICNLTYjs.with_scale_default.call(void 0, TextComponent);
+var Text_default = Text;
+
+// core/Text/index.ts
+var Text_default2 = Text_default;
+
+
+
+exports.Text_default = Text_default2;

package/dist/chunk-AFBCMW2I.js

@@ -0,0 +1,100 @@
+"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 _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Note/Note.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Note/Note.module.css.bolio-css-module-source
+var Note_module_css_default = { "note": "Note-module_note__wbhzd", "label": "Note-module_label__MJvQf" };
+
+// core/Note/Note.tsx
+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 = "",
+    style,
+    ...props
+  }, ref) => {
+    const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+    const { SCALES } = _chunkMAICNLTYjs.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]
+    );
+    const noteStyle = {
+      border: `1px solid ${borderColor}`,
+      color,
+      backgroundColor: bgColor,
+      borderRadius: theme.layout.radius,
+      fontSize: 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)}`,
+      ...style
+    };
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        ref,
+        className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Note_module_css_default.note, className),
+        ...props,
+        style: noteStyle,
+        children: [
+          label && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Note_module_css_default.label, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "b", { children: [
+            label,
+            ":"
+          ] }) }),
+          children
+        ]
+      }
+    );
+  }
+);
+NoteComponent.displayName = "BolioUINote";
+var Note = _chunkMAICNLTYjs.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-AHWF22ZQ.js

@@ -0,0 +1,97 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunkV5I4ORQQjs = require('./chunk-V5I4ORQQ.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Timeline/Timeline.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Timeline/Timeline.module.css.bolio-css-module-source
+var Timeline_module_css_default = { "timeline": "Timeline-module_timeline__vSb-z", "item": "Timeline-module_item__F3aBP", "marker": "Timeline-module_marker__e1-0Y", "dot": "Timeline-module_dot__clYtj", "head": "Timeline-module_head__XzyXQ", "title": "Timeline-module_title__f6uWv", "time": "Timeline-module_time__OBQ6X", "body": "Timeline-module_body__oTyvi" };
+
+// core/Timeline/Timeline.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var TimelineComponent = _react2.default.forwardRef(({ className = "", style, children, ...props }, ref) => {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const timelineStyle = {
+    fontSize: SCALES.font(1),
+    margin: `${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ol",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Timeline_module_css_default.timeline, className),
+      style: timelineStyle,
+      ...props,
+      children
+    }
+  );
+});
+TimelineComponent.displayName = "BolioUITimeline";
+var Timeline = _chunkMAICNLTYjs.with_scale_default.call(void 0, TimelineComponent);
+var Timeline_default = Timeline;
+
+// core/Timeline/TimelineItem.tsx
+
+
+var TimelineItem = _react2.default.forwardRef(({ title, time, icon, className = "", children, ...props }, ref) => {
+  const theme = _chunkV5I4ORQQjs.use_theme_default.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "li",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, Timeline_module_css_default.item, className),
+      style: { "--timeline-line": theme.palette.accents_3 },
+      ...props,
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: Timeline_module_css_default.marker,
+            style: {
+              color: theme.palette.foreground,
+              backgroundColor: icon ? theme.palette.accents_2 : void 0
+            },
+            children: icon || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "span",
+              {
+                className: Timeline_module_css_default.dot,
+                style: { backgroundColor: theme.palette.foreground }
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: Timeline_module_css_default.head, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: Timeline_module_css_default.title, children: title }),
+          time && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "span",
+            {
+              className: Timeline_module_css_default.time,
+              style: { color: theme.palette.accents_5 },
+              children: time
+            }
+          )
+        ] }),
+        children && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: Timeline_module_css_default.body, style: { color: theme.palette.accents_5 }, children })
+      ]
+    }
+  );
+});
+TimelineItem.displayName = "BolioUITimelineItem";
+var TimelineItem_default = TimelineItem;
+
+// core/Timeline/index.ts
+Timeline_default.Item = TimelineItem_default;
+var Timeline_default2 = Timeline_default;
+
+
+
+exports.Timeline_default = Timeline_default2;

package/dist/chunk-AXYDJGTN.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/utils/log-warning.ts
+var warningStack = {};
+var logWarning = (message, component) => {
+  const tag = component ? ` [${component}]` : " ";
+  const log = `[Bolio UI]${tag}: ${message}`;
+  if (typeof console === "undefined") return;
+  if (warningStack[log]) return;
+  warningStack[log] = true;
+  if (process.env.NODE_ENV !== "production") {
+    return console.error(log);
+  }
+  console.warn(log);
+};
+var log_warning_default = logWarning;
+
+
+
+exports.log_warning_default = log_warning_default;

package/dist/chunk-BJRUC4XL.js

@@ -0,0 +1,40 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+
+var _chunkMAICNLTYjs = require('./chunk-MAICNLTY.js');
+
+
+var _chunk5KUROAEPjs = require('./chunk-5KUROAEP.js');
+
+// core/Section/Section.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _jsxruntime = require('react/jsx-runtime');
+var SectionComponent = _react2.default.forwardRef(({ children, bg = "transparent", className = "", style, ...props }, ref) => {
+  const { SCALES } = _chunkMAICNLTYjs.use_scale_default.call(void 0, );
+  const sectionStyle = {
+    backgroundColor: bg,
+    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)}`,
+    ...style
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "section",
+    {
+      ref,
+      className: _chunk5KUROAEPjs.use_classes_default.call(void 0, "section", className),
+      ...props,
+      style: sectionStyle,
+      children
+    }
+  );
+});
+SectionComponent.displayName = "BolioUISection";
+var Section = _chunkMAICNLTYjs.with_scale_default.call(void 0, SectionComponent);
+var Section_default = Section;
+
+// core/Section/index.ts
+var Section_default2 = Section_default;
+
+
+
+exports.Section_default = Section_default2;

package/dist/chunk-BSDZWWUS.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});// core/utils/use-default-props.ts
+var useDefaultProps = (props, defaultProps) => {
+  const nextProps = {};
+  const propsKeys = Object.keys(props || {});
+  const defaultKeys = Object.keys(defaultProps || {});
+  for (const propsName of propsKeys) {
+    nextProps[propsName] = props[propsName];
+  }
+  for (const defaultName of defaultKeys) {
+    if (props[defaultName] === void 0) {
+      nextProps[defaultName] = defaultProps[defaultName];
+    }
+  }
+  return nextProps;
+};
+var use_default_props_default = useDefaultProps;
+
+
+
+exports.use_default_props_default = use_default_props_default;

package/dist/chunk-BXDUHMWS.js

@@ -0,0 +1,57 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+
+
+var _chunkUX2B3G6Ujs = require('./chunk-UX2B3G6U.js');
+
+// core/utils/use-portal.ts
+var _react = require('react');
+
+// core/utils/use-ssr.ts
+
+var useSSR = () => {
+  const [browser, setBrowser] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    setBrowser(_chunkUX2B3G6Ujs.isBrowser.call(void 0, ));
+  }, []);
+  return {
+    isBrowser: browser,
+    isServer: !browser
+  };
+};
+var use_ssr_default = useSSR;
+
+// core/utils/use-portal.ts
+var createElement = (id) => {
+  const el = document.createElement("div");
+  el.setAttribute("id", id);
+  return el;
+};
+var usePortal = (selectId, getContainer) => {
+  const [generatedId] = _react.useState.call(void 0, _chunkUX2B3G6Ujs.getId);
+  const id = `bolio-ui-${selectId != null ? selectId : generatedId}`;
+  const { isBrowser: isBrowser2 } = use_ssr_default();
+  const [elSnapshot, setElSnapshot] = _react.useState.call(void 0, 
+    isBrowser2 ? createElement(id) : null
+  );
+  const getContainerRef = _chunkZRORQ2WHjs.use_latest_default.call(void 0, getContainer);
+  _react.useEffect.call(void 0, () => {
+    const getContainer2 = getContainerRef.current;
+    const customContainer = getContainer2 ? getContainer2() : null;
+    const parentElement = customContainer || document.body;
+    const hasElement = parentElement.querySelector(`#${id}`);
+    const el = hasElement || createElement(id);
+    if (!hasElement) {
+      parentElement.appendChild(el);
+    }
+    setElSnapshot(el);
+  }, [id, getContainerRef]);
+  return elSnapshot;
+};
+var use_portal_default = usePortal;
+
+
+
+exports.use_portal_default = use_portal_default;

package/dist/chunk-C3ZZPIUO.js

@@ -0,0 +1,54 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkAXYDJGTNjs = require('./chunk-AXYDJGTN.js');
+
+
+var _chunkBXDUHMWSjs = require('./chunk-BXDUHMWS.js');
+
+
+var _chunkZRORQ2WHjs = require('./chunk-ZRORQ2WH.js');
+
+// core/use-clipboard/use-clipboard.ts
+var _react = require('react');
+var defaultOptions = {
+  onError: () => _chunkAXYDJGTNjs.log_warning_default.call(void 0, "Failed to copy.", "use-clipboard")
+};
+var copyText = (el, text, onError) => {
+  if (!el || !text) return;
+  const selection = window.getSelection();
+  if (!selection) return;
+  el.style.whiteSpace = "pre";
+  el.textContent = text;
+  const range = window.document.createRange();
+  selection.removeAllRanges();
+  range.selectNode(el);
+  selection.addRange(range);
+  try {
+    window.document.execCommand("copy");
+  } catch (e) {
+    if (onError) onError();
+  }
+  selection.removeAllRanges();
+  if (el) {
+    el.textContent = "";
+  }
+};
+var useClipboard = (options = defaultOptions) => {
+  const el = _chunkBXDUHMWSjs.use_portal_default.call(void 0, "clipboard");
+  const latestOnError = _chunkZRORQ2WHjs.use_latest_default.call(void 0, options.onError);
+  const copy = _react.useCallback.call(void 0, 
+    (text) => {
+      copyText(el, text, latestOnError.current);
+    },
+    [el, latestOnError]
+  );
+  return { copy };
+};
+var use_clipboard_default = useClipboard;
+
+// core/use-clipboard/index.ts
+var use_clipboard_default2 = use_clipboard_default;
+
+
+
+exports.use_clipboard_default = use_clipboard_default2;