@firstnoodle-ui/bui 0.0.58 → 0.0.59

package/dist/index.mjs

@@ -2735,6 +2735,11 @@ const OC = /* @__PURE__ */ gn(v0, [["render", b0]]), k0 = {
   return (...r) => {
     clearTimeout(n), n = setTimeout(() => t.apply(void 0, r), e);
   };
+}, NC = () => {
+  if ("userAgentData" in navigator && navigator.userAgentData.platform === "macOS")
+    return "key-cmd";
+  const t = navigator.platform || navigator.userAgent || "";
+  return /Mac|iPhone|iPad|iPod/i.test(t) ? "key-cmd" : "key-ctrl";
 };
 let Xi;
 const I5 = () => {
@@ -2820,7 +2825,7 @@ const I5 = () => {
       }, null, 42, P5)) : T("", !0)
     ], 6));
   }
-}), z5 = { class: "relative w-full h-full overflow-hidden bg-primary" }, NC = /* @__PURE__ */ $({
+}), z5 = { class: "relative w-full h-full overflow-hidden bg-primary" }, $C = /* @__PURE__ */ $({
   __name: "HorizontalLayout",
   props: {
     asideLeftBgColorClass: { default: "" },
@@ -2897,7 +2902,7 @@ const I5 = () => {
       }, 8, ["border", "draggable", "width"])) : T("", !0)
     ]));
   }
-}), $C = /* @__PURE__ */ $({
+}), IC = /* @__PURE__ */ $({
   __name: "InlineFormWrapper",
   props: {
     order: {},
@@ -3094,7 +3099,7 @@ const I5 = () => {
       }, null, 8, ["name"])
     ], 2));
   }
-}), W5 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], IC = /* @__PURE__ */ $({
+}), W5 = ["min", "max", "auto-focus", "disabled", "value", "placeholder", "onKeydown"], PC = /* @__PURE__ */ $({
   __name: "InputNumber",
   props: {
     disabled: { type: Boolean, default: !1 },
@@ -3318,7 +3323,7 @@ const Nr = /* @__PURE__ */ gn(j5, [["render", K5]]), q5 = {
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), G5 = { class: "text-sm tracking-wide" }, X5 = { class: "text-sm tracking-wide" }, PC = /* @__PURE__ */ $({
+}), G5 = { class: "text-sm tracking-wide" }, X5 = { class: "text-sm tracking-wide" }, zC = /* @__PURE__ */ $({
   __name: "NavItem",
   props: {
     exact: { type: Boolean, default: !1 },
@@ -3375,7 +3380,7 @@ const Nr = /* @__PURE__ */ gn(j5, [["render", K5]]), q5 = {
 }), Q5 = {
   "data-theme": "dark",
   class: "inline-flex items-stretch h-10 px-1 rounded-xl bg-black shadow-xl pointer-events-auto justify-between"
-}, _5 = { class: "text-sm cursor-default truncate min-w-0" }, zC = /* @__PURE__ */ $({
+}, _5 = { class: "text-sm cursor-default truncate min-w-0" }, BC = /* @__PURE__ */ $({
   __name: "Notification",
   props: {
     showDetailsButton: { type: Boolean },
@@ -3430,7 +3435,7 @@ const Nr = /* @__PURE__ */ gn(j5, [["render", K5]]), q5 = {
       })
     ]));
   }
-}), BC = /* @__PURE__ */ $({
+}), ZC = /* @__PURE__ */ $({
   __name: "Pagination",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -3553,7 +3558,7 @@ const Nr = /* @__PURE__ */ gn(j5, [["render", K5]]), q5 = {
       }, null, 42, e2)) : T("", !0)
     ], 6));
   }
