@okam/next-component 1.3.4 → 1.3.5

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 1.3.5 (2026-01-21)
+
+### 🧱 Updated Dependencies
+
+- Updated stack-ui to 1.44.4
+- Updated core-lib to 1.17.2
+
 ## 1.3.4 (2026-01-19)
 
 ### 🧱 Updated Dependencies

package/components/AdminBar/components/AdminBarError.d.ts

@@ -1,4 +1,3 @@
 import { TDefaultComponent } from '@okam/stack-ui';
-
-declare const AdminBarError: ({ themeName, tokens, customTheme }: TDefaultComponent) => import("react/jsx-runtime").JSX.Element | null;
+declare function AdminBarError({ themeName, tokens, customTheme }: TDefaultComponent): import("react/jsx-runtime").JSX.Element | null;
 export default AdminBarError;

package/components/AdminBar/index.d.ts

@@ -1,5 +1,4 @@
 import { TToken } from '@okam/stack-ui';
 import { TAdminBarProps } from './interface';
-
-declare const AdminBar: <T extends TToken>({ children, themeName, tokens, customTheme, }: TAdminBarProps<T>) => Promise<false | import("react/jsx-runtime").JSX.Element>;
+declare function AdminBar<T extends TToken>({ children, themeName, tokens, customTheme, }: TAdminBarProps<T>): Promise<false | import("react/jsx-runtime").JSX.Element>;
 export default AdminBar;

package/components/AdminBar/index.js

@@ -1,14 +1,14 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
-const headers_js = require("next/headers.js");
-const AdminBar = async ({
+const headers = require("next/headers");
+async function AdminBar({
   children,
   themeName = "adminBar",
   tokens,
   customTheme
-}) => {
-  const { isEnabled } = await headers_js.draftMode();
+}) {
+  const { isEnabled } = await headers.draftMode();
   return isEnabled && /* @__PURE__ */ jsxRuntime.jsx(stackUi.Box, { themeName: `${themeName}.container`, tokens, customTheme, children: /* @__PURE__ */ jsxRuntime.jsx(stackUi.Box, { themeName: `${themeName}.content`, tokens, children }) });
-};
+}
 module.exports = AdminBar;

package/components/AdminBar/index.mjs

@@ -1,15 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { Box } from "@okam/stack-ui";
-import { draftMode } from "next/headers.js";
-const AdminBar = async ({
+import { draftMode } from "next/headers";
+async function AdminBar({
   children,
   themeName = "adminBar",
   tokens,
   customTheme
-}) => {
+}) {
   const { isEnabled } = await draftMode();
   return isEnabled && /* @__PURE__ */ jsx(Box, { themeName: `${themeName}.container`, tokens, customTheme, children: /* @__PURE__ */ jsx(Box, { themeName: `${themeName}.content`, tokens, children }) });
-};
+}
 export {
   AdminBar as default
 };

package/components/AdminBar/interface.d.ts

@@ -1,6 +1,5 @@
 import { TDefaultComponent, TToken } from '@okam/stack-ui';
 import { ReactNode } from 'react';
-
 /**
  * AdminBar Component Props
  *

package/components/Filter/index.d.ts

@@ -1,6 +1,5 @@
 import { TToken } from '@okam/stack-ui';
 import { TFilterProps } from './interface';
-
 /**
  * ### Filter component for URL search params filtering.
  *
@@ -22,5 +21,5 @@ import { TFilterProps } from './interface';
  *
  * @returns
  */
-declare const Filter: <T extends TToken = TToken>(props: TFilterProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare function Filter<T extends TToken = TToken>(props: TFilterProps<T>): import("react/jsx-runtime").JSX.Element;
 export default Filter;

package/components/Filter/index.js

@@ -3,7 +3,7 @@
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
 const index = require("../../hooks/useFilterState/index.js");
-const Filter = (props) => {
+function Filter(props) {
   const {
     // TagGroup-specific props
     children,
@@ -50,5 +50,5 @@ const Filter = (props) => {
       children: /* @__PURE__ */ jsxRuntime.jsx(stackUi.TagGroup, { themeName: `${themeName}.tagGroup`, tokens, ...tagGroupProps, ...state, children })
     }
   ) });
-};
+}
 module.exports = Filter;

