@okam/next-component 1.3.5 → 1.3.7

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 1.3.7 (2026-01-23)
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.6
+- Updated core-lib to 1.17.4
+
 ## 1.3.5 (2026-01-21)
 
 ### 🧱 Updated Dependencies

package/components/Link/index.d.ts

@@ -1,7 +1,7 @@
+import { Ref } from 'react';
 import { TLinkProps } from './interface';
-import type * as React from 'react';
 declare function Link({ ref, ...props }: TLinkProps & {
-    ref?: React.Ref<HTMLElement>;
+    ref?: Ref<HTMLElement>;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace Link {
     var displayName: string;

package/hooks/useFilterState/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nuqs = require("nuqs");
 const radashi = require("radashi");
-const React = require("react");
+const react = require("react");
 const reactStately = require("react-stately");
 const reactUse = require("react-use");
 function useFilterState(props) {
@@ -19,7 +19,7 @@ function useFilterState(props) {
     ...rest
   } = props;
   const defaultValue = Array.from(defaultSelectedKeysProp).map((key) => key.toString());
-  const queryStateOptions = React.useMemo(
+  const queryStateOptions = react.useMemo(
     () => parser.withOptions(options ?? {}).withDefault(defaultValue),
     [parser, options, defaultValue]
   );

package/hooks/useHash/index.js

@@ -1,7 +1,7 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
+const react = require("react");
 const reactUse = require("react-use");
 function getHash() {
   if (typeof window === "undefined")
@@ -10,7 +10,7 @@ function getHash() {
 }
 function useHash() {
   const defaultHash = getHash();
-  const [hash, setHash] = React.useState(defaultHash);
+  const [hash, setHash] = react.useState(defaultHash);
   const handleHashChangeEvent = ({ newURL }) => {
     if (!URL.canParse(newURL))
       return;

package/hooks/useLink/index.js

@@ -2,7 +2,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const navigation = require("next/navigation");
-const React = require("react");
+const react = require("react");
 const reactAria = require("react-aria");
 const index = require("../useHash/index.js");
 function scrollToTop(behavior) {
@@ -56,7 +56,7 @@ function useLink(props) {
   const hash = index.useHash();
   const isNextScroll = typeof scroll === "boolean";
   const nextScroll = isNextScroll ? scroll : false;
-  const handleScroll = React.useCallback(() => {
+  const handleScroll = react.useCallback(() => {
     if (isNextScroll)
       return;
     scrollToTop(behavior);
@@ -69,13 +69,13 @@ function useLink(props) {
     onTouchStart?.(event);
     handleScroll();
   };
-  React.useEffect(() => {
+  react.useEffect(() => {
     onPathnameChange?.(pathname);
   }, [onPathnameChange, pathname]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     onSearchParamsChange?.(searchParams);
   }, [onSearchParamsChange, searchParams]);
-  React.useEffect(() => {
+  react.useEffect(() => {
     onHashChange?.(hash);
   }, [onHashChange, hash]);
   return {

package/index.js

@@ -1,22 +1,22 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./components/Filter/index.js");
-const index$1 = require("./components/Img/index.js");
-const index$2 = require("./components/Link/index.js");
-const index$3 = require("./hooks/useFilterState/index.js");
-const index$4 = require("./hooks/useHash/index.js");
-const index$5 = require("./hooks/useLink/index.js");
-const index$6 = require("./providers/AdminBar/index.js");
-const index$7 = require("./providers/DraftMode/index.js");
-const index$8 = require("./theme/index.js");
-exports.Filter = index;
-exports.Img = index$1;
-exports.Link = index$2;
-exports.useFilterState = index$3.useFilterState;
-exports.useHash = index$4.useHash;
-exports.useLink = index$5.useLink;
-exports.AdminBarContextProvider = index$6.AdminBarContextProvider;
-exports.useAdminBar = index$6.useAdminBar;
-exports.DraftModeContextProvider = index$7.DraftModeContextProvider;
-exports.useDraftMode = index$7.useDraftMode;
-exports.ThemeProvider = index$8;
+const index$2 = require("./components/Filter/index.js");
+const index$3 = require("./components/Img/index.js");
+const index$4 = require("./components/Link/index.js");
+const index$6 = require("./hooks/useFilterState/index.js");
+const index$7 = require("./hooks/useHash/index.js");
+const index$8 = require("./hooks/useLink/index.js");
+const index = require("./providers/AdminBar/index.js");
+const index$1 = require("./providers/DraftMode/index.js");
+const index$5 = require("./theme/index.js");
+exports.Filter = index$2;
+exports.Img = index$3;
+exports.Link = index$4;
+exports.useFilterState = index$6.useFilterState;
+exports.useHash = index$7.useHash;
+exports.useLink = index$8.useLink;
+exports.AdminBarContextProvider = index.AdminBarContextProvider;
+exports.useAdminBar = index.useAdminBar;
+exports.DraftModeContextProvider = index$1.DraftModeContextProvider;
+exports.useDraftMode = index$1.useDraftMode;
+exports.ThemeProvider = index$5;

package/lib/createServerContext/index.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
+const react = require("react");
 function createServerContext(defaultValue) {
-  const getRef = React.cache(() => ({ current: defaultValue }));
+  const getRef = react.cache(() => ({ current: defaultValue }));
   const getValue = () => getRef().current;
   const setValue = (value) => {
     getRef().current = value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/next-component",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },
@@ -42,8 +42,8 @@
     "react-stately": "^3.43.0"
   },
   "dependencies": {
-    "@okam/core-lib": "1.17.2",
-    "@okam/stack-ui": "1.44.4",
+    "@okam/core-lib": "1.17.4",
+    "@okam/stack-ui": "1.44.6",
     "next": "^15.1.0 || ^16.0.0",
     "nuqs": "^2.4.3",
     "radashi": "^12.3.0",

package/providers/AdminBar/index.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const coreLib = require("@okam/core-lib");
-const React = require("react");
+const react = require("react");
 const adminBarCtx = coreLib.createCtx();
 const useAdminBar = adminBarCtx[0];
 const AdminBarProvider = adminBarCtx[1];
 function AdminBarContextProvider(props) {
   const { children } = props;
-  const [error, setError] = React.useState();
-  const value = React.useMemo(() => ({ error, setError }), [error]);
+  const [error, setError] = react.useState();
+  const value = react.useMemo(() => ({ error, setError }), [error]);
   return /* @__PURE__ */ jsxRuntime.jsx(AdminBarProvider, { value, children });
 }
 exports.AdminBarContextProvider = AdminBarContextProvider;

package/providers/DraftMode/index.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const coreLib = require("@okam/core-lib");
-const React = require("react");
+const react = require("react");
 const draftModeCtx = coreLib.createCtx();
 const useDraftMode = draftModeCtx[0];
 const DraftModeProvider = draftModeCtx[1];
 function DraftModeContextProvider(props) {
   const { children, isEnabled } = props;
-  const value = React.useMemo(() => ({ isEnabled }), [isEnabled]);
+  const value = react.useMemo(() => ({ isEnabled }), [isEnabled]);
   return /* @__PURE__ */ jsxRuntime.jsx(DraftModeProvider, { value, children });
 }
 exports.DraftModeContextProvider = DraftModeContextProvider;

package/theme/index.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<({ children }: {
-    children: React.ReactNode;
+declare const _default: import('react').MemoExoticComponent<({ children }: {
+    children: import('react').ReactNode;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/theme/index.js

@@ -1,33 +1,16 @@
 "use client";
 "use strict";
 const stackUi = require("@okam/stack-ui");
-const React = require("react");
+const react = require("react");
 const index$1 = require("./AdminBar/index.js");
 const index$3 = require("./Button/index.js");
 const index$4 = require("./Filter/index.js");
 const index$2 = require("./Typography/index.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
 const BaseTheme = stackUi.makeTheme({
   filter: index$4,
   button: index$3,
   typography: index$2,
   adminBar: index$1.adminBarTheme
 });
-const index = React__namespace.memo(stackUi.createThemeProvider(BaseTheme));
+const index = react.memo(stackUi.createThemeProvider(BaseTheme));
 module.exports = index;

package/theme/index.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { createThemeProvider, makeTheme } from "@okam/stack-ui";
-import * as React from "react";
+import { memo } from "react";
 import { adminBarTheme } from "./AdminBar/index.mjs";
 import button from "./Button/index.mjs";
 import filterTheme from "./Filter/index.mjs";
@@ -11,7 +11,7 @@ const BaseTheme = makeTheme({
   typography,
   adminBar: adminBarTheme
 });
-const index = React.memo(createThemeProvider(BaseTheme));
+const index = memo(createThemeProvider(BaseTheme));
 export {
   index as default
 };