-}), t2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, ZC = /* @__PURE__ */ $({
+}), t2 = { class: "relative w-full h-full overflow-hidden bg-primary" }, FC = /* @__PURE__ */ $({
   __name: "PanelLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -4837,7 +4842,7 @@ function r4(t, e) {
 const ts = /* @__PURE__ */ gn(t4, [["render", r4]]), s4 = {
   key: 0,
   class: "flex items-center justify-between px-4 pb-4"
-}, FC = /* @__PURE__ */ $({
+}, WC = /* @__PURE__ */ $({
   __name: "PopCalendar",
   props: {
     mode: { default: "immediate" },
@@ -4913,7 +4918,7 @@ const ts = /* @__PURE__ */ gn(t4, [["render", r4]]), s4 = {
 }), i4 = { class: "inline-flex" }, o4 = {
   key: 0,
   class: "flex flex-col gap-0"
-}, l4 = { class: "text-sm text-secondary" }, WC = /* @__PURE__ */ $({
+}, l4 = { class: "text-sm text-secondary" }, jC = /* @__PURE__ */ $({
   __name: "PopConfirm",
   props: {
     order: {},
@@ -5004,7 +5009,7 @@ const ts = /* @__PURE__ */ gn(t4, [["render", r4]]), s4 = {
 function c4(t, e) {
   return " To be implemented ";
 }
-const jC = /* @__PURE__ */ gn(a4, [["render", c4]]);
+const UC = /* @__PURE__ */ gn(a4, [["render", c4]]);
 var kt = /* @__PURE__ */ ((t) => (t.ERROR = "error", t.IDLE = "idle", t.LOADING = "loading", t.MATCH = "match", t.NO_MATCH = "no match", t))(kt || {});
 const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
   __name: "option",
@@ -5521,7 +5526,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       }, null, 8, ["move", "size"]))
     ], 2));
   }
-}), UC = /* @__PURE__ */ $({
+}), KC = /* @__PURE__ */ $({
   __name: "ScrollBottomLoader",
   emits: ["intersect"],
   setup(t, { emit: e }) {
@@ -5542,7 +5547,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       }))
     ], 512));
   }
-}), KC = ["top", "bottom", "left", "right"], qC = ["up", "down", "left", "right"], R4 = {
+}), qC = ["top", "bottom", "left", "right"], YC = ["up", "down", "left", "right"], R4 = {
   key: 1,
   class: "text-xs"
 }, D4 = /* @__PURE__ */ $({
@@ -5568,7 +5573,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       t.segment.label ? (y(), v("p", R4, ce(t.segment.label), 1)) : T("", !0)
     ], 2));
   }
-}), YC = /* @__PURE__ */ $({
+}), JC = /* @__PURE__ */ $({
   __name: "SegmentedControls",
   props: {
     segments: {},
@@ -5589,7 +5594,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), JC = /* @__PURE__ */ $({
+}), GC = /* @__PURE__ */ $({
   __name: "OptionGroup",
   props: {
     label: {},
@@ -5607,7 +5612,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       F(e.$slots, "default")
     ], 2));
   }
-}), N4 = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, $4 = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, GC = /* @__PURE__ */ $({
+}), N4 = { class: "list-none flex items-center w-full overflow-hidden bg-primary" }, $4 = { class: "flex-1 w-full overflow-hidden flex items-center gap-2" }, XC = /* @__PURE__ */ $({
   __name: "SelectListOption",
   props: {
     hoveredOption: {},
@@ -5863,7 +5868,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
 }, J4 = { class: "flex-none flex items-center justify-between gap-1 px-4 py-1" }, G4 = {
   key: 0,
   class: "px-4 h-8 flex items-center text-ui-label-14-regular text-disabled-font"
-}, X4 = { class: "flex-0 px-6 py-4" }, XC = /* @__PURE__ */ $({
+}, X4 = { class: "flex-0 px-6 py-4" }, QC = /* @__PURE__ */ $({
   __name: "SelectList",
   props: {
     identifier: { default: "label" },
@@ -6077,7 +6082,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       ])) : T("", !0)
     ], 4));
   }
-}), QC = ["error", "idle", "loading", "match", "no match"], _C = ["checkbox", "deletable", "single"], Ll = /* @__PURE__ */ $({
+}), _C = ["error", "idle", "loading", "match", "no match"], ev = ["checkbox", "deletable", "single"], Ll = /* @__PURE__ */ $({
   __name: "WindowFrame",
   setup(t, { expose: e }) {
     var r;
@@ -6096,7 +6101,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
 }), Q4 = {
   key: 0,
   class: "px-6 flex items-center justify-between w-full h-12"
-}, _4 = { class: "px-6" }, e3 = { class: "px-6" }, ev = /* @__PURE__ */ $({
+}, _4 = { class: "px-6" }, e3 = { class: "px-6" }, tv = /* @__PURE__ */ $({
   __name: "SideOver",
   props: {
     closeable: { type: Boolean, default: !0 },
@@ -6188,12 +6193,12 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       }, 8, ["show", "type"])
     ], 8, ["to"]));
   }
