@class101/cdn-ui-system 0.0.6 → 0.0.10

package/@types/image.d.js

@@ -1,2 +1,6 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import {
+  init_react_shim
+} from "../chunk-CPDZ2HQZ.js";
+
+// libs/shared/ui-system/src/@types/image.d.ts
+init_react_shim();

package/@types/theme.d.js

@@ -1,5 +1,8 @@
-// tools/builders/framer-esm/build/react-shim.js
-import * as React from "react";
+import "../chunk-UAWCTQGC.js";
+import "../chunk-QN5Q5NTF.js";
+import {
+  init_react_shim
+} from "../chunk-CPDZ2HQZ.js";
 
 // libs/shared/ui-system/src/@types/theme.d.ts
-import "https://jspm.dev/@emotion/react@11.1.5";
+init_react_shim();

package/chunk-2VS4JN2V.js

@@ -0,0 +1,254 @@
+import {
+  canUseDOM
+} from "./chunk-FRNHAL35.js";
+import {
+  __commonJS,
+  __toModule,
+  init_react_shim
+} from "./chunk-CPDZ2HQZ.js";
+
+// node_modules/react-fast-compare/index.js
+var require_react_fast_compare = __commonJS({
+  "node_modules/react-fast-compare/index.js"(exports, module) {
+    init_react_shim();
+    var hasElementType = typeof Element !== "undefined";
+    var hasMap = typeof Map === "function";
+    var hasSet = typeof Set === "function";
+    var hasArrayBuffer = typeof ArrayBuffer === "function" && !!ArrayBuffer.isView;
+    function equal(a, b) {
+      if (a === b)
+        return true;
+      if (a && b && typeof a == "object" && typeof b == "object") {
+        if (a.constructor !== b.constructor)
+          return false;
+        var length, i, keys;
+        if (Array.isArray(a)) {
+          length = a.length;
+          if (length != b.length)
+            return false;
+          for (i = length; i-- !== 0; )
+            if (!equal(a[i], b[i]))
+              return false;
+          return true;
+        }
+        var it;
+        if (hasMap && a instanceof Map && b instanceof Map) {
+          if (a.size !== b.size)
+            return false;
+          it = a.entries();
+          while (!(i = it.next()).done)
+            if (!b.has(i.value[0]))
+              return false;
+          it = a.entries();
+          while (!(i = it.next()).done)
+            if (!equal(i.value[1], b.get(i.value[0])))
+              return false;
+          return true;
+        }
+        if (hasSet && a instanceof Set && b instanceof Set) {
+          if (a.size !== b.size)
+            return false;
+          it = a.entries();
+          while (!(i = it.next()).done)
+            if (!b.has(i.value[0]))
+              return false;
+          return true;
+        }
+        if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {
+          length = a.length;
+          if (length != b.length)
+            return false;
+          for (i = length; i-- !== 0; )
+            if (a[i] !== b[i])
+              return false;
+          return true;
+        }
+        if (a.constructor === RegExp)
+          return a.source === b.source && a.flags === b.flags;
+        if (a.valueOf !== Object.prototype.valueOf)
+          return a.valueOf() === b.valueOf();
+        if (a.toString !== Object.prototype.toString)
+          return a.toString() === b.toString();
+        keys = Object.keys(a);
+        length = keys.length;
+        if (length !== Object.keys(b).length)
+          return false;
+        for (i = length; i-- !== 0; )
+          if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
+            return false;
+        if (hasElementType && a instanceof Element)
+          return false;
+        for (i = length; i-- !== 0; ) {
+          if ((keys[i] === "_owner" || keys[i] === "__v" || keys[i] === "__o") && a.$$typeof) {
+            continue;
+          }
+          if (!equal(a[keys[i]], b[keys[i]]))
+            return false;
+        }
+        return true;
+      }
+      return a !== a && b !== b;
+    }
+    module.exports = function isEqual2(a, b) {
+      try {
+        return equal(a, b);
+      } catch (error) {
+        if ((error.message || "").match(/stack|recursion/i)) {
+          console.warn("react-fast-compare cannot handle circular refs");
+          return false;
+        }
+        throw error;
+      }
+    };
+  }
+});
+
+// libs/shared/utils-hooks/src/lib/useDeepCompareMemo/useDeepCompareMemo.ts
+init_react_shim();
+import {useMemo} from "react";
+
+// libs/shared/utils-hooks/src/lib/useDeepCompareDeps/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/lib/useDeepCompareDeps/useDeepCompareDeps.ts
+init_react_shim();
+var import_react_fast_compare = __toModule(require_react_fast_compare());
+import {useRef} from "react";
+function useDeepCompareDeps(value) {
+  const ref = useRef(value);
+  if (!(0, import_react_fast_compare.default)(value, ref.current)) {
+    ref.current = value;
+  }
+  return ref.current;
+}
+
+// libs/shared/utils-hooks/src/lib/useDeepCompareMemo/useDeepCompareMemo.ts
+function useDeepCompareMemo(factory, deps) {
+  return useMemo(factory, useDeepCompareDeps(deps));
+}
+
+// libs/shared/utils-hooks/src/lib/useDeepCompareMemo/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/lib/useInView/useInView.tsx
+init_react_shim();
+import {useCallback as useCallback2, useState} from "react";
+
+// libs/shared/utils-hooks/src/lib/useIntersectionObserver/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/lib/useIntersectionObserver/useIntersectionObserver.ts
+init_react_shim();
+import {useCallback, useEffect, useRef as useRef2} from "react";
+var useIntersectionObserver = (callback, options) => {
+  const observerRef = useRef2();
+  const handleIntersection = useCallback(([entry]) => {
+    callback(entry);
+  }, [callback]);
+  const observe = useCallback((node) => {
+    if (!node) {
+      return;
+    }
+    observerRef.current = new IntersectionObserver(handleIntersection, options);
+    observerRef.current.observe(node);
+  }, [handleIntersection, options]);
+  const unobserve = useCallback(() => {
+    observerRef.current?.disconnect();
+    observerRef.current = void 0;
+  }, []);
+  const ref = useCallback((node) => {
+    unobserve();
+    observe(node);
+  }, [observe, unobserve]);
+  useEffect(() => unobserve, [unobserve]);
+  return {ref};
+};
+
+// libs/shared/utils-hooks/src/lib/useInView/useInView.tsx
+var useInView = (initialInView, options) => {
+  const [isInView, setIsInView] = useState(initialInView);
+  const callback = useCallback2((entry) => {
+    if (entry.isIntersecting) {
+      setIsInView(true);
+    } else {
+      setIsInView(false);
+    }
+  }, []);
+  const {ref} = useIntersectionObserver(callback, options);
+  return {ref, isInView};
+};
+
+// libs/shared/utils-hooks/src/lib/useInView/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/lib/useLazyUnmount/useLazyUnmount.ts
+init_react_shim();
+import {useEffect as useEffect2, useState as useState2} from "react";
+var useLazyUnmount = (state, delay) => {
+  const [isMounted, setIsMounted] = useState2(state);
+  useEffect2(() => {
+    if (state) {
+      setIsMounted(state);
+      return void 0;
+    }
+    const timer = setTimeout(() => {
+      setIsMounted(false);
+    }, delay);
+    return () => {
+      clearTimeout(timer);
+    };
+  }, [delay, state]);
+  return isMounted;
+};
+
+// libs/shared/utils-hooks/src/lib/useLazyUnmount/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/lib/useLockBodyScroll/useLockBodyScroll.ts
+init_react_shim();
+import {useEffect as useEffect3, useRef as useRef3} from "react";
+var useLockBodyScroll = (locked = false) => {
+  const bodyStyleRef = useRef3({paddingRight: "", overflow: ""});
+  const lockBodyScroll = () => {
+    if (!canUseDOM) {
+      return;
+    }
+    bodyStyleRef.current = {
+      paddingRight: document.body.style.paddingRight,
+      overflow: document.body.style.overflow
+    };
+    const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;
+    document.body.style.paddingRight = `${scrollBarWidth}px`;
+    document.body.style.overflow = "hidden";
+  };
+  const unlockBodyScroll = () => {
+    if (!canUseDOM) {
+      return;
+    }
+    document.body.style.paddingRight = bodyStyleRef.current.paddingRight;
+    document.body.style.overflow = bodyStyleRef.current.overflow;
+  };
+  useEffect3(() => {
+    if (locked) {
+      lockBodyScroll();
+    } else {
+      unlockBodyScroll();
+    }
+    return () => {
+      unlockBodyScroll();
+    };
+  }, [locked]);
+};
+
+// libs/shared/utils-hooks/src/lib/useLockBodyScroll/index.ts
+init_react_shim();
+
+// libs/shared/utils-hooks/src/index.ts
+init_react_shim();
+
+export {
+  useDeepCompareMemo,
+  useInView,
+  useLazyUnmount,
+  useLockBodyScroll
+};

