nogbase-ui 1.0.0

package/dist/utilities/state/utils/createState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createState.d.ts","sourceRoot":"","sources":["../../../../src/utilities/state/utils/createState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,KAAK,aAAa,EAAE,MAAM,OAAO,CAAC;AAEjD,eAAO,MAAM,WAAW,GAAI,SAAS,EAAE,wBAGpC;IACD,GAAG,EAAE,MAAM,CAAC;IACZ,YAAY,EAAE,SAAS,CAAC;CACzB,KAAG,aAAa,CAAC,SAAS,CAI1B,CAAC"}

package/dist/utilities/types/ClickOutsideAttributes.d.ts

@@ -0,0 +1,5 @@
+export type ClickOutsideAttributes = {
+    dataClickOutsideId?: string;
+    dataGloballyPreventClickOutside?: boolean;
+};
+//# sourceMappingURL=ClickOutsideAttributes.d.ts.map

package/dist/utilities/types/ClickOutsideAttributes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickOutsideAttributes.d.ts","sourceRoot":"","sources":["../../../src/utilities/types/ClickOutsideAttributes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,sBAAsB,GAAG;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,+BAA+B,CAAC,EAAE,OAAO,CAAC;CAC3C,CAAC"}

package/dist/utilities/types/Nullable.d.ts

@@ -0,0 +1,2 @@
+export type Nullable<T> = T | null | undefined;
+//# sourceMappingURL=Nullable.d.ts.map

package/dist/utilities/types/Nullable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nullable.d.ts","sourceRoot":"","sources":["../../../src/utilities/types/Nullable.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC"}

package/dist/utilities/utils/getDisplayValueByUrlType.d.ts

@@ -0,0 +1,9 @@
+import { LinkType } from '../../navigation';
+
+type getUrlDisplayValueByUrlTypeProps = {
+    type: LinkType;
+    href: string;
+};
+export declare const getDisplayValueByUrlType: ({ type, href, }: getUrlDisplayValueByUrlTypeProps) => string | undefined;
+export {};
+//# sourceMappingURL=getDisplayValueByUrlType.d.ts.map

package/dist/utilities/utils/getDisplayValueByUrlType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDisplayValueByUrlType.d.ts","sourceRoot":"","sources":["../../../src/utilities/utils/getDisplayValueByUrlType.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAG/C,KAAK,gCAAgC,GAAG;IACtC,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,iBAGtC,gCAAgC,uBA+BlC,CAAC"}

package/dist/utilities/utils/linkifyText.d.ts

@@ -0,0 +1,6 @@
+export type LinkifyMatch = {
+    type: 'text' | 'link';
+    content: string;
+};
+export declare const linkifyText: (text: string) => LinkifyMatch[];
+//# sourceMappingURL=linkifyText.d.ts.map

package/dist/utilities/utils/linkifyText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"linkifyText.d.ts","sourceRoot":"","sources":["../../../src/utilities/utils/linkifyText.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,YAAY,GAAG;IACzB,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,KAAG,YAAY,EAoBtD,CAAC"}