-}), tv = /* @__PURE__ */ $({
+}), nv = /* @__PURE__ */ $({
   __name: "StatusSelect",
   setup(t) {
     return (e, n) => " TODO ";
   }
-}), nv = /* @__PURE__ */ $({
+}), rv = /* @__PURE__ */ $({
   __name: "Switch",
   props: {
     value: { type: Boolean, default: !1 },
@@ -6239,7 +6244,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
   key: 0,
   class: "absolute",
   style: { top: "0em", right: "-0.6em" }
-}, rv = /* @__PURE__ */ $({
+}, sv = /* @__PURE__ */ $({
   __name: "Tab",
   props: {
     icon: {},
@@ -6288,7 +6293,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       ])
     ], 10, t3));
   }
-}), s3 = { class: "truncate" }, sv = /* @__PURE__ */ $({
+}), s3 = { class: "truncate" }, iv = /* @__PURE__ */ $({
   __name: "Tag",
   props: {
     label: {},
@@ -6411,7 +6416,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text"]));
   }
-}), l3 = ["value", "placeholder"], iv = /* @__PURE__ */ $({
+}), l3 = ["value", "placeholder"], ov = /* @__PURE__ */ $({
   __name: "TagInput",
   props: {
     placeholder: { default: "Enter value, comma separated" },
@@ -6461,7 +6466,7 @@ const u4 = ["onKeydown"], d4 = /* @__PURE__ */ $({
       _: 1
     }));
   }
-}), ov = {
+}), lv = {
   validate: (t) => /^[\w.%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/i.test(t),
   errorMessage: () => "Invalid format."
 }, a3 = {
@@ -6519,7 +6524,7 @@ function d3(t, e) {
     C("div", { class: "w-px h-full bg-tertiary" }, null, -1)
   ])]);
 }
-const lv = /* @__PURE__ */ gn(c3, [["render", d3]]);
+const av = /* @__PURE__ */ gn(c3, [["render", d3]]);
 function Ze(t) {
   this.content = t;
 }
@@ -19853,7 +19858,7 @@ function w6(t, e, n) {
     (i = t.value) == null || i.off("update", s), (o = t.value) == null || o.off("transaction", s);
   }), r;
 }