package/chunk-44GVNF2V.js

@@ -0,0 +1,39 @@
+import {
+  React,
+  init_react_shim
+} from "./chunk-CPDZ2HQZ.js";
+
+// libs/shared/ui-system/src/lib/Menu/MenuText/MenuText.stories.tsx
+init_react_shim();
+import {VStack} from "../../Layout/VStack/index.js";
+import {MenuText} from "./MenuText.js";
+var MenuText_stories_default = {
+  title: "ui-system/Menu/MenuText",
+  component: MenuText,
+  argTypes: {
+    label: {
+      control: {type: "text"},
+      defaultValue: "\uB9AC\uC2A4\uD2B8 \uC774\uB984\uC744 \uC801\uC5B4\uC8FC\uC138\uC694"
+    },
+    description: {
+      control: {type: "text"},
+      defaultValue: "\uB3C4\uC6C0 \uC124\uBA85\uAE00\uC774 \uD544\uC694\uD55C \uACBD\uC6B0, \uCD5C\uB300 \uB450 \uC904\uB85C \uC791\uC131\uD574\uC8FC\uC138\uC694"
+    },
+    state: {
+      control: {
+        type: "select",
+        options: ["default", "active", "warning", "disabled"]
+      },
+      defaultValue: "default"
+    }
+  }
+};
+var Template = (props) => /* @__PURE__ */ React.createElement(VStack, null, /* @__PURE__ */ React.createElement(MenuText, {
+  ...props
+}));
+var BasicUsage = Template.bind({});
+
+export {
+  MenuText_stories_default,
+  BasicUsage
+};

package/chunk-5UMHOQ7R.js

@@ -0,0 +1,38 @@
+import {
+  TextButton_stories_default
+} from "./chunk-UMKGAET2.js";
+import {
+  React,
+  init_react_shim
+} from "./chunk-CPDZ2HQZ.js";
+
+// libs/shared/ui-system/src/lib/Menu/MenuTextButton/MenuTextButton.stories.tsx
+init_react_shim();
+import {Icon} from "../../Icon/index.js";
+import {MenuTextButton} from "./MenuTextButton.js";
+var MenuTextButton_stories_default = {
+  title: "ui-system/Menu/MenuTextButton",
+  component: MenuTextButton,
+  argTypes: {
+    state: {
+      control: {
+        type: "select",
+        options: ["default", "active", "warning", "disabled"]
+      },
+      defaultValue: "active"
+    },
+    size: {...TextButton_stories_default.argTypes}.size,
+    icon: {
+      defaultValue: Icon.Regular.ChevronRight
+    }
+  }
+};
+var Template = (props) => /* @__PURE__ */ React.createElement(MenuTextButton, {
+  ...props
+}, "\uBC84\uD2BC");
+var BasicUsage = Template.bind({});
+
+export {
+  MenuTextButton_stories_default,
+  BasicUsage
+};