@loopr-ai/craft 0.3.0 → 0.4.0

package/dist/createSvgIcon-3bff5571.js

@@ -0,0 +1,157 @@
+import { _ as I, C as y, c as $, j as S } from "./createTheme-f511f0cd.js";
+import { c as N } from "./createSvgIcon-bd01dddd.js";
+import { s as w, c as T, b as C, u as D, a as R } from "./TransitionGroupContext-adf68f00.js";
+import * as u from "react";
+import { u as x } from "./unsupportedProp-3dbf01f6.js";
+function V(...e) {
+  return e.reduce((t, n) => n == null ? t : function(...o) {
+    t.apply(this, o), n.apply(this, o);
+  }, () => {
+  });
+}
+function M(e, t = 166) {
+  let n;
+  function r(...o) {
+    const s = () => {
+      e.apply(this, o);
+    };
+    clearTimeout(n), n = setTimeout(s, t);
+  }
+  return r.clear = () => {
+    clearTimeout(n);
+  }, r;
+}
+function q(e, t) {
+  return process.env.NODE_ENV === "production" ? () => null : (n, r, o, s, i) => {
+    const c = o || "<<anonymous>>", l = i || r;
+    return typeof n[r] < "u" ? new Error(`The ${s} \`${l}\` of \`${c}\` is deprecated. ${t}`) : null;
+  };
+}
+function O(e, t) {
+  return /* @__PURE__ */ u.isValidElement(e) && t.indexOf(e.type.muiName) !== -1;
+}
+function b(e) {
+  return e && e.ownerDocument || document;
+}
+function F(e) {
+  return b(e).defaultView || window;
+}
+function j(e, t) {
+  if (process.env.NODE_ENV === "production")
+    return () => null;
+  const n = t ? I({}, t.propTypes) : null;
+  return (o) => (s, i, c, l, a, ..._) => {
+    const d = a || i, p = n == null ? void 0 : n[d];
+    if (p) {
+      const m = p(s, i, c, l, a, ..._);
+      if (m)
+        return m;
+    }
+    return typeof s[i] < "u" && !s[o] ? new Error(`The prop \`${d}\` of \`${e}\` can only be used together with the \`${o}\` prop.`) : null;
+  };
+}
+let h = 0;
+function k(e) {
+  const [t, n] = u.useState(e), r = e || t;
+  return u.useEffect(() => {
+    t == null && (h += 1, n(`mui-${h}`));
+  }, [t]), r;
+}
+const g = u["useId".toString()];
+function G(e) {
+  if (g !== void 0) {
+    const t = g();
+    return e ?? t;
+  }
+  return k(e);
+}
+function P({
+  controlled: e,
+  default: t,
+  name: n,
+  state: r = "value"
+}) {
+  const {
+    current: o
+  } = u.useRef(e !== void 0), [s, i] = u.useState(t), c = o ? e : s;
+  if (process.env.NODE_ENV !== "production") {
+    u.useEffect(() => {
+      o !== (e !== void 0) && console.error([`MUI: A component is changing the ${o ? "" : "un"}controlled ${r} state of ${n} to be ${o ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [r, n, e]);
+    const {
+      current: a
+    } = u.useRef(t);
+    u.useEffect(() => {
+      !o && a !== t && console.error([`MUI: A component is changing the default ${r} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
+`));
+    }, [JSON.stringify(t)]);
+  }
+  const l = u.useCallback((a) => {
+    o || i(a);
+  }, []);
+  return [c, l];
+}
+const U = {
+  configure: (e) => {
+    process.env.NODE_ENV !== "production" && console.warn(["MUI: `ClassNameGenerator` import from `@mui/material/utils` is outdated and might cause unexpected issues.", "", "You should use `import { unstable_ClassNameGenerator } from '@mui/material/className'` instead", "", "The detail of the issue: https://github.com/mui/material-ui/issues/30011#issuecomment-1024993401", "", "The updated documentation: https://mui.com/guides/classname-generator/"].join(`
+`)), y.configure(e);
+  }
+}, z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  capitalize: $,
+  createChainedFunction: V,
+  createSvgIcon: N,
+  debounce: M,
+  deprecatedPropType: q,
+  isMuiElement: O,
+  ownerDocument: b,
+  ownerWindow: F,
+  requirePropFactory: j,
+  setRef: w,
+  unstable_ClassNameGenerator: U,
+  unstable_useEnhancedEffect: T,
+  unstable_useId: G,
+  unsupportedProp: x,
+  useControlled: P,
+  useEventCallback: C,
+  useForkRef: D,
+  useIsFocusVisible: R
+}, Symbol.toStringTag, { value: "Module" }));
+var E = { exports: {} };
+(function(e) {
+  function t(n) {
+    return n && n.__esModule ? n : {
+      default: n
+    };
+  }
+  e.exports = t, e.exports.__esModule = !0, e.exports.default = e.exports;
+})(E);
+var H = E.exports, f = {};
+const A = /* @__PURE__ */ S(z);
+var v;
+function K() {
+  return v || (v = 1, function(e) {
+    "use client";
+    Object.defineProperty(e, "__esModule", {
+      value: !0
+    }), Object.defineProperty(e, "default", {
+      enumerable: !0,
+      get: function() {
+        return t.createSvgIcon;
+      }
+    });
+    var t = A;
+  }(f)), f;
+}
+export {
+  F as a,
+  O as b,
+  V as c,
+  M as d,
+  G as e,
+  H as i,
+  b as o,
+  K as r,
+  P as u
+};

package/dist/{createSvgIcon-5dcb7caa.js → createSvgIcon-bd01dddd.js}

@@ -1,7 +1,7 @@
-import { g as b, c as h, a as w, _ as y, P as o } from "./createTheme-95c30431.js";
+import { g as b, c as h, a as w, _ as y, P as o } from "./createTheme-f511f0cd.js";
 import * as v from "react";
 import { jsxs as C, jsx as z } from "react/jsx-runtime";
-import { g as T, s as N, a as R, c as O, b as B } from "./styled-05df7dc6.js";
+import { g as T, s as N, a as R, c as O, b as B } from "./styled-9f5c49f8.js";
 function j(e) {
   return b("MuiSvgIcon", e);
 }

package/dist/{createTheme-95c30431.js → createTheme-f511f0cd.js}

@@ -2212,10 +2212,10 @@ export {
   Ft as g,
   zr as h,
   oe as i,
-  It as j,
-  ae as k,
+  vn as j,
+  It as k,
   Fr as l,
-  F as m,
-  vn as n,
+  ae as m,
+  F as n,
   xt as s
 };

package/dist/{exactProp-a28c53c1.js → exactProp-ed2da606.js}

@@ -1,4 +1,4 @@
-import { _ as n } from "./createTheme-95c30431.js";
+import { _ as n } from "./createTheme-f511f0cd.js";
 const s = "exact-prop: ​";
 function u(e) {
   return process.env.NODE_ENV === "production" ? e : n({}, e, {

package/dist/global/theme.js

@@ -1,5 +1,5 @@
 import "../assets/theme.css";
-import { f as e } from "../createTheme-95c30431.js";
+import { f as e } from "../createTheme-f511f0cd.js";
 const f = {
   50: "#fffde7",
   100: "#fff9c4",

package/dist/main.d.ts

@@ -4,6 +4,7 @@ import ProgressBar from "./components/cell/ProgressBar";
 import Search from "./components/cell/Search";
 import Typography from "./components/cell/Typography";
 import AvatarGroup from "./components/cell/AvatarGroup";
-export { Button, ProgressBar, Search, Chip, Typography, AvatarGroup, };
+import ZoomControlWithDrag from "./components/organ/ZoomControlWithDrag";
+export { Button, ProgressBar, Search, Chip, Typography, AvatarGroup, ZoomControlWithDrag, };
 export * from "./global/interfaces";
 export * from "./providers";

package/dist/main.js

@@ -1,16 +1,18 @@
-import { default as e } from "./components/cell/Chip/index.js";
-import { default as t } from "./components/cell/Button/index.js";
+import { default as a } from "./components/cell/Chip/index.js";
+import { default as e } from "./components/cell/Button/index.js";
 import { default as p } from "./components/cell/ProgressBar/index.js";
-import { default as u } from "./components/cell/Search/index.js";
-import { default as m } from "./components/cell/Typography/index.js";
+import { default as s } from "./components/cell/Search/index.js";
+import { default as d } from "./components/cell/Typography/index.js";
 import { default as x } from "./components/cell/AvatarGroup/index.js";
-import { default as g } from "./providers/CraftThemeProvider.js";
+import { default as g } from "./components/organ/ZoomControlWithDrag/index.js";
+import { default as C } from "./providers/CraftThemeProvider.js";
 export {
   x as AvatarGroup,
-  t as Button,
-  e as Chip,
-  g as CraftThemeProvider,
+  e as Button,
+  a as Chip,
+  C as CraftThemeProvider,
   p as ProgressBar,
-  u as Search,
-  m as Typography
+  s as Search,
+  d as Typography,
+  g as ZoomControlWithDrag
 };

package/dist/providers/CraftThemeProvider.js

@@ -2,9 +2,9 @@ import { jsx as u } from "react/jsx-runtime";
 import * as p from "react";
 import { useMemo as O } from "react";
 import { defaultTheme as P } from "../global/theme.js";
-import { P as n, _ as c, a as D, f as j, m as V } from "../createTheme-95c30431.js";
+import { P as n, _ as c, a as D, f as j, n as V } from "../createTheme-f511f0cd.js";
 import { c as b, a as g, T as f } from "../useThemeWithoutDefault-188598a8.js";
-import { e as v } from "../exactProp-a28c53c1.js";
+import { e as v } from "../exactProp-ed2da606.js";
 const l = /* @__PURE__ */ p.createContext(null);
 process.env.NODE_ENV !== "production" && (l.displayName = "ThemeContext");
 const E = l;

package/dist/{styled-05df7dc6.js → styled-9f5c49f8.js}

@@ -1,7 +1,7 @@
-import { _ as E, g as we, h as re, a as ne, c as z, s as Ce, f as xe } from "./createTheme-95c30431.js";
+import { _ as E, g as we, h as re, a as ne, c as z, s as Ce, f as xe } from "./createTheme-f511f0cd.js";
 import { m as ke, w as Oe, a as $e, g as Ae, s as Fe, r as Me, b as Ie, i as Le, c as Ne, T as oe } from "./useThemeWithoutDefault-188598a8.js";
 import * as F from "react";
-var j = { exports: {} }, f = {};
+var V = { exports: {} }, f = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -104,8 +104,8 @@ function ze() {
     }
     function y(s) {
       if (typeof s == "object" && s !== null) {
-        var V = s.$$typeof;
-        switch (V) {
+        var j = s.$$typeof;
+        switch (j) {
           case e:
             var D = s.type;
             switch (D) {
@@ -126,11 +126,11 @@ function ze() {
                   case l:
                     return W;
                   default:
-                    return V;
+                    return j;
                 }
             }
           case t:
-            return V;
+            return j;
         }
       }
     }
@@ -180,21 +180,21 @@ function ze() {
     d.ContextConsumer = w, d.ContextProvider = O, d.Element = $, d.ForwardRef = C, d.Fragment = u, d.Lazy = x, d.Memo = L, d.Portal = N, d.Profiler = Y, d.StrictMode = A, d.Suspense = ue, d.SuspenseList = fe, d.isAsyncMode = de, d.isConcurrentMode = me, d.isContextConsumer = pe, d.isContextProvider = he, d.isElement = ye, d.isForwardRef = ve, d.isFragment = ge, d.isLazy = Se, d.isMemo = _e, d.isPortal = be, d.isProfiler = Ee, d.isStrictMode = Te, d.isSuspense = Pe, d.isSuspenseList = Re, d.isValidElementType = _, d.typeOf = y;
   }()), d;
 }
-process.env.NODE_ENV === "production" ? j.exports = De() : j.exports = ze();
-var G = j.exports;
+process.env.NODE_ENV === "production" ? V.exports = De() : V.exports = ze();
+var G = V.exports;
 const Ye = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function Ve(e) {
+function je(e) {
   const t = `${e}`.match(Ye);
   return t && t[1] || "";
 }
 function ie(e, t = "") {
-  return e.displayName || e.name || Ve(e) || t;
+  return e.displayName || e.name || je(e) || t;
 }
 function K(e, t, n) {
   const r = ie(t);
   return e.displayName || (r !== "" ? `${n}(${r})` : n);
 }
-function je(e) {
+function Ve(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
@@ -639,7 +639,7 @@ function ct(e = {}) {
       const C = k(O, ...w);
       if (process.env.NODE_ENV !== "production") {
         let u;
-        m && (u = `${m}${z(h || "")}`), u === void 0 && (u = `Styled(${je(a)})`), C.displayName = u;
+        m && (u = `${m}${z(h || "")}`), u === void 0 && (u = `Styled(${Ve(a)})`), C.displayName = u;
       }
       return a.muiName && (C.muiName = a.muiName), C;
     };
@@ -692,7 +692,9 @@ export {
   se as e,
   G as f,
   gt as g,
-  bt as h,
+  ct as h,
+  ft as i,
+  bt as j,
   mt as r,
   Et as s,
   Qe as u

package/dist/{useTheme-462e5dc6.js → useTheme-6e15807e.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { u as r, d as s } from "./styled-05df7dc6.js";
+import { u as r, d as s } from "./styled-9f5c49f8.js";
 import { T as t } from "./useThemeWithoutDefault-188598a8.js";
 function a() {
   const e = r(s);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopr-ai/craft",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "Component library based out of Material UI customized to support Loopr AI products",
   "homepage": "https://loopr.ai",
   "author": {
@@ -66,6 +66,7 @@
     "@emotion/styled": "^11.11.0",
     "@fontsource/dm-sans": "^5.0.12",
     "@mui/icons-material": "^5.14.9",
-    "@mui/material": "^5.14.8"
+    "@mui/material": "^5.14.8",
+    "react-zoom-pan-pinch": "^3.1.0"
   }
 }