@kbach/react 0.1.6 → 0.1.9

package/dist/index.mjs

@@ -1,8 +1,21 @@
 import {
   InteractiveWrapper,
   __require,
+  buildConfig,
+  defaultColors,
+  defaultTheme,
+  flatten,
+  getConfig,
+  isWeb,
+  onConfigChange,
+  parseClass,
+  parseClasses,
+  resolve,
+  setGlobalDarkMode,
+  syncGlobalDarkMode,
+  updateConfig,
   useGlobalDarkMode
-} from "./chunk-IZK5HMWK.mjs";
+} from "./chunk-PYBA3DFG.mjs";
 
 // src/context.tsx
 import { createContext, useContext } from "react";
@@ -25,14 +38,6 @@ import {
   useRef,
   useState
 } from "react";
-import {
-  isWeb,
-  getConfig,
-  buildConfig,
-  onConfigChange,
-  setGlobalDarkMode,
-  syncGlobalDarkMode
-} from "@kbach/core";
 import { jsx } from "react/jsx-runtime";
 var Appearance;
 try {
@@ -293,12 +298,11 @@ import React3, {
   useCallback as useCallback3,
   useMemo as useMemo2
 } from "react";
-import { resolve, flatten } from "@kbach/core";
 function styled(Component, baseClasses = "") {
   const Styled = forwardRef(
     (props, ref) => {
       const {
-        tw: extraClasses,
+        kb: extraClasses,
         style: styleProp,
         onPressIn,
         onPressOut,
@@ -364,62 +368,49 @@ function styled(Component, baseClasses = "") {
 
 // src/useStyles.ts
 import { useMemo as useMemo3 } from "react";
-import { resolve as resolve2, flatten as flatten2 } from "@kbach/core";
 function useStyles(classString, state = {}) {
   const { isDark, config } = useTheme();
   const normalised = Array.isArray(classString) ? classString.join(" ") : classString;
   return useMemo3(() => {
-    const resolved = resolve2(normalised, config.theme, config.darkMode);
-    return flatten2(resolved, isDark, state);
+    const resolved = resolve(normalised, config.theme, config.darkMode);
+    return flatten(resolved, isDark, state);
   }, [normalised, isDark, config, state.hover, state.focus, state.pressed, state.active, state.disabled, state.checked, state.visited, state.placeholder]);
 }
 function useResolvedStyle(classString) {
   const { config } = useTheme();
   const normalised = Array.isArray(classString) ? classString.join(" ") : classString;
   return useMemo3(
-    () => resolve2(normalised, config.theme, config.darkMode),
+    () => resolve(normalised, config.theme, config.darkMode),
     [normalised, config]
   );
 }
 
 // src/tw.ts
-import { resolve as resolve3, flatten as flatten3, getConfig as getConfig2, isWeb as isWeb2 } from "@kbach/core";
 function tw(classString, isDark = false) {
-  const config = getConfig2();
-  const resolved = resolve3(classString, config.theme, config.darkMode);
-  if (isWeb2) {
+  const config = getConfig();
+  const resolved = resolve(classString, config.theme, config.darkMode);
+  if (isWeb) {
     return classString;
   }
-  return flatten3(resolved, isDark);
+  return flatten(resolved, isDark);
 }
 function cx(...classes) {
   return classes.filter(Boolean).join(" ");
 }
-
-// src/index.ts
-import {
-  resolve as resolve4,
-  flatten as flatten4,
-  updateConfig,
-  getConfig as getConfig3,
-  defaultTheme,
-  defaultColors,
-  parseClass,
-  parseClasses
-} from "@kbach/core";
 export {
   InteractiveWrapper,
   ThemeContext,
   ThemeProvider,
   ThemeToggle,
+  buildConfig,
   cx,
   defaultColors,
   defaultTheme,
-  flatten4 as flatten,
-  getConfig3 as getConfig,
+  flatten,
+  getConfig,
   parseClass,
   parseClasses,
-  resolve4 as resolve,
+  resolve,
   styled,
   tw,
   updateConfig,