package/components/Filter/index.mjs

@@ -2,7 +2,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Box, PopoverButton, TagGroup } from "@okam/stack-ui";
 import { useFilterState } from "../../hooks/useFilterState/index.mjs";
-const Filter = (props) => {
+function Filter(props) {
   const {
     // TagGroup-specific props
     children,
@@ -49,7 +49,7 @@ const Filter = (props) => {
       children: /* @__PURE__ */ jsx(TagGroup, { themeName: `${themeName}.tagGroup`, tokens, ...tagGroupProps, ...state, children })
     }
   ) });
-};
+}
 export {
   Filter as default
 };

package/components/Filter/interface.d.ts

@@ -1,6 +1,5 @@
-import { TToken, TDefaultComponent, TPopoverButtonProps } from '@okam/stack-ui';
+import { TDefaultComponent, TPopoverButtonProps, TToken } from '@okam/stack-ui';
 import { TFilter } from '../../hooks/useFilterState/interface';
-
 export interface TFilterTagGroupProps<T = TToken> extends Omit<TDefaultComponent<T>, 'children'>, TFilter {
 }
 export interface TFilterPopoverButtonProps<T = TToken> extends Omit<TPopoverButtonProps<T>, 'type' | 'placement'>, Pick<Partial<TPopoverButtonProps<T>>, 'type' | 'placement'> {

package/components/Img/index.d.ts

@@ -1,4 +1,3 @@
 import { default as TImgProps } from './interface';
-
-declare const Img: (props: TImgProps) => import("react/jsx-runtime").JSX.Element;
+declare function Img(props: TImgProps): import("react/jsx-runtime").JSX.Element;
 export default Img;

package/components/Img/index.js

@@ -2,8 +2,8 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
-const Image = require("next/image.js");
-const Img = (props) => {
+const Image = require("next/image");
+function Img(props) {
   const { src, width, height, themeName = "img", tokens, customTheme, ...rest } = props;
   const theme = stackUi.useThemeContext(themeName, tokens, customTheme);
   if (typeof src === "object") {
@@ -25,5 +25,5 @@ const Img = (props) => {
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(Image, { width, height, className: theme, src, ...rest });
-};
+}
 module.exports = Img;

package/components/Img/index.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { useThemeContext } from "@okam/stack-ui";
-import Image from "next/image.js";
-const Img = (props) => {
+import Image from "next/image";
+function Img(props) {
   const { src, width, height, themeName = "img", tokens, customTheme, ...rest } = props;
   const theme = useThemeContext(themeName, tokens, customTheme);
   if (typeof src === "object") {
@@ -24,7 +24,7 @@ const Img = (props) => {
     );
   }
   return /* @__PURE__ */ jsx(Image, { width, height, className: theme, src, ...rest });
-};
+}
 export {
   Img as default
 };

package/components/Img/interface.d.ts

@@ -1,6 +1,5 @@
 import { TDefaultComponent } from '@okam/stack-ui';
 import { ImageProps, StaticImageData } from 'next/image';
-
 type TImgProps = TDefaultComponent & Omit<ImageProps, 'src'> & {
     src: string | StaticImageData;
 };

package/components/Link/index.d.ts

@@ -1,4 +1,9 @@
 import { TLinkProps } from './interface';
-
-declare const Link: import('react').ForwardRefExoticComponent<TLinkProps<import('@okam/stack-ui').TToken> & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;
+import type * as React from 'react';
+declare function Link({ ref, ...props }: TLinkProps & {
+    ref?: React.Ref<HTMLElement>;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace Link {
+    var displayName: string;
+}
 export default Link;

package/components/Link/index.js

@@ -2,10 +2,9 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const stackUi = require("@okam/stack-ui");
-const NextLink = require("next/link.js");
-const React = require("react");
+const NextLink = require("next/link");
 const index = require("../../hooks/useLink/index.js");
-const Link = React.forwardRef((props, ref) => {
+function Link({ ref, ...props }) {
   const {
     themeName = "link",
     tokens,
@@ -35,6 +34,6 @@ const Link = React.forwardRef((props, ref) => {
       children
     }
   );
-});
+}
 Link.displayName = "Link";
 module.exports = Link;

package/components/Link/index.mjs

@@ -1,10 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Anchor } from "@okam/stack-ui";
-import NextLink from "next/link.js";
-import { forwardRef } from "react";
+import NextLink from "next/link";
 import { useLink } from "../../hooks/useLink/index.mjs";
-const Link = forwardRef((props, ref) => {
+function Link({ ref, ...props }) {
   const {
     themeName = "link",
     tokens,
@@ -34,7 +33,7 @@ const Link = forwardRef((props, ref) => {
       children
     }
   );
-});
+}
 Link.displayName = "Link";
 export {
   Link as default

package/components/Link/interface.d.ts

@@ -1,5 +1,4 @@
 import { TDefaultComponent, TToken } from '@okam/stack-ui';
 import { TLink } from '../../hooks/useLink/interface';
-
 export interface TLinkProps<T = TToken> extends Omit<TDefaultComponent<T>, keyof TLink>, TLink {
 }

package/hooks/useFilterState/index.d.ts

@@ -1,6 +1,5 @@
 import { Selection } from 'react-stately';
 import { TFilter } from './interface';
-
 /**
  * Manages the selection state of a single filter.
  * The state is managed by `useListState` from `react-stately`, which controls `useQueryState` from `nuqs` to display the selected keys in the URL search params.

package/hooks/useFilterState/index.js

@@ -25,9 +25,9 @@ function useFilterState(props) {
   );
   const [selectedKeys, setSelectedKeys] = nuqs.useQueryState(id, queryStateOptions);
   const onSelectedKeysChange = (keys) => {
-    onSelectionChange == null ? void 0 : onSelectionChange(keys);
+    onSelectionChange?.(keys);
     const stringKeys = Array.from(keys).map((key) => key.toString());
-    setSelectedKeys(stringKeys);
+    void setSelectedKeys(stringKeys);
   };
   const defaultSelectedKeys = /* @__PURE__ */ new Set([...defaultSelectedKeysProp, ...selectedKeys ?? []]);
   const state = reactStately.useListState({
@@ -43,7 +43,7 @@ function useFilterState(props) {
     if (radashi.isEqual(next, selectedKeys)) {
       return;
     }
-    setSelectedKeys(next);
+    void setSelectedKeys(next);
   }, [state.selectionManager.selectedKeys]);
   return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys, defaultSelectedKeys };
 }

package/hooks/useFilterState/index.mjs

@@ -23,9 +23,9 @@ function useFilterState(props) {
   );
   const [selectedKeys, setSelectedKeys] = useQueryState(id, queryStateOptions);
   const onSelectedKeysChange = (keys) => {
-    onSelectionChange == null ? void 0 : onSelectionChange(keys);
+    onSelectionChange?.(keys);
     const stringKeys = Array.from(keys).map((key) => key.toString());
-    setSelectedKeys(stringKeys);
+    void setSelectedKeys(stringKeys);
   };
   const defaultSelectedKeys = /* @__PURE__ */ new Set([...defaultSelectedKeysProp, ...selectedKeys ?? []]);
   const state = useListState({
@@ -41,7 +41,7 @@ function useFilterState(props) {
     if (isEqual(next, selectedKeys)) {
       return;
     }
-    setSelectedKeys(next);
+    void setSelectedKeys(next);
   }, [state.selectionManager.selectedKeys]);
   return { ...state, onSelectionChange: onSelectedKeysChange, selectedKeys, defaultSelectedKeys };
 }

package/hooks/useFilterState/interface.d.ts

@@ -2,7 +2,6 @@ import { TDefaultItemComponent, TToken } from '@okam/stack-ui';
 import { Options, ParserBuilder } from 'nuqs';
 import { AriaTagGroupProps } from 'react-aria';
 import { SelectionMode } from 'react-stately';
-
 export type TFilterValue = string[];
 export type TFilterItem<T extends TToken = TToken> = TDefaultItemComponent<never, T>;
 export interface TFilter extends Omit<AriaTagGroupProps<TFilterItem>, 'selectionMode'> {

package/hooks/useHash/index.js

@@ -4,16 +4,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
 const reactUse = require("react-use");
 function getHash() {
-  if (typeof window === "undefined") return "";
+  if (typeof window === "undefined")
+    return "";
   return window.location.hash;
 }
 function useHash() {
   const defaultHash = getHash();
   const [hash, setHash] = React.useState(defaultHash);
   const handleHashChangeEvent = ({ newURL }) => {
-    if (!URL.canParse(newURL)) return;
+    if (!URL.canParse(newURL))
+      return;
     const { hash: newHash } = new URL(newURL);
-    if (!newHash || newHash === hash) return;
+    if (!newHash || newHash === hash)
+      return;
     setHash(newHash);
   };
   reactUse.useEvent("hashchange", handleHashChangeEvent);

package/hooks/useHash/index.mjs

@@ -2,16 +2,19 @@
 import { useState } from "react";
 import { useEvent } from "react-use";
 function getHash() {
-  if (typeof window === "undefined") return "";
+  if (typeof window === "undefined")
+    return "";
   return window.location.hash;
 }
 function useHash() {
   const defaultHash = getHash();
   const [hash, setHash] = useState(defaultHash);
   const handleHashChangeEvent = ({ newURL }) => {
-    if (!URL.canParse(newURL)) return;
+    if (!URL.canParse(newURL))
+      return;
     const { hash: newHash } = new URL(newURL);
-    if (!newHash || newHash === hash) return;
+    if (!newHash || newHash === hash)
+      return;
     setHash(newHash);
   };
   useEvent("hashchange", handleHashChangeEvent);

package/hooks/useLink/index.d.ts

@@ -1,6 +1,5 @@
 import { LinkProps } from 'next/link';
 import { TLink, TUseLinkReturn } from './interface';
-
 /**
  * Tries to get the locale, in order of priority:
  * 1. The locale prop. Still has priority even when set to `false`

package/hooks/useLink/index.js

@@ -1,22 +1,22 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const navigation_js = require("next/navigation.js");
+const navigation = require("next/navigation");
 const React = require("react");
 const reactAria = require("react-aria");
 const index = require("../useHash/index.js");
 function scrollToTop(behavior) {
-  var _a;
-  (_a = window == null ? void 0 : window.scrollTo) == null ? void 0 : _a.call(window, { top: 0, behavior });
+  window?.scrollTo?.({ top: 0, behavior });
 }
 function getParamsLocale(params) {
   const { locale } = params ?? {};
-  if (Array.isArray(locale)) return locale[0];
+  if (Array.isArray(locale))
+    return locale[0];
   return locale;
 }
 function useLinkLocale(props) {
   const { locale } = props;
-  const params = navigation_js.useParams();
+  const params = navigation.useParams();
   const paramsLocale = getParamsLocale(params);
   const { locale: ctxLocale } = reactAria.useLocale();
   return locale ?? ctxLocale ?? paramsLocale ?? false;
@@ -24,8 +24,9 @@ function useLinkLocale(props) {
 function localizeHref(href, locale) {
   const hrefString = href.toString();
   const isExternal = /^[a-z]+:\/\//i.test(hrefString) || hrefString.startsWith("//");
-  if (isExternal) return hrefString;
-  if (locale) {
+  if (isExternal)
+    return hrefString;
+  if (locale != null && locale !== false) {
     return `/${locale}${hrefString}`;
   }
   return hrefString;
@@ -50,31 +51,32 @@ function useLink(props) {
   } = props;
   const locale = useLinkLocale(props);
   const localizedHref = localizeHref(href, locale);
-  const pathname = navigation_js.usePathname();
-  const searchParams = navigation_js.useSearchParams();
+  const pathname = navigation.usePathname();
+  const searchParams = navigation.useSearchParams();
   const hash = index.useHash();
   const isNextScroll = typeof scroll === "boolean";
   const nextScroll = isNextScroll ? scroll : false;
   const handleScroll = React.useCallback(() => {
-    if (isNextScroll) return;
+    if (isNextScroll)
+      return;
     scrollToTop(behavior);
   }, [behavior, isNextScroll]);
   const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
+    onClick?.(event);
     handleScroll();
   };
   const handleTouchStart = (event) => {
-    onTouchStart == null ? void 0 : onTouchStart(event);
+    onTouchStart?.(event);
     handleScroll();
   };
   React.useEffect(() => {
-    onPathnameChange == null ? void 0 : onPathnameChange(pathname);
+    onPathnameChange?.(pathname);
   }, [onPathnameChange, pathname]);
   React.useEffect(() => {
-    onSearchParamsChange == null ? void 0 : onSearchParamsChange(searchParams);
+    onSearchParamsChange?.(searchParams);
   }, [onSearchParamsChange, searchParams]);
   React.useEffect(() => {
-    onHashChange == null ? void 0 : onHashChange(hash);
+    onHashChange?.(hash);
   }, [onHashChange, hash]);
   return {
     href: localizedHref.toString(),

package/hooks/useLink/index.mjs

@@ -1,15 +1,15 @@
 "use client";
-import { usePathname, useSearchParams, useParams } from "next/navigation.js";
+import { usePathname, useSearchParams, useParams } from "next/navigation";
 import { useCallback, useEffect } from "react";
 import { useLocale } from "react-aria";
 import { useHash } from "../useHash/index.mjs";
 function scrollToTop(behavior) {
-  var _a;
-  (_a = window == null ? void 0 : window.scrollTo) == null ? void 0 : _a.call(window, { top: 0, behavior });
+  window?.scrollTo?.({ top: 0, behavior });
 }
 function getParamsLocale(params) {
   const { locale } = params ?? {};
-  if (Array.isArray(locale)) return locale[0];
+  if (Array.isArray(locale))
+    return locale[0];
   return locale;
 }
 function useLinkLocale(props) {
@@ -22,8 +22,9 @@ function useLinkLocale(props) {
 function localizeHref(href, locale) {
   const hrefString = href.toString();
   const isExternal = /^[a-z]+:\/\//i.test(hrefString) || hrefString.startsWith("//");
-  if (isExternal) return hrefString;
-  if (locale) {
+  if (isExternal)
+    return hrefString;
+  if (locale != null && locale !== false) {
     return `/${locale}${hrefString}`;
   }
   return hrefString;
@@ -54,25 +55,26 @@ function useLink(props) {
   const isNextScroll = typeof scroll === "boolean";
   const nextScroll = isNextScroll ? scroll : false;
   const handleScroll = useCallback(() => {
-    if (isNextScroll) return;
+    if (isNextScroll)
+      return;
     scrollToTop(behavior);
   }, [behavior, isNextScroll]);
   const handleClick = (event) => {
-    onClick == null ? void 0 : onClick(event);
+    onClick?.(event);
     handleScroll();
   };
   const handleTouchStart = (event) => {
-    onTouchStart == null ? void 0 : onTouchStart(event);
+    onTouchStart?.(event);
     handleScroll();
   };
   useEffect(() => {
-    onPathnameChange == null ? void 0 : onPathnameChange(pathname);
+    onPathnameChange?.(pathname);
   }, [onPathnameChange, pathname]);
   useEffect(() => {
-    onSearchParamsChange == null ? void 0 : onSearchParamsChange(searchParams);
+    onSearchParamsChange?.(searchParams);
   }, [onSearchParamsChange, searchParams]);
   useEffect(() => {
-    onHashChange == null ? void 0 : onHashChange(hash);
+    onHashChange?.(hash);
   }, [onHashChange, hash]);
   return {
     href: localizedHref.toString(),

package/hooks/useLink/interface.d.ts

@@ -1,6 +1,5 @@
 import { LinkProps as NextLinkProps } from 'next/link';
 import { ReadonlyURLSearchParams } from 'next/navigation';
-
 export interface TLink extends Omit<NextLinkProps, 'scroll' | 'as'> {
     /**
      * @default true
@@ -15,9 +14,9 @@ export interface TLink extends Omit<NextLinkProps, 'scroll' | 'as'> {
      * @default instant
      */
     behavior?: ScrollBehavior;
-    onPathnameChange?: (pathname: string) => void;
-    onSearchParamsChange?: (searchParams: ReadonlyURLSearchParams) => void;
-    onHashChange?: (hash: string) => void;
+    onPathnameChange?: (_pathname: string) => void;
+    onSearchParamsChange?: (_searchParams: ReadonlyURLSearchParams) => void;
+    onHashChange?: (_hash: string) => void;
 }
 export interface TUseLinkReturn extends Omit<NextLinkProps, 'href'> {
     href: string;

package/index.d.ts

@@ -1,14 +1,14 @@
-export { default as Img } from './components/Img';
-export { default as Link } from './components/Link';
 export { default as Filter } from './components/Filter';
-export { useLink } from './hooks/useLink';
-export { useHash } from './hooks/useHash';
-export { useFilterState } from './hooks/useFilterState';
+export type { TFilterProps } from './components/Filter/interface';
+export { default as Img } from './components/Img';
 export type { default as TImgProps } from './components/Img/interface';
+export { default as Link } from './components/Link';
 export type { TLinkProps } from './components/Link/interface';
-export type { TLink } from './hooks/useLink/interface';
+export { useFilterState } from './hooks/useFilterState';
 export type { TFilter } from './hooks/useFilterState/interface';
-export type { TFilterProps } from './components/Filter/interface';
-export { DraftModeContextProvider, useDraftMode } from './providers/DraftMode';
+export { useHash } from './hooks/useHash';
+export { useLink } from './hooks/useLink';
+export type { TLink } from './hooks/useLink/interface';
 export { AdminBarContextProvider, useAdminBar } from './providers/AdminBar';
+export { DraftModeContextProvider, useDraftMode } from './providers/DraftMode';
 export { default as ThemeProvider } from './theme';

package/index.js

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

package/index.mjs

@@ -1,18 +1,18 @@
-import { default as default2 } from "./components/Img/index.mjs";
-import { default as default3 } from "./components/Link/index.mjs";
-import { default as default4 } from "./components/Filter/index.mjs";
-import { useLink } from "./hooks/useLink/index.mjs";
-import { useHash } from "./hooks/useHash/index.mjs";
+import { default as default2 } from "./components/Filter/index.mjs";
+import { default as default3 } from "./components/Img/index.mjs";
+import { default as default4 } from "./components/Link/index.mjs";
 import { useFilterState } from "./hooks/useFilterState/index.mjs";
-import { DraftModeContextProvider, useDraftMode } from "./providers/DraftMode/index.mjs";
+import { useHash } from "./hooks/useHash/index.mjs";
+import { useLink } from "./hooks/useLink/index.mjs";
 import { AdminBarContextProvider, useAdminBar } from "./providers/AdminBar/index.mjs";
+import { DraftModeContextProvider, useDraftMode } from "./providers/DraftMode/index.mjs";
 import { default as default5 } from "./theme/index.mjs";
 export {
   AdminBarContextProvider,
   DraftModeContextProvider,
-  default4 as Filter,
-  default2 as Img,
-  default3 as Link,
+  default2 as Filter,
+  default3 as Img,
+  default4 as Link,
   default5 as ThemeProvider,
   useAdminBar,
   useDraftMode,