@opencxh/ui-kit 3.114.0 → 3.114.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { clsx as qe } from "clsx";
2
2
  import { jsxs as i, jsx as e, Fragment as fe } from "react/jsx-runtime";
3
- import { VideoOff as We, User as Ke, MicOff as _e, Mic as Ge, X as ve, ChevronDown as be, ExternalLink as Je, Calendar as Ye, ChevronLeft as je, ChevronRight as ye, ChevronDownIcon as Xe, Loader2 as Ze, Search as Ne, Check as Me, ChevronUp as Qe, ChevronsLeft as et, ChevronsRight as tt, FileText as ke, HardDrive as $e, ArrowLeft as Ee, FolderPlus as rt, Upload as nt, Folder as De, Trash2 as st, Plus as at, Sparkles as lt, ImageOff as ot, Pencil as ct, ArrowUpRight as it } from "lucide-react";
3
+ import { VideoOff as We, User as Ke, MicOff as _e, Mic as Ge, X as ve, ChevronDown as be, ExternalLink as Je, Calendar as Ye, ChevronLeft as Ee, ChevronRight as ye, ChevronDownIcon as Xe, Loader2 as Ze, Search as Ne, Check as Me, ChevronUp as Qe, ChevronsLeft as et, ChevronsRight as tt, FileText as ke, HardDrive as $e, ArrowLeft as je, FolderPlus as rt, Upload as nt, Folder as De, Trash2 as st, Plus as at, Sparkles as lt, ImageOff as ot, Pencil as ct, ArrowUpRight as it } from "lucide-react";
4
4
  import le, { useRef as ae, useEffect as Y, forwardRef as de, useState as R, useLayoutEffect as dt, useMemo as me, useCallback as ce, createContext as ut, Component as mt } from "react";
5
5
  function u(...t) {
6
6
  return qe(t);
@@ -626,7 +626,7 @@ const zt = {
626
626
  }
627
627
  );
628
628
  xe.displayName = "Checkbox";
629
- const $t = () => /* @__PURE__ */ e(J, { icon: Ye, size: "md", color: "current" }), Dt = () => /* @__PURE__ */ e(J, { icon: je, size: "md", color: "current" }), Tt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), Se = de(({
629
+ const $t = () => /* @__PURE__ */ e(J, { icon: Ye, size: "md", color: "current" }), Dt = () => /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" }), Tt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), Se = de(({
630
630
  value: t,
631
631
  onChange: r,
632
632
  placeholder: n = "Select date",
@@ -1673,7 +1673,7 @@ const Vt = ({
1673
1673
  ]
1674
1674
  }
1675
1675
  );
1676
- }, Ht = () => /* @__PURE__ */ e(J, { icon: Ne, size: "md", color: "current" }), Ut = ({ active: t }) => /* @__PURE__ */ e(J, { icon: Qe, size: "sm", className: t ? "text-text" : "text-text-subtle" }), qt = ({ active: t }) => /* @__PURE__ */ e(J, { icon: be, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Wt = () => /* @__PURE__ */ e(J, { icon: je, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), _t = () => /* @__PURE__ */ e(J, { icon: et, size: "md", color: "current" }), Gt = () => /* @__PURE__ */ e(J, { icon: tt, size: "md", color: "current" }), Fe = () => /* @__PURE__ */ e(J, { icon: be, size: "md", color: "current" }), Jt = (t) => {
1676
+ }, Ht = () => /* @__PURE__ */ e(J, { icon: Ne, size: "md", color: "current" }), Ut = ({ active: t }) => /* @__PURE__ */ e(J, { icon: Qe, size: "sm", className: t ? "text-text" : "text-text-subtle" }), qt = ({ active: t }) => /* @__PURE__ */ e(J, { icon: be, size: "sm", className: t ? "text-text" : "text-text-subtle" }), Wt = () => /* @__PURE__ */ e(J, { icon: Ee, size: "md", color: "current" }), Kt = () => /* @__PURE__ */ e(J, { icon: ye, size: "md", color: "current" }), _t = () => /* @__PURE__ */ e(J, { icon: et, size: "md", color: "current" }), Gt = () => /* @__PURE__ */ e(J, { icon: tt, size: "md", color: "current" }), Fe = () => /* @__PURE__ */ e(J, { icon: be, size: "md", color: "current" }), Jt = (t) => {
1677
1677
  const r = (s) => t.multiSelect && Array.isArray(t.value) ? t.value?.includes(s) : t.value === s, n = (s) => {
1678
1678
  t.multiSelect && Array.isArray(t.value) ? t.onChange(t.value.filter((a) => a !== s)) : t.onChange(s);
1679
1679
  };
@@ -2617,7 +2617,7 @@ const ar = ({
2617
2617
  onClick: () => {
2618
2618
  $ && $ !== "/" ? D() : L(null);
2619
2619
  },
2620
- leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "xs" }),
2620
+ leftIcon: /* @__PURE__ */ e(J, { icon: je, size: "xs" }),
2621
2621
  children: $ ? "Back" : "Back to Mounts"
2622
2622
  }
2623
2623
  ),
@@ -4214,7 +4214,7 @@ const bn = ({
4214
4214
  ),
4215
4215
  children: [
4216
4216
  /* @__PURE__ */ i("div", { className: "flex flex-row sm:items-start sm:justify-between items-center gap-4", children: [
4217
- /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-2 text-text", children: [
4217
+ /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-start gap-4 text-text", children: [
4218
4218
  y && /* @__PURE__ */ e(re, { variant: "secondary", onClick: y, leftIcon: /* @__PURE__ */ e(J, { icon: Ee, size: "sm" }), iconOnly: !0 }),
4219
4219
  /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
4220
4220
  h ? /* @__PURE__ */ e(
@@ -4234,10 +4234,10 @@ const bn = ({
4234
4234
  {
4235
4235
  onClick: L,
4236
4236
  className: u(
4237
- "text-2xl font-semibold truncate",
4237
+ "text-xl font-semibold truncate",
4238
4238
  f && "cursor-pointer"
4239
4239
  ),
4240
- title: f ? "Klik om te bewerken" : void 0,
4240
+ title: f ? "Click to edit" : void 0,
4241
4241
  children: r
4242
4242
  }
4243
4243
  ),
@@ -4292,7 +4292,7 @@ const bn = ({
4292
4292
  className: s,
4293
4293
  children: a
4294
4294
  }) => /* @__PURE__ */ i("div", { className: u("flex items-center gap-2 mb-3", s), children: [
4295
- r && /* @__PURE__ */ e(re, { variant: "ghost", size: "sm", onClick: r, leftIcon: /* @__PURE__ */ e(Ee, { size: 14 }), children: n }),
4295
+ r && /* @__PURE__ */ e(re, { variant: "ghost", size: "sm", onClick: r, leftIcon: /* @__PURE__ */ e(je, { size: 14 }), children: n }),
4296
4296
  a && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: a }),
4297
4297
  t.length > 0 && /* @__PURE__ */ e("div", { className: u("flex flex-wrap gap-2", !a && "ml-auto"), children: t.map(
4298
4298
  (l) => l.splitOptions && l.splitOptions.length > 0 ? /* @__PURE__ */ e(