-const L6 = { class: "space-y-1" }, M6 = { class: "space-y-1" }, cv = /* @__PURE__ */ $({
+const L6 = { class: "space-y-1" }, M6 = { class: "space-y-1" }, uv = /* @__PURE__ */ $({
   __name: "InserLink",
   props: {
     editor: {}
@@ -19958,7 +19963,7 @@ const L6 = { class: "space-y-1" }, M6 = { class: "space-y-1" }, cv = /* @__PURE_
       _: 1
     }, 512));
   }
-}), uv = /* @__PURE__ */ $({
+}), dv = /* @__PURE__ */ $({
   __name: "InsertImage",
   props: {
     editor: {}
@@ -23230,7 +23235,7 @@ $({
 const ny = { key: 1 }, ry = {
   key: 0,
   class: "pr-1"
-}, dv = /* @__PURE__ */ $({
+}, fv = /* @__PURE__ */ $({
   __name: "TextEditor",
   props: {
     autoHideMenu: { type: Boolean, default: !1 },
@@ -23582,7 +23587,7 @@ function ay(t, e) {
     F(t.$slots, "default")
   ]);
 }
-const fv = /* @__PURE__ */ gn(oy, [["render", ay]]);
+const hv = /* @__PURE__ */ gn(oy, [["render", ay]]);
 var cy = bt.create({
   name: "hardBreak",
   markdownTokenName: "br",
@@ -25977,7 +25982,7 @@ var nC = class {
     this.editor.options.content = e;
   }
 });
-const hv = /* @__PURE__ */ $({
+const pv = /* @__PURE__ */ $({
   __name: "TiptapEditor",
   props: {
     content: {},
@@ -26070,7 +26075,7 @@ const hv = /* @__PURE__ */ $({
       editor: k(i)
     }, null, 8, ["editor"])) : T("", !0);
   }
-}), sC = ["disabled"], iC = { key: 1 }, pv = /* @__PURE__ */ $({
+}), sC = ["disabled"], iC = { key: 1 }, mv = /* @__PURE__ */ $({
   __name: "ToggleButton",
   props: {
     active: { type: Boolean },
@@ -26134,9 +26139,9 @@ const hv = /* @__PURE__ */ $({
       _: 1
     }, 8, ["text", "delay", "placement"])) : T("", !0);
   }
-}), mv = (t) => {
+}), gv = (t) => {
   t.forEach((e) => e.open = !0);
-}, gv = (t, e, n) => {
+}, yv = (t, e, n) => {
   let r = t;
   for (const s of e.map((i) => i.id)) {
     if (!r || r.id !== s) {
@@ -26146,7 +26151,7 @@ const hv = /* @__PURE__ */ $({
     if (!r) return;
   }
   return r[n];
-}, yv = (t, e, n, r) => {
+}, Cv = (t, e, n, r) => {
   let s = t;
   for (const i of e.map((o) => o.id)) {
     if (!s || s.id !== i) {
@@ -26156,7 +26161,7 @@ const hv = /* @__PURE__ */ $({
     if (!s) return !1;
   }
   return s[n] = r, !0;
-}, Cv = (t, e, n, r) => {
+}, vv = (t, e, n, r) => {
   let s = t;
   for (const i of e.map((o) => o.id)) {
     if (!s || s.id !== i) {
@@ -26178,7 +26183,7 @@ const hv = /* @__PURE__ */ $({
     for (const n of t.children)
       e.push(...lC(n));
   return e;
-}, vv = ({
+}, bv = ({
   items: t,
   itemIdField: e,
   parentIdField: n,
@@ -26294,7 +26299,7 @@ const hv = /* @__PURE__ */ $({
 }, hC = { class: "text-xs truncate" }, pC = {
   key: 0,
   class: "relative"
-}, bv = /* @__PURE__ */ $({
+}, kv = /* @__PURE__ */ $({
   __name: "TreeList",
   props: {
     indentationAmount: { default: 20 },
@@ -26426,7 +26431,7 @@ const hv = /* @__PURE__ */ $({
       ], 64);
     };
   }
-}), kv = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive"], xv = ["default", "primary", "error"], wv = ["default", "circle"], Lv = ["horizontal", "vertical"], mC = ["start", "center", "end", "stretch"], Mv = [...mC, "between", "around", "evenly"], Sv = ["default", "blurred"], Hv = ["click", "hover", "focus", "manual"], Tv = ["Ok", "Not Ok", "Not Applicable"], Vv = [
+}), xv = ["fill", "outline", "outlineSubtle", "text", "textSubtle", "destructive"], wv = ["default", "primary", "error"], Lv = ["default", "circle"], Mv = ["horizontal", "vertical"], mC = ["start", "center", "end", "stretch"], Sv = [...mC, "between", "around", "evenly"], Hv = ["default", "blurred"], Tv = ["click", "hover", "focus", "manual"], Vv = ["Ok", "Not Ok", "Not Applicable"], Ev = [
   "admin",
   "agent",
   "agent-message",
@@ -26631,7 +26636,7 @@ const hv = /* @__PURE__ */ $({
       _: 3
     }, 8, ["class", "style"]));
   }
-}), Ev = ["header", "footer"], ka = /* @__PURE__ */ $({
+}), Av = ["header", "footer"], ka = /* @__PURE__ */ $({
   __name: "VerticalLayout",
   props: {
     borders: { type: Boolean, default: !1 },
@@ -26706,60 +26711,60 @@ export {
   DC as BFirstPaint,
   ye as BFlexbox,
   Je as BFormattingButton,
-  lv as BFormattingMenuDivider,
-  NC as BHorizontalLayout,
+  av as BFormattingMenuDivider,
+  $C as BHorizontalLayout,
   ve as BIcon,
-  $C as BInlineFormWrapper,
+  IC as BInlineFormWrapper,
   Qn as BInput,
-  IC as BInputNumber,
-  uv as BInsertImage,
-  cv as BInsertLink,
+  PC as BInputNumber,
+  dv as BInsertImage,
+  uv as BInsertLink,
   Nr as BLoadSpinner,
   J5 as BModal,
-  PC as BNavItem,
-  zC as BNotification,
+  zC as BNavItem,
+  BC as BNotification,
   Lc as BNotificationBadge,
-  BC as BPagination,
-  ZC as BPanelLayout,
-  FC as BPopCalendar,
-  WC as BPopConfirm,
+  ZC as BPagination,
+  FC as BPanelLayout,
+  WC as BPopCalendar,
+  jC as BPopConfirm,
   Wc as BPopSelect,
-  jC as BPopSelectFooterButton,
+  UC as BPopSelectFooterButton,
   es as BPopper,
   ts as BPopperContent,
   Ea as BResizablePanel,
   bc as BRunningSection,
   wl as BScreenOverlay,
-  UC as BScrollBottomLoader,
+  KC as BScrollBottomLoader,
   Rs as BScrollbar,
-  YC as BSegmentedControls,
-  XC as BSelectList,
-  GC as BSelectListOption,
-  JC as BSelectListOptionGroup,
-  ev as BSideOver,
-  tv as BStatusSelect,
-  nv as BSwitch,
-  rv as BTab,
-  sv as BTag,
-  iv as BTagInput,
-  dv as BTextEditor,
+  JC as BSegmentedControls,
+  QC as BSelectList,
+  XC as BSelectListOption,
+  GC as BSelectListOptionGroup,
+  tv as BSideOver,
+  nv as BStatusSelect,
+  rv as BSwitch,
+  sv as BTab,
+  iv as BTag,
+  ov as BTagInput,
+  fv as BTextEditor,
   Of as BTextHighlight,
-  fv as BTextViewer,
-  hv as BTiptapEditor,
-  pv as BToggleButton,
+  hv as BTextViewer,
+  pv as BTiptapEditor,
+  mv as BToggleButton,
   Oi as BTooltip,
-  bv as BTreeList,
+  kv as BTreeList,
   ka as BVerticalLayout,
   Ll as BWindowFrame,
-  xv as ButtonType,
-  Mv as Justifications,
-  Lv as Orientation,
-  Sv as OverlayType,
-  Hv as PopperTrigger,
-  Ev as SectionTypes,
-  vv as buildTree,
-  kv as buttonVariants,
-  wv as checkboxTypes,
+  wv as ButtonType,
+  Sv as Justifications,
+  Mv as Orientation,
+  Hv as OverlayType,
+  Tv as PopperTrigger,
+  Av as SectionTypes,
+  bv as buildTree,
+  xv as buttonVariants,
+  Lv as checkboxTypes,
   Dr as clamp,
   xC as dateDelta,
   VC as dateFormat,
@@ -26770,17 +26775,18 @@ export {
   r0 as dbDate,
   s0 as dbDateTime,
   $5 as debounce,
-  KC as egdes,
+  qC as egdes,
   oC as flattenTree,
   lC as flattenTreeNodes,
   TC as formatDate,
   Wh as getDecade,
-  gv as getNodeValueByPath,
+  NC as getModifierKeyIcon,
+  yv as getNodeValueByPath,
   LC as getWeekNumber,
-  Vv as icons,
+  Ev as icons,
   xs as loopRange,
   hr as moveDate,
-  mv as openPath,
+  gv as openPath,
   Qe as parseDate,
   MC as printDate,
   Sh as range,
@@ -26788,17 +26794,17 @@ export {
   t0 as readableDateTime,
   n0 as readableDateTimeWithDay,
   e0 as readableDateWithDay,
-  qC as scrollDirections,
+  YC as scrollDirections,
   Ec as scrollIntoView,
   I5 as scrollbarWidth,
-  _C as selectOptionVariants,
-  Cv as setNodeObjectValueByPath,
-  yv as setNodeValueByPath,
-  QC as states,
-  Tv as statuses,
+  ev as selectOptionVariants,
+  vv as setNodeObjectValueByPath,
+  Cv as setNodeValueByPath,
+  _C as states,
+  Vv as statuses,
   SC as stringifyDate,
   HC as stringifyDatetime,
-  ov as tagInputEmailValidator,
+  lv as tagInputEmailValidator,
   ml as useClickOutside,
   gl as useEscapeKey,
   m0 as useMounted,

package/dist/utils/getModifierKeyIcon.d.ts

@@ -0,0 +1,2 @@
+import { TIcon } from '../components';
+export declare const getModifierKeyIcon: () => TIcon;

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './array';
 export * from './clamp';
 export * from './debounce';
+export * from './getModifierKeyIcon';
 export * from './scrollbarWidth';
 export * from './scrollIntoView';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firstnoodle-ui/bui",
   "type": "module",
-  "version": "0.0.58",
+  "version": "0.0.59",
   "private": false,
   "repository": {
     "type": "git",
@@ -87,6 +87,6 @@
     "build": "vite build && vue-tsc --declaration --emitDeclarationOnly -p tsconfig.app.json",
     "typecheck": "vue-tsc -p tsconfig.app.json --noEmit",
     "watch": "vite build --watch",
-    "release:publish": "pnpm publish --access public --otp=391973 --no-git-checks"
+    "release:publish": "pnpm publish --access public --otp=867749 --no-git-checks"
   }
 }