package/dist/utilities.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./jsx-runtime-CycUbF8Y.cjs"),c=require("react"),a=require("framer-motion"),m=require("@linaria/react"),d=require("./ThemeProvider-CLAfdrfV.cjs"),y=require("./parseThemeColor-D4ynze2R.cjs"),p=require("./config-rVY5Wtrt.cjs"),l=require("./useIsMobile-BhDUpJrC.cjs"),g=require("./useMouseDownNavigation-CJhNSdDB.cjs"),x=require("react-router-dom"),S=require("jotai"),j=require("./getDisplayValueByUrlType-B64lHVXJ.cjs"),v=require("./linkifyText-DZevSX0n.cjs"),A=()=>a.motion.div,T=m.styled(A())({name:"StyledAnimatedContainer",class:"s1uk4mm3",propsAsIs:!0}),R=({children:e})=>{const{theme:t}=c.useContext(d.ThemeContext);return i.jsxRuntimeExports.jsx(T,{initial:{rotate:0},animate:{rotate:360},transition:{repeat:1/0,duration:t.animation.duration.slow,ease:"easeInOut"},children:e})},E=({children:e})=>i.jsxRuntimeExports.jsx(a.motion.div,{initial:{opacity:0},animate:{opacity:1},transition:{duration:.1},whileHover:{scale:1.04},children:e}),f=({children:e,duration:t="normal"})=>{const{theme:n}=c.useContext(d.ThemeContext),o={opacity:0},s={opacity:1},r={ease:"linear",duration:n.animation.duration[t]};return i.jsxRuntimeExports.jsx(a.motion.div,{initial:o,animate:s,transition:r,children:e})},w=({children:e,isOpen:t,marginBottom:n,marginTop:o,duration:s="normal",initial:r=!0})=>{const{theme:u}=c.useContext(d.ThemeContext);return i.jsxRuntimeExports.jsx(a.AnimatePresence,{initial:r,children:t&&i.jsxRuntimeExports.jsx(a.motion.div,{initial:{marginBottom:n??0,marginTop:o??0,height:0,opacity:0},animate:{height:"fit-content",opacity:1},exit:{height:0,opacity:0,marginBottom:0,marginTop:0},transition:{duration:u.animation.duration[s],ease:"easeInOut"},children:e})})},I=({isOpen:e,children:t,duration:n="normal",marginBottom:o,marginTop:s})=>{const{theme:r}=c.useContext(d.ThemeContext);return i.jsxRuntimeExports.jsx(a.AnimatePresence,{children:e&&i.jsxRuntimeExports.jsx(a.motion.div,{initial:{opacity:1,marginBottom:o??0,marginTop:s??0},exit:{opacity:0,height:0,marginBottom:0,marginTop:0},transition:{duration:r.animation.duration[n],ease:"easeOut"},children:t})})},b=()=>({size:e})=>e,q=m.styled("div")({name:"StyledContainer",class:"s1qc2sd3",propsAsIs:!1,vars:{"s1qc2sd3-0":[b(),"px"]}}),M=()=>a.motion.div,h=m.styled(M())({name:"StyledLayer",class:"s7m9gx4",propsAsIs:!0}),_=({isActive:e,ActiveIcon:t,InactiveIcon:n,size:o})=>{const{theme:s}=c.useContext(d.ThemeContext),r=o??s.icon.size.sm;return i.jsxRuntimeExports.jsxs(q,{size:r,children:[i.jsxRuntimeExports.jsx(h,{initial:!1,animate:{opacity:e?0:1,scale:e?.85:1},transition:{duration:s.animation.duration.fast,ease:"easeInOut"},children:i.jsxRuntimeExports.jsx(n,{size:r})}),i.jsxRuntimeExports.jsx(h,{initial:!1,animate:{opacity:e?1:0,scale:e?1:.85},transition:{duration:s.animation.duration.fast,ease:"easeInOut"},children:i.jsxRuntimeExports.jsx(t,{size:r})})]})},O=()=>a.motion.div,z=m.styled(O())({name:"StyledMotionDiv",class:"s12729nz",propsAsIs:!0}),L=({children:e,duration:t="fast",animateOnHover:n})=>{const{theme:o}=c.useContext(d.ThemeContext),s={opacity:0,rotate:-90},r={opacity:1,rotate:0},u={opacity:0,rotate:90},C={duration:o.animation.duration[t]};return i.jsxRuntimeExports.jsx(z,{initial:s,animate:r,transition:C,exit:u,whileHover:n?{rotate:45,transition:{duration:o.animation.duration.fast}}:{},children:e})},P=()=>a.motion.div,D=m.styled(P())({name:"StyledContainer",class:"sar1si0",propsAsIs:!0}),N=()=>a.motion.span,W=m.styled(N())({name:"StyledWord",class:"s1kbctc0",propsAsIs:!0}),B={hidden:{opacity:0},visible:(e=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:.04*e}})},H={visible:{opacity:1,x:0,transition:{type:"spring",damping:12,stiffness:100}},hidden:{opacity:0,x:20,transition:{type:"spring",damping:12,stiffness:100}}},U=({text:e=""})=>{const t=c.useMemo(()=>{const n=e.split(" ");return n.map((o,s)=>s===n.length-1?o:o+" ")},[e]);return i.jsxRuntimeExports.jsx(D,{variants:B,initial:"hidden",animate:"visible",children:t.map((n,o)=>i.jsxRuntimeExports.jsx(W,{variants:H,children:n},o))})},$=({children:e})=>{const{theme:t}=c.useContext(d.ThemeContext);return i.jsxRuntimeExports.jsx(a.motion.div,{initial:"hidden",animate:"visible",variants:{hidden:{opacity:0,y:-20},visible:{opacity:1,y:0,transition:{duration:t.animation.duration.normal,ease:"easeInOut"}}},children:e})},k=e=>e.replace(/\d+$/,""),V=()=>l.getUserDevice()==="mac"?"⌘":"Ctrl",F=m.styled("span")({name:"StyledNodeWrapper",class:"s1s6npi3",propsAsIs:!1}),G=m.styled("div")({name:"StyledContainer",class:"s1lbuypw",propsAsIs:!1}),J=m.styled("div")({name:"StyledChildWrapper",class:"s1juz2iq",propsAsIs:!1}),K=({children:e,node:t=e,className:n})=>i.jsxRuntimeExports.jsxs(G,{className:n,children:[i.jsxRuntimeExports.jsx(F,{children:t}),i.jsxRuntimeExports.jsx(J,{children:e})]}),Q=()=>{const e=x.useNavigate(),t=x.useLocation();return{resetLocationHash:()=>{e(t.pathname,{replace:!0})}}},X=()=>{const[e,t]=c.useState({width:window.innerWidth,height:window.innerHeight});return c.useEffect(()=>{const n=()=>{t({width:window.innerWidth,height:window.innerHeight})};return window.addEventListener("resize",n),()=>{window.removeEventListener("resize",n)}},[]),e},Y=({key:e,defaultValue:t})=>{const n=S.atom(t);return n.debugLabel=e,n};exports.parseThemeColor=y.parseThemeColor;exports.themeColorSchema=y.themeColorSchema;exports.REACT_APP_SERVER_BASE_URL=p.REACT_APP_SERVER_BASE_URL;exports.stringToThemeColor=p.stringToThemeColor;exports.stringToThemeColorP3String=p.stringToThemeColorP3String;exports.getOsShortcutSeparator=l.getOsShortcutSeparator;exports.getUserDevice=l.getUserDevice;exports.useIsMobile=l.useIsMobile;exports.isNavigationModifierPressed=g.isNavigationModifierPressed;exports.useMouseDownNavigation=g.useMouseDownNavigation;exports.getDisplayValueByUrlType=j.getDisplayValueByUrlType;exports.linkifyText=v.linkifyText;exports.AnimatedCircleLoading=R;exports.AnimatedContainer=E;exports.AnimatedEaseIn=f;exports.AnimatedEaseInOut=w;exports.AnimatedFadeOut=I;exports.AnimatedIconCrossfade=_;exports.AnimatedRotate=L;exports.AnimatedTextWord=U;exports.AnimatedTranslation=$;exports.AutogrowWrapper=K;exports.createState=Y;exports.getMainColorNameFromPaletteColorName=k;exports.getOsControlSymbol=V;exports.useResetLocationHash=Q;exports.useScreenSize=X;

package/dist/utilities.mjs

@@ -0,0 +1,317 @@
+import { j as i } from "./jsx-runtime-R4VT8aVc.js";
+import { useContext as d, useMemo as y, useState as x, useEffect as g } from "react";
+import { motion as r, AnimatePresence as u } from "framer-motion";
+import { styled as c } from "@linaria/react";
+import { T as m } from "./ThemeProvider-CpY05Gd2.js";
+import { p as dt, t as mt } from "./parseThemeColor-B2R6aB0f.js";
+import { R as pt, a as ut, s as ht } from "./config-BQRGC1lM.js";
+import { a as f } from "./useIsMobile-CVMKHNZ4.js";
+import { g as xt, u as gt } from "./useIsMobile-CVMKHNZ4.js";
+import { i as St, u as vt } from "./useMouseDownNavigation-BC4MjafL.js";
+import { useNavigate as S, useLocation as v } from "react-router-dom";
+import { atom as C } from "jotai";
+import { g as At } from "./getDisplayValueByUrlType-DsRKFto7.js";
+import { l as wt } from "./linkifyText-isyikTlq.js";
+const A = () => r.div, j = /* @__PURE__ */ c(A())({
+  name: "StyledAnimatedContainer",
+  class: "s1uk4mm3",
+  propsAsIs: !0
+}), V = ({
+  children: t
+}) => {
+  const {
+    theme: e
+  } = d(m);
+  return /* @__PURE__ */ i.jsx(j, { initial: {
+    rotate: 0
+  }, animate: {
+    rotate: 360
+  }, transition: {
+    repeat: 1 / 0,
+    duration: e.animation.duration.slow,
+    ease: "easeInOut"
+  }, children: t });
+}, G = ({
+  children: t
+}) => /* @__PURE__ */ i.jsx(
+  r.div,
+  {
+    initial: { opacity: 0 },
+    animate: { opacity: 1 },
+    transition: { duration: 0.1 },
+    whileHover: { scale: 1.04 },
+    children: t
+  }
+), J = ({
+  children: t,
+  duration: e = "normal"
+}) => {
+  const { theme: n } = d(m), a = { opacity: 0 }, o = { opacity: 1 }, s = {
+    ease: "linear",
+    duration: n.animation.duration[e]
+  };
+  return /* @__PURE__ */ i.jsx(r.div, { initial: a, animate: o, transition: s, children: t });
+}, K = ({
+  children: t,
+  isOpen: e,
+  marginBottom: n,
+  marginTop: a,
+  duration: o = "normal",
+  initial: s = !0
+}) => {
+  const { theme: l } = d(m);
+  return /* @__PURE__ */ i.jsx(u, { initial: s, children: e && /* @__PURE__ */ i.jsx(
+    r.div,
+    {
+      initial: {
+        marginBottom: n ?? 0,
+        marginTop: a ?? 0,
+        height: 0,
+        opacity: 0
+      },
+      animate: { height: "fit-content", opacity: 1 },
+      exit: { height: 0, opacity: 0, marginBottom: 0, marginTop: 0 },
+      transition: {
+        duration: l.animation.duration[o],
+        ease: "easeInOut"
+      },
+      children: t
+    }
+  ) });
+}, Q = ({
+  isOpen: t,
+  children: e,
+  duration: n = "normal",
+  marginBottom: a,
+  marginTop: o
+}) => {
+  const { theme: s } = d(m);
+  return /* @__PURE__ */ i.jsx(u, { children: t && /* @__PURE__ */ i.jsx(
+    r.div,
+    {
+      initial: {
+        opacity: 1,
+        marginBottom: a ?? 0,
+        marginTop: o ?? 0
+      },
+      exit: { opacity: 0, height: 0, marginBottom: 0, marginTop: 0 },
+      transition: {
+        duration: s.animation.duration[n],
+        ease: "easeOut"
+      },
+      children: e
+    }
+  ) });
+}, w = () => ({
+  size: t
+}) => t, I = /* @__PURE__ */ c("div")({
+  name: "StyledContainer",
+  class: "s1qc2sd3",
+  propsAsIs: !1,
+  vars: {
+    "s1qc2sd3-0": [w(), "px"]
+  }
+}), T = () => r.div, p = /* @__PURE__ */ c(T())({
+  name: "StyledLayer",
+  class: "s7m9gx4",
+  propsAsIs: !0
+}), X = ({
+  isActive: t,
+  ActiveIcon: e,
+  InactiveIcon: n,
+  size: a
+}) => {
+  const {
+    theme: o
+  } = d(m), s = a ?? o.icon.size.sm;
+  return /* @__PURE__ */ i.jsxs(I, { size: s, children: [
+    /* @__PURE__ */ i.jsx(p, { initial: !1, animate: {
+      opacity: t ? 0 : 1,
+      scale: t ? 0.85 : 1
+    }, transition: {
+      duration: o.animation.duration.fast,
+      ease: "easeInOut"
+    }, children: /* @__PURE__ */ i.jsx(n, { size: s }) }),
+    /* @__PURE__ */ i.jsx(p, { initial: !1, animate: {
+      opacity: t ? 1 : 0,
+      scale: t ? 1 : 0.85
+    }, transition: {
+      duration: o.animation.duration.fast,
+      ease: "easeInOut"
+    }, children: /* @__PURE__ */ i.jsx(e, { size: s }) })
+  ] });
+}, z = () => r.div, b = /* @__PURE__ */ c(z())({
+  name: "StyledMotionDiv",
+  class: "s12729nz",
+  propsAsIs: !0
+}), Y = ({
+  children: t,
+  duration: e = "fast",
+  animateOnHover: n
+}) => {
+  const {
+    theme: a
+  } = d(m), o = {
+    opacity: 0,
+    rotate: -90
+  }, s = {
+    opacity: 1,
+    rotate: 0
+  }, l = {
+    opacity: 0,
+    rotate: 90
+  }, h = {
+    duration: a.animation.duration[e]
+  };
+  return /* @__PURE__ */ i.jsx(b, { initial: o, animate: s, transition: h, exit: l, whileHover: n ? {
+    rotate: 45,
+    transition: {
+      duration: a.animation.duration.fast
+    }
+  } : {}, children: t });
+}, L = () => r.div, E = /* @__PURE__ */ c(L())({
+  name: "StyledContainer",
+  class: "sar1si0",
+  propsAsIs: !0
+}), O = () => r.span, W = /* @__PURE__ */ c(O())({
+  name: "StyledWord",
+  class: "s1kbctc0",
+  propsAsIs: !0
+}), _ = {
+  hidden: {
+    opacity: 0
+  },
+  visible: (t = 1) => ({
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.12,
+      delayChildren: 0.04 * t
+    }
+  })
+}, R = {
+  visible: {
+    opacity: 1,
+    x: 0,
+    transition: {
+      type: "spring",
+      damping: 12,
+      stiffness: 100
+    }
+  },
+  hidden: {
+    opacity: 0,
+    x: 20,
+    transition: {
+      type: "spring",
+      damping: 12,
+      stiffness: 100
+    }
+  }
+}, Z = ({
+  text: t = ""
+}) => {
+  const e = y(() => {
+    const n = t.split(" ");
+    return n.map((a, o) => o === n.length - 1 ? a : a + " ");
+  }, [t]);
+  return /* @__PURE__ */ i.jsx(E, { variants: _, initial: "hidden", animate: "visible", children: e.map((n, a) => /* @__PURE__ */ i.jsx(W, { variants: R, children: n }, a)) });
+}, tt = ({ children: t }) => {
+  const { theme: e } = d(m);
+  return /* @__PURE__ */ i.jsx(
+    r.div,
+    {
+      initial: "hidden",
+      animate: "visible",
+      variants: {
+        hidden: {
+          opacity: 0,
+          y: -20
+        },
+        visible: {
+          opacity: 1,
+          y: 0,
+          transition: {
+            duration: e.animation.duration.normal,
+            ease: "easeInOut"
+          }
+        }
+      },
+      children: t
+    }
+  );
+}, et = (t) => t.replace(/\d+$/, ""), nt = () => f() === "mac" ? "⌘" : "Ctrl", H = /* @__PURE__ */ c("span")({
+  name: "StyledNodeWrapper",
+  class: "s1s6npi3",
+  propsAsIs: !1
+}), M = /* @__PURE__ */ c("div")({
+  name: "StyledContainer",
+  class: "s1lbuypw",
+  propsAsIs: !1
+}), N = /* @__PURE__ */ c("div")({
+  name: "StyledChildWrapper",
+  class: "s1juz2iq",
+  propsAsIs: !1
+}), it = ({
+  children: t,
+  node: e = t,
+  className: n
+}) => /* @__PURE__ */ i.jsxs(M, { className: n, children: [
+  /* @__PURE__ */ i.jsx(H, { children: e }),
+  /* @__PURE__ */ i.jsx(N, { children: t })
+] }), at = () => {
+  const t = S(), e = v();
+  return { resetLocationHash: () => {
+    t(e.pathname, { replace: !0 });
+  } };
+}, ot = () => {
+  const [t, e] = x({
+    width: window.innerWidth,
+    height: window.innerHeight
+  });
+  return g(() => {
+    const n = () => {
+      e({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n);
+    };
+  }, []), t;
+}, st = ({
+  key: t,
+  defaultValue: e
+}) => {
+  const n = C(e);
+  return n.debugLabel = t, n;
+};
+export {
+  V as AnimatedCircleLoading,
+  G as AnimatedContainer,
+  J as AnimatedEaseIn,
+  K as AnimatedEaseInOut,
+  Q as AnimatedFadeOut,
+  X as AnimatedIconCrossfade,
+  Y as AnimatedRotate,
+  Z as AnimatedTextWord,
+  tt as AnimatedTranslation,
+  it as AutogrowWrapper,
+  pt as REACT_APP_SERVER_BASE_URL,
+  st as createState,
+  At as getDisplayValueByUrlType,
+  et as getMainColorNameFromPaletteColorName,
+  nt as getOsControlSymbol,
+  xt as getOsShortcutSeparator,
+  f as getUserDevice,
+  St as isNavigationModifierPressed,
+  wt as linkifyText,
+  dt as parseThemeColor,
+  ut as stringToThemeColor,
+  ht as stringToThemeColorP3String,
+  mt as themeColorSchema,
+  gt as useIsMobile,
+  vt as useMouseDownNavigation,
+  at as useResetLocationHash,
+  ot as useScreenSize
+};