@abdellatifui/react 3.0.1 → 3.0.2

package/dist/nextgen.d.ts

@@ -279,7 +279,9 @@ y: number;
 x: number;
 }>>)[];
 
-export declare const useRandomId: (length?: number, beginstr?: boolean, forcss?: boolean) => undefined;
+export declare const useGeneratedId: (length?: number, beginstr?: boolean, forcss?: boolean) => undefined;
+
+export declare const useRandomId: (length?: number) => string;
 
 export declare const useStore: (props?: {}) => {}[];
 

package/dist/nextgen.js

@@ -19235,7 +19235,7 @@ const G5 = $.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ T.jsx(
   }
 ));
 G5.displayName = tS.displayName;
-const wm = Tn({}), En = (e = 8, t = !0, n = !1) => {
+const wm = Tn({}), En = (e = 8) => "css-" + Math.random().toString(36).substr(2, e), TG = (e = 8, t = !0, n = !1) => {
   const [r, o] = ce();
   return we(() => {
     e && n ? o("css-" + Math.random().toString(36).substr(2, e)) : e && t ? o("_" + Math.random().toString(36).substr(2, e)) : e && !t && o(Math.random().toString(36).substr(2, e));
@@ -19244,20 +19244,20 @@ const wm = Tn({}), En = (e = 8, t = !0, n = !1) => {
 function X5(e) {
   return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function TG(e, t, n = 1) {
+function PG(e, t, n = 1) {
   const r = [];
   t || (t = e, e = 0);
   for (let o = e; o < t; o += n)
     r.push(o);
   return r;
 }
-const PG = (e) => Array.from({ length: e }), $G = () => {
+const $G = (e) => Array.from({ length: e }), AG = () => {
   const e = [];
   for (let t = 0; t < 768; t++)
     e.push((9127.5 + t * 0.625).toFixed(3));
   return e;
 };
-function AG(e) {
+function OG(e) {
   return new Date(e * 1e3).toLocaleString();
 }
 const J5 = Ot(
@@ -19314,7 +19314,7 @@ const J5 = Ot(
       children: i
     }
   ) }) });
-}), OG = Tn({}), Q5 = Ce((e, t) => {
+}), RG = Tn({}), Q5 = Ce((e, t) => {
   const {
     children: n,
     header: r,
@@ -20261,7 +20261,7 @@ const Qv = {
   bodyColor: "#292c2e",
   bodyTextColor: "#b1bdc6"
 };
-function RG(e) {
+function NG(e) {
   const { sx: t } = e, [n, r] = ce([]), [o, i] = ce(Qv), [s, a] = ce("small");
   return we(() => {
     e.data && r((l) => e.data);
@@ -20304,7 +20304,7 @@ function rF(e) {
     e
   ]);
 }
-const cS = "Switch", [oF, NG] = No(cS), [iF, sF] = oF(cS), aF = /* @__PURE__ */ Ce((e, t) => {
+const cS = "Switch", [oF, kG] = No(cS), [iF, sF] = oF(cS), aF = /* @__PURE__ */ Ce((e, t) => {
   const { __scopeSwitch: n, name: r, checked: o, defaultChecked: i, required: s, disabled: a, value: l = "on", onCheckedChange: c, ...u } = e, [d, p] = ce(null), v = Kt(
     t,
     (S) => p(S)
@@ -20582,7 +20582,7 @@ const SF = vF, EF = xF, TF = wF, di = "Accordion", PF = [
   "ArrowUp",
   "ArrowLeft",
   "ArrowRight"
-], [Am, $F, AF] = mF(di), [Wu, kG] = No(di, [
+], [Am, $F, AF] = mF(di), [Wu, _G] = No(di, [
   AF,
   gS
 ]), Om = gS(), vS = /* @__PURE__ */ _e.forwardRef((e, t) => {
@@ -21295,7 +21295,7 @@ const Ip = Ce((e, t) => {
       )
     }
   );
-}), _G = Ce((e, t) => {
+}), DG = Ce((e, t) => {
   const { onClick: n } = e;
   return /* @__PURE__ */ T.jsx(
     Hn,
@@ -21345,7 +21345,7 @@ const Ip = Ce((e, t) => {
       color: "primary"
     }
   }
-), DG = Ce((e, t) => {
+), jG = Ce((e, t) => {
   const { children: n, title: r, className: o, shadow: i, padding: s, border: a, resizable: l } = e;
   return /* @__PURE__ */ T.jsx(
     "div",
@@ -21979,7 +21979,7 @@ function ZS(e, t, n, { discrete: r }) {
   const o = n.originalEvent.target, i = new CustomEvent(e, { bubbles: !1, cancelable: !0, detail: n });
   t && o.addEventListener(e, t, { once: !0 }), r ? m3(o, i) : o.dispatchEvent(i);
 }
-var Sd, Dm = "HoverCard", [eE, jG] = MS(Dm, [
+var Sd, Dm = "HoverCard", [eE, MG] = MS(Dm, [
   VS
 ]), qu = VS(), [B3, jm] = eE(Dm), tE = (e) => {
   const {
@@ -22036,7 +22036,7 @@ var nE = "HoverCardTrigger", rE = $.forwardRef(
   }
 );
 rE.displayName = nE;
-var V3 = "HoverCardPortal", [MG, z3] = eE(V3, {
+var V3 = "HoverCardPortal", [IG, z3] = eE(V3, {
   forceMount: void 0
 }), Zc = "HoverCardContent", oE = $.forwardRef(
   (e, t) => {
@@ -22310,7 +22310,7 @@ const G3 = Ot("overflow-visible flex pr-2 font-Roboto text-gray-500", {
   for (let t = 0; t < 768; t++)
     e.push((9127.5 + t * 0.625).toFixed(3));
   return e;
-}, rb = J3(), IG = Ce((e, t) => {
+}, rb = J3(), LG = Ce((e, t) => {
   const { onChange: n } = e, r = t || Ae({}), [o, i] = ce({
     state: null,
     message: null
@@ -23818,7 +23818,7 @@ function Hm(e = {}) {
   };
 }
 Hm.globalOptions = void 0;
-const LG = Ce((e, t) => {
+const FG = Ce((e, t) => {
   const { items: n, autoplay: r, delay: o } = e, i = () => r ? [Hm({ delay: o || 2e3 })] : [];
   return /* @__PURE__ */ T.jsx("div", { ref: t, className: "w-[calc(100%-200px)] h-full flex items-center ml-20 rounded-t-xl  relative", children: /* @__PURE__ */ T.jsxs(pE, { plugins: i(), className: "w-full h-full", children: [
     /* @__PURE__ */ T.jsx(hE, { children: n.map((s, a) => /* @__PURE__ */ T.jsxs(mE, { children: [
@@ -24187,7 +24187,7 @@ const V4 = Array(1e3).fill().map((e, t) => `Item ${t + 1}`), z4 = ({ index: e, s
     /* @__PURE__ */ T.jsx(lE, { value: n, type: "email" }),
     V4[e]
   ] });
-}, FG = Ce((e, t) => /* @__PURE__ */ T.jsx("div", { ...e, ref: t, children: /* @__PURE__ */ T.jsx(
+}, BG = Ce((e, t) => /* @__PURE__ */ T.jsx("div", { ...e, ref: t, children: /* @__PURE__ */ T.jsx(
   B4,
   {
     height: 400,
@@ -26756,7 +26756,7 @@ function m6(e) {
     );
   }) });
 }
-const Km = Tn({}), BG = Ce((e, t) => {
+const Km = Tn({}), VG = Ce((e, t) => {
   const n = Ae({}), {
     tid: r,
     dataset: o = [],
@@ -31925,7 +31925,7 @@ const Zz = (e) => {
       i && n((s) => [...s, i]);
     }
   }, [e]), [t, n];
-}, eg = Tn({}), zG = Ce((e, t) => {
+}, eg = Tn({}), HG = Ce((e, t) => {
   const {
     dialog: n = {}
   } = e, [r] = Zz(n);
@@ -32503,7 +32503,7 @@ function E9(e, t, n) {
     [t]
   );
 }
-const { schedule: ig, cancel: HG } = /* @__PURE__ */ dT(queueMicrotask, !1), sg = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), T9 = "framerAppearId", gT = "data-" + sg(T9), yT = Tn({});
+const { schedule: ig, cancel: WG } = /* @__PURE__ */ dT(queueMicrotask, !1), sg = (e) => e.replace(/([a-z])([A-Z])/gu, "$1-$2").toLowerCase(), T9 = "framerAppearId", gT = "data-" + sg(T9), yT = Tn({});
 function P9(e, t, n, r, o) {
   var i, s;
   const { visualElement: a } = Ct(gf), l = Ct(pT), c = Ct(ng), u = Ct(fT).reducedMotion, d = Ae(null);
@@ -37087,7 +37087,7 @@ const LU = (e, t) => dg(e) ? new IU(t) : new MU(t, {
       ] }) })
     }
   );
-}), UG = Ce((e, t) => {
+}), qG = Ce((e, t) => {
   const {
     item: n,
     duration: r = 5e3
@@ -37102,7 +37102,7 @@ const LU = (e, t) => dg(e) ? new IU(t) : new MU(t, {
     ));
   }, [n]), /* @__PURE__ */ T.jsx(hO, {});
 }), FP = Tn({ name: "", onChange: () => {
-} }), qG = (e) => {
+} }), KG = (e) => {
   const t = Ae(null), n = En(), r = Ae(null), { name: o, onChange: i } = Ct(FP), {
     children: s,
     header: a,
@@ -37203,7 +37203,7 @@ const LU = (e, t) => dg(e) ? new IU(t) : new MU(t, {
       ]
     }
   );
-}, WU = Ot("relative flex space-x-1", {}), KG = Ce((e, t) => {
+}, WU = Ot("relative flex space-x-1", {}), YG = Ce((e, t) => {
   const {
     children: n,
     onChange: r = () => {
@@ -41162,7 +41162,7 @@ Object.assign(_c, {
   io: _c,
   connect: _c
 });
-const YG = (e) => {
+const GG = (e) => {
   const {
     baseUrl: t = "/",
     token: n,
@@ -41652,7 +41652,7 @@ function jY(e) {
   let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
   return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var qg = "Tabs", [MY, GG] = Wg(qg, [
+var qg = "Tabs", [MY, XG] = Wg(qg, [
   O$
 ]), j$ = O$(), [IY, Kg] = MY(qg), M$ = $.forwardRef(
   (e, t) => {
@@ -41882,7 +41882,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
       full: "w-full h-full"
     }
   }
-}), XG = Ce((e, t) => {
+}), JG = Ce((e, t) => {
   const [n, r] = ce(void 0), o = Ae(), {
     tabs: i = [],
     onChange: s = () => {
@@ -41937,7 +41937,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
       return y.tabs = i, y.props = e, /* @__PURE__ */ T.jsx(X$, { id: m, value: y.value, className: "m-0 p-0", children: y.content }, "__" + y.value || En());
     }) }) : null
   ] });
-}), JG = Ce((e, t) => {
+}), QG = Ce((e, t) => {
   const n = En(), [r, o] = ce(null), [i, s] = ce(null), [a, l] = ce(null), [c, u] = ce(null), {
     resize: d = "both"
   } = e, p = (y, m) => {
@@ -41999,7 +41999,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
       false: "[&_.css9231]:hidden"
     }
   }
-}), QG = (e) => {
+}), ZG = (e) => {
   const {
     variant: t = "primary",
     className: n,
@@ -42027,7 +42027,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
       secondary: "text-gray-600"
     }
   }
-}), ZG = (e) => {
+}), eX = (e) => {
   const {
     size: t = "m",
     info: n,
@@ -42038,7 +42038,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
     /* @__PURE__ */ T.jsx(aE, { children: /* @__PURE__ */ T.jsx(uO, { className: Pe(UY({ size: t, variant: r }), o) }) }),
     n ? /* @__PURE__ */ T.jsx(Mm, { className: "p-1", children: n }) : null
   ] });
-}, eX = (e) => {
+}, tX = (e) => {
   const [t, n] = ce(null), [r, o] = ce({ x: 0, y: 0 }), i = Ae(), {
     className: s,
     children: a,
@@ -42080,7 +42080,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
       }
     )
   ] });
-}, tX = (e = {}) => {
+}, nX = (e = {}) => {
   const [t, n] = ce(e);
   function r(i, s) {
     n((a) => ({ ...a, [i]: s }));
@@ -42089,7 +42089,7 @@ const BY = Ot("relative w-fit data-[state=active]:font-normal text-[13px] font-R
     return t[i];
   }
   return [t, r, o, n];
-}, nX = (e = {}) => {
+}, rX = (e = {}) => {
   const [t, n] = ce(e);
   function r(i, s) {
     n((a) => ({ ...a, [i]: s }));
@@ -42116,7 +42116,7 @@ function qY({ dataset: e = [] }) {
     }
   }, [e]), [t, n];
 }
-const rX = (e) => {
+const oX = (e) => {
   const {
     dataset: t = []
   } = e, [n, r] = qY({ dataset: t }), [o, i] = ce([]), [s, a] = ce({}), [l, c] = ce(
@@ -42369,13 +42369,13 @@ const oG = Ot(
   }
 ));
 tA.displayName = eA.displayName;
-const nA = Tn({}), oX = (e) => {
+const nA = Tn({}), iX = (e) => {
   const {
     singleSelection: t = !0,
     onChange: n = () => {
     },
     onContextMenu: r
-  } = e, o = En(8, !1, !0), i = Ae({ items: [] }), s = Ae({ items: [] }), {
+  } = e, o = En(8), i = Ae({ items: [] }), s = Ae({ items: [] }), {
     children: a
   } = e, l = (u) => {
     r && (t && s.current.items.filter((p) => p.id != u.id).map((p) => {
@@ -42402,8 +42402,8 @@ const nA = Tn({}), oX = (e) => {
       true: "cursor-not-allowed opacity-50 hover:bg-transparent"
     }
   }
-}), iX = (e) => {
-  const t = Ae({}), n = En(8, !1, !0), {
+}), sX = (e) => {
+  const t = Ae({}), n = En(8), {
     rootref: r,
     api_groupChange: o,
     itemsRef: i,
@@ -42459,64 +42459,65 @@ const nA = Tn({}), oX = (e) => {
   );
 };
 export {
-  zG as Alert,
-  OG as AppContext,
+  HG as Alert,
+  RG as AppContext,
   SD as AutoComplete,
   wG as Body,
   Ya as Button,
   Z5 as CloseButton,
-  DG as Container,
+  jG as Container,
   Ip as ContextMenu,
   TC as CopyButton,
-  BG as DataTable,
+  VG as DataTable,
   Q5 as DialogPanel,
   CG as Frame,
-  IG as Frequency,
+  LG as Frequency,
   g6 as Headline,
-  ZG as HelpPopover,
+  eX as HelpPopover,
   Hn as IconButton,
-  RG as InformationTableMui,
+  NG as InformationTableMui,
   Ow as InlineSpinner,
   lE as Input,
   Yc as Label,
   HI as MainHeader,
-  _G as MenuButton,
+  DG as MenuButton,
   Hu as Model,
   wm as ModelContext,
-  rX as MuiTable,
+  oX as MuiTable,
   U4 as NgFailedLegend,
   W4 as NgSuccessLegend,
   GC as Panel,
-  QG as PropItem,
-  KG as RadioGroup,
-  qG as RadioItem,
+  ZG as PropItem,
+  YG as RadioGroup,
+  KG as RadioItem,
   xG as ScrolBarStyle,
   Tm as ScrollArea,
   Mh as Spinner,
   ED as SpinnerDialog,
-  eX as SplitButton,
+  tX as SplitButton,
   WI as SubHeader,
   XC as SwapIconButton,
   hF as Switch,
-  XG as Tabs,
-  JG as TextArea,
+  JG as Tabs,
+  QG as TextArea,
   X3 as TinnyHelp,
-  UG as Toast,
-  oX as ToggleGroup,
-  iX as ToggleItem,
+  qG as Toast,
+  iX as ToggleGroup,
+  sX as ToggleItem,
   mm as Tooltip,
-  FG as VirtualContainer,
-  LG as Whatsnew,
+  BG as VirtualContainer,
+  FG as Whatsnew,
   X5 as capitalizeFirstLetter,
   Pe as cn,
-  PG as convertNumberToArray,
-  AG as convertTimestampToDate,
+  $G as convertNumberToArray,
+  OG as convertTimestampToDate,
   Ot as cva,
-  $G as getWholeSpectrum,
-  TG as range,
-  YG as useApi,
+  AG as getWholeSpectrum,
+  PG as range,
+  GG as useApi,
   RS as useBoxSize,
+  TG as useGeneratedId,
   En as useRandomId,
-  tX as useStore,
-  nX as useVariable
+  nX as useStore,
+  rX as useVariable
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@abdellatifui/react",
   "private": false,
-  "version": "3.0.1",
+  "version": "3.0.2",
   "type": "module",
   "files": [
     "dist"