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

package/esm/chunk-EEZG4FGY.js

@@ -0,0 +1,142 @@
+import {
+  Link_default
+} from "./chunk-WEYAL53O.js";
+import {
+  addColorAlpha
+} from "./chunk-RZBEZ26A.js";
+import {
+  use_scale_default,
+  with_scale_default
+} from "./chunk-MAICNLTY.js";
+import {
+  pickChild
+} from "./chunk-UX2B3G6U.js";
+import {
+  use_theme_default
+} from "./chunk-V5I4ORQQ.js";
+import {
+  use_classes_default
+} from "./chunk-5KUROAEP.js";
+
+// core/Breadcrumbs/Breadcrumbs.tsx
+import React, { useMemo } from "react";
+
+// core/Breadcrumbs/BreadcrumbsSeparator.tsx
+import { jsx } from "react/jsx-runtime";
+function Separator({ children, className = "" }) {
+  const { SCALES } = use_scale_default();
+  const classes = use_classes_default("separator", className);
+  const separatorStyle = {
+    display: "inline-flex",
+    userSelect: "none",
+    pointerEvents: "none",
+    alignItems: "center",
+    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.5)} ${SCALES.mb(0)} ${SCALES.ml(0.5)}`
+  };
+  return /* @__PURE__ */ jsx("div", { className: classes, style: separatorStyle, children });
+}
+Separator.displayName = "BolioUIBreadcrumbsSeparator";
+var BreadcrumbsSeparator = with_scale_default(Separator);
+var BreadcrumbsSeparator_default = BreadcrumbsSeparator;
+
+// css-module-source:/Users/brunnoandrade/Desktop/BolioUI/bolio-ui/core/Breadcrumbs/Breadcrumbs.module.css.bolio-css-module-source
+var Breadcrumbs_module_css_default = { "nav": "Breadcrumbs-module_nav__3pUq6" };
+
+// core/Breadcrumbs/Breadcrumbs.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var BreadcrumbsComponent = React.forwardRef(({ separator = "/", children, className = "", style }, ref) => {
+  const theme = use_theme_default();
+  const { SCALES } = use_scale_default();
+  const hoverColor = useMemo(() => {
+    return addColorAlpha(theme.palette.link, 0.85);
+  }, [theme.palette.link]);
+  const navStyle = {
+    color: theme.palette.accents_5,
+    fontSize: 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)}`,
+    "--breadcrumbs-hover-color": hoverColor,
+    "--breadcrumbs-last-color": theme.palette.accents_7,
+    ...style
+  };
+  const childrenArray = React.Children.toArray(children);
+  const withSeparatorChildren = childrenArray.map((item, index) => {
+    if (!React.isValidElement(item)) return item;
+    const last = childrenArray[index - 1];
+    const lastIsSeparator = React.isValidElement(last) && last.type === BreadcrumbsSeparator_default;
+    const currentIsSeparator = item.type === BreadcrumbsSeparator_default;
+    if (!lastIsSeparator && !currentIsSeparator && index > 0) {
+      return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+        /* @__PURE__ */ jsx2(BreadcrumbsSeparator_default, { children: separator }),
+        item
+      ] }, index);
+    }
+    return item;
+  });
+  return /* @__PURE__ */ jsx2(
+    "nav",
+    {
+      ref,
+      className: `${Breadcrumbs_module_css_default.nav} ${className}`.trim(),
+      style: navStyle,
+      children: withSeparatorChildren
+    }
+  );
+});
+BreadcrumbsComponent.displayName = "BolioUIBreadcrumbs";
+var Breadcrumbs = with_scale_default(BreadcrumbsComponent);
+var Breadcrumbs_default = Breadcrumbs;
+
+// core/Breadcrumbs/BreadcrumbsItem.tsx
+import React2, { useMemo as useMemo2 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var BreadcrumbsItem = React2.forwardRef(
+  ({
+    href,
+    nextLink = false,
+    onClick,
+    children,
+    className = "",
+    ...props
+  }, ref) => {
+    const isLink = useMemo2(
+      () => href !== void 0 || nextLink,
+      [href, nextLink]
+    );
+    const [withoutSepChildren] = pickChild(children, BreadcrumbsSeparator_default);
+    const classes = use_classes_default("breadcrumbs-item", className);
+    const clickHandler = (event) => {
+      if (onClick) onClick(event);
+    };
+    if (!isLink) {
+      return /* @__PURE__ */ jsx3("span", { className: classes, onClick: clickHandler, children: withoutSepChildren });
+    }
+    return /* @__PURE__ */ jsx3(
+      Link_default,
+      {
+        className: classes,
+        href,
+        onClick: clickHandler,
+        ref,
+        ...props,
+        children: withoutSepChildren
+      }
+    );
+  }
+);
+BreadcrumbsItem.displayName = "BolioUIBreadcrumbsItem";
+var BreadcrumbsItem_default = BreadcrumbsItem;
+
+// core/Breadcrumbs/index.ts
+Breadcrumbs_default.Item = BreadcrumbsItem_default;
+Breadcrumbs_default.Separator = BreadcrumbsSeparator_default;
+var Breadcrumbs_default2 = Breadcrumbs_default;
+
+export {
+  Breadcrumbs_default2 as Breadcrumbs_default
+};

package/esm/chunk-F3AL4TQZ.js

@@ -0,0 +1,186 @@
+import {
+  use_latest_default
+} from "./chunk-ZRORQ2WH.js";
+import {
+  isMac
+} from "./chunk-UX2B3G6U.js";
+
+// core/use-keyboard/codes.ts
+var KeyCode = /* @__PURE__ */ ((KeyCode2) => {
+  KeyCode2[KeyCode2["Unknown"] = 0] = "Unknown";
+  KeyCode2[KeyCode2["Backspace"] = 8] = "Backspace";
+  KeyCode2[KeyCode2["Tab"] = 9] = "Tab";
+  KeyCode2[KeyCode2["Enter"] = 13] = "Enter";
+  KeyCode2[KeyCode2["Shift"] = 16] = "Shift";
+  KeyCode2[KeyCode2["Ctrl"] = 17] = "Ctrl";
+  KeyCode2[KeyCode2["Alt"] = 18] = "Alt";
+  KeyCode2[KeyCode2["PauseBreak"] = 19] = "PauseBreak";
+  KeyCode2[KeyCode2["CapsLock"] = 20] = "CapsLock";
+  KeyCode2[KeyCode2["Escape"] = 27] = "Escape";
+  KeyCode2[KeyCode2["Space"] = 32] = "Space";
+  KeyCode2[KeyCode2["PageUp"] = 33] = "PageUp";
+  KeyCode2[KeyCode2["PageDown"] = 34] = "PageDown";
+  KeyCode2[KeyCode2["End"] = 35] = "End";
+  KeyCode2[KeyCode2["Home"] = 36] = "Home";
+  KeyCode2[KeyCode2["LeftArrow"] = 37] = "LeftArrow";
+  KeyCode2[KeyCode2["UpArrow"] = 38] = "UpArrow";
+  KeyCode2[KeyCode2["RightArrow"] = 39] = "RightArrow";
+  KeyCode2[KeyCode2["DownArrow"] = 40] = "DownArrow";
+  KeyCode2[KeyCode2["Insert"] = 45] = "Insert";
+  KeyCode2[KeyCode2["Delete"] = 46] = "Delete";
+  KeyCode2[KeyCode2["KEY_0"] = 48] = "KEY_0";
+  KeyCode2[KeyCode2["KEY_1"] = 49] = "KEY_1";
+  KeyCode2[KeyCode2["KEY_2"] = 50] = "KEY_2";
+  KeyCode2[KeyCode2["KEY_3"] = 51] = "KEY_3";
+  KeyCode2[KeyCode2["KEY_4"] = 52] = "KEY_4";
+  KeyCode2[KeyCode2["KEY_5"] = 53] = "KEY_5";
+  KeyCode2[KeyCode2["KEY_6"] = 54] = "KEY_6";
+  KeyCode2[KeyCode2["KEY_7"] = 55] = "KEY_7";
+  KeyCode2[KeyCode2["KEY_8"] = 56] = "KEY_8";
+  KeyCode2[KeyCode2["KEY_9"] = 57] = "KEY_9";
+  KeyCode2[KeyCode2["KEY_A"] = 65] = "KEY_A";
+  KeyCode2[KeyCode2["KEY_B"] = 66] = "KEY_B";
+  KeyCode2[KeyCode2["KEY_C"] = 67] = "KEY_C";
+  KeyCode2[KeyCode2["KEY_D"] = 68] = "KEY_D";
+  KeyCode2[KeyCode2["KEY_E"] = 69] = "KEY_E";
+  KeyCode2[KeyCode2["KEY_F"] = 70] = "KEY_F";
+  KeyCode2[KeyCode2["KEY_G"] = 71] = "KEY_G";
+  KeyCode2[KeyCode2["KEY_H"] = 72] = "KEY_H";
+  KeyCode2[KeyCode2["KEY_I"] = 73] = "KEY_I";
+  KeyCode2[KeyCode2["KEY_J"] = 74] = "KEY_J";
+  KeyCode2[KeyCode2["KEY_K"] = 75] = "KEY_K";
+  KeyCode2[KeyCode2["KEY_L"] = 76] = "KEY_L";
+  KeyCode2[KeyCode2["KEY_M"] = 77] = "KEY_M";
+  KeyCode2[KeyCode2["KEY_N"] = 78] = "KEY_N";
+  KeyCode2[KeyCode2["KEY_O"] = 79] = "KEY_O";
+  KeyCode2[KeyCode2["KEY_P"] = 80] = "KEY_P";
+  KeyCode2[KeyCode2["KEY_Q"] = 81] = "KEY_Q";
+  KeyCode2[KeyCode2["KEY_R"] = 82] = "KEY_R";
+  KeyCode2[KeyCode2["KEY_S"] = 83] = "KEY_S";
+  KeyCode2[KeyCode2["KEY_T"] = 84] = "KEY_T";
+  KeyCode2[KeyCode2["KEY_U"] = 85] = "KEY_U";
+  KeyCode2[KeyCode2["KEY_V"] = 86] = "KEY_V";
+  KeyCode2[KeyCode2["KEY_W"] = 87] = "KEY_W";
+  KeyCode2[KeyCode2["KEY_X"] = 88] = "KEY_X";
+  KeyCode2[KeyCode2["KEY_Y"] = 89] = "KEY_Y";
+  KeyCode2[KeyCode2["KEY_Z"] = 90] = "KEY_Z";
+  KeyCode2[KeyCode2["Meta"] = 91] = "Meta";
+  KeyCode2[KeyCode2["F1"] = 112] = "F1";
+  KeyCode2[KeyCode2["F2"] = 113] = "F2";
+  KeyCode2[KeyCode2["F3"] = 114] = "F3";
+  KeyCode2[KeyCode2["F4"] = 115] = "F4";
+  KeyCode2[KeyCode2["F5"] = 116] = "F5";
+  KeyCode2[KeyCode2["F6"] = 117] = "F6";
+  KeyCode2[KeyCode2["F7"] = 118] = "F7";
+  KeyCode2[KeyCode2["F8"] = 119] = "F8";
+  KeyCode2[KeyCode2["F9"] = 120] = "F9";
+  KeyCode2[KeyCode2["F10"] = 121] = "F10";
+  KeyCode2[KeyCode2["F11"] = 122] = "F11";
+  KeyCode2[KeyCode2["F12"] = 123] = "F12";
+  KeyCode2[KeyCode2["NumLock"] = 144] = "NumLock";
+  KeyCode2[KeyCode2["ScrollLock"] = 145] = "ScrollLock";
+  KeyCode2[KeyCode2["Equal"] = 187] = "Equal";
+  KeyCode2[KeyCode2["Minus"] = 189] = "Minus";
+  KeyCode2[KeyCode2["Backquote"] = 192] = "Backquote";
+  KeyCode2[KeyCode2["Backslash"] = 220] = "Backslash";
+  return KeyCode2;
+})(KeyCode || {});
+var KeyMod = /* @__PURE__ */ ((KeyMod2) => {
+  KeyMod2[KeyMod2["CtrlCmd"] = 2048] = "CtrlCmd";
+  KeyMod2[KeyMod2["Shift"] = 1024] = "Shift";
+  KeyMod2[KeyMod2["Alt"] = 512] = "Alt";
+  KeyMod2[KeyMod2["WinCtrl"] = 256] = "WinCtrl";
+  return KeyMod2;
+})(KeyMod || {});
+
+// core/use-keyboard/use-keyboard.ts
+import { useEffect } from "react";
+
+// core/use-keyboard/helper.ts
+var getCtrlKeysByPlatform = () => {
+  return {
+    CtrlCmd: isMac() ? "metaKey" : "ctrlKey",
+    WinCtrl: isMac() ? "ctrlKey" : "metaKey"
+  };
+};
+var getActiveModMap = (bindings) => {
+  const modBindings = bindings.filter((item) => !!KeyMod[item]);
+  const activeModMap = {
+    CtrlCmd: false,
+    Shift: false,
+    Alt: false,
+    WinCtrl: false
+  };
+  modBindings.forEach((code) => {
+    const modKey = KeyMod[code];
+    activeModMap[modKey] = true;
+  });
+  return activeModMap;
+};
+
+// core/use-keyboard/use-keyboard.ts
+var useKeyboard = (handler, keyBindings, options = {}) => {
+  const bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
+  const {
+    disableGlobalEvent = false,
+    capture = false,
+    stopPropagation = false,
+    preventDefault = true,
+    event = "keydown"
+  } = options;
+  const activeModMap = getActiveModMap(bindings);
+  const keyCode = bindings.filter((item) => !KeyMod[item]);
+  const { CtrlCmd, WinCtrl } = getCtrlKeysByPlatform();
+  const eventHandler = (event2) => {
+    if (activeModMap.Shift && !event2.shiftKey) return;
+    if (activeModMap.Alt && !event2.altKey) return;
+    if (activeModMap.CtrlCmd && !event2[CtrlCmd]) return;
+    if (activeModMap.WinCtrl && !event2[WinCtrl]) return;
+    const hitOne = keyCode.find((k) => k === event2.keyCode);
+    if (keyCode && !hitOne) return;
+    if (stopPropagation) {
+      event2.stopPropagation();
+    }
+    if (preventDefault) {
+      event2.preventDefault();
+    }
+    if (handler) handler(event2);
+  };
+  const latest = use_latest_default(eventHandler);
+  useEffect(() => {
+    const listener = (e) => latest.current(e);
+    if (!disableGlobalEvent) {
+      document.addEventListener(event, listener);
+    }
+    return () => {
+      document.removeEventListener(event, listener);
+    };
+  }, [disableGlobalEvent, event, latest]);
+  const elementBindingHandler = (elementEventType, isCapture = false) => {
+    if (elementEventType !== event) return () => {
+    };
+    if (isCapture !== capture) return () => {
+    };
+    return (e) => eventHandler(e);
+  };
+  return {
+    bindings: {
+      onKeyDown: elementBindingHandler("keydown"),
+      onKeyDownCapture: elementBindingHandler("keydown", true),
+      onKeyPress: elementBindingHandler("keypress"),
+      onKeyPressCapture: elementBindingHandler("keypress", true),
+      onKeyUp: elementBindingHandler("keyup"),
+      onKeyUpCapture: elementBindingHandler("keyup", true)
+    }
+  };
+};
+var use_keyboard_default = useKeyboard;
+
+// core/use-keyboard/index.ts
+var use_keyboard_default2 = use_keyboard_default;
+
+export {
+  KeyCode,
+  KeyMod,
+  use_keyboard_default2 as use_keyboard_default
+};

package/esm/chunk-FEA5BJ35.js

@@ -0,0 +1,14 @@
+import {
+  Themes_default
+} from "./chunk-X5PGXMVQ.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
+};