@hanzogui/web 8.3.0 → 8.3.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/web",
-  "version": "8.3.0",
+  "version": "8.3.2",
   "license": "MIT",
   "author": {
     "name": "Nate Wienert"
@@ -13,8 +13,6 @@
   "source": "src/index.ts",
   "files": [
     "dist",
-    "inject-styles.cjs",
-    "inject-styles",
     "reset.css",
     "src",
     "types"
@@ -23,20 +21,20 @@
   "sideEffects": [
     "*.css"
   ],
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     "./reset.css": "./reset.css",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/native/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     },
     "./types": {
       "types": "./types/index.d.ts"
@@ -46,12 +44,12 @@
     },
     "./inject-styles": {
       "types": "./types/inject-styles.d.ts",
-      "react-native": "./dist/esm/inject-styles.mjs",
-      "browser": "./dist/esm/inject-styles.mjs",
-      "module": "./dist/esm/inject-styles.mjs",
-      "import": "./dist/esm/inject-styles.mjs",
-      "require": "./dist/cjs/inject-styles.cjs",
-      "default": "./dist/cjs/inject-styles.cjs"
+      "react-native": "./dist/native/inject-styles.js",
+      "browser": "./dist/esm/inject-styles.js",
+      "module": "./dist/esm/inject-styles.js",
+      "import": "./dist/esm/inject-styles.js",
+      "require": "./dist/cjs/inject-styles.js",
+      "default": "./dist/esm/inject-styles.js"
     }
   },
   "publishConfig": {
@@ -65,30 +63,30 @@
     "test:web": "vitest --typecheck --run"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "8.3.0",
-    "@hanzogui/constants": "8.3.0",
-    "@hanzogui/helpers": "8.3.0",
-    "@hanzogui/is-equal-shallow": "8.3.0",
-    "@hanzogui/native": "8.3.0",
-    "@hanzogui/normalize-css-color": "8.3.0",
-    "@hanzogui/timer": "8.3.0",
-    "@hanzogui/types": "8.3.0",
-    "@hanzogui/use-did-finish-ssr": "8.3.0",
-    "@hanzogui/use-event": "8.3.0",
-    "@hanzogui/use-force-update": "8.3.0"
+    "@hanzogui/compose-refs": "8.3.2",
+    "@hanzogui/constants": "8.3.2",
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/is-equal-shallow": "8.3.2",
+    "@hanzogui/native": "8.3.2",
+    "@hanzogui/normalize-css-color": "8.3.2",
+    "@hanzogui/timer": "8.3.2",
+    "@hanzogui/types": "8.3.2",
+    "@hanzogui/use-did-finish-ssr": "8.3.2",
+    "@hanzogui/use-event": "8.3.2",
+    "@hanzogui/use-force-update": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "@testing-library/react": "^16.1.0",
-    "csstype": "^3.0.10",
-    "react": ">=19",
-    "react-dom": ">=19",
-    "react-native": "0.83.2",
-    "typescript": "~5.9.2",
-    "vitest": "4.0.4"
+    "@hanzogui/build": "8.3.2",
+    "@testing-library/react": "^16.3.3",
+    "csstype": "^3.2.3",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "react-native": "^0.87.1",
+    "typescript": "7.0.2",
+    "vitest": "^4.1.11"
   },
   "peerDependencies": {
-    "react": ">=19",
-    "react-dom": "*"
+    "react": ">=19.2.8",
+    "react-dom": ">=19.2.8"
   }
 }

package/src/Gui.ts

@@ -1,8 +1,8 @@
 import * as Helpers from '@hanzogui/helpers'
 
-import { getConfig } from './config'
-import { getAllRules, getAllSelectors } from './helpers/insertStyleRule'
-import { mediaState } from './helpers/mediaState'
+import { getConfig } from './config.ts'
+import { getAllRules, getAllSelectors } from './helpers/insertStyleRule.tsx'
+import { mediaState } from './helpers/mediaState.ts'
 
 // easy introspection
 // only included in dev mode

package/src/_withStableStyle.tsx

@@ -1,8 +1,8 @@
 import React, { useContext } from 'react'
-import { getConfigMaybe } from './config'
-import { useMedia } from './hooks/useMedia'
-import { useTheme } from './hooks/useTheme'
-import { ThemeStateContext } from './hooks/useThemeState'
+import { getConfigMaybe } from './config.ts'
+import { useMedia } from './hooks/useMedia.tsx'
+import { useTheme } from './hooks/useTheme.tsx'
+import { ThemeStateContext } from './hooks/useThemeState.ts'
 
 /** internal: this is for hanzogui babel plugin usage only */
 

package/src/animationDriverTypes.test-d.ts

@@ -20,7 +20,7 @@ import type {
   TransitionKeys,
   TypeOverride,
   GuiComponentPropsBaseBase,
-} from './types'
+} from './types.tsx'
 
 // =============================================================================
 // Mock types for testing

package/src/config.ts

@@ -1,5 +1,5 @@
 import { isWeb } from '@hanzogui/constants'
-import { MISSING_THEME_MESSAGE } from './constants/constants'
+import { MISSING_THEME_MESSAGE } from './constants/constants.ts'
 import type {
   AnimationDriver,
   ConfigListener,
@@ -8,7 +8,7 @@ import type {
   Token,
   Tokens,
   TokensMerged,
-} from './types'
+} from './types.tsx'
 
 export type StyleCompat = 'legacy' | 'react-native' | 'web'
 

package/src/constants/constants.ts

@@ -1,4 +1,4 @@
-import type { StackStyle } from '../types'
+import type { StackStyle } from '../types.tsx'
 
 export const THEME_NAME_SEPARATOR = '_'
 export const THEME_CLASSNAME_PREFIX = 't_'

package/src/contexts/ComponentContext.tsx

@@ -1,6 +1,6 @@
 import { useContext } from 'react'
-import { createStyledContext } from '../helpers/createStyledContext'
-import type { ComponentContextI } from '../types'
+import { createStyledContext } from '../helpers/createStyledContext.tsx'
+import type { ComponentContextI } from '../types.tsx'
 
 export const ComponentContext = createStyledContext<ComponentContextI>({
   disableSSR: undefined,

package/src/contexts/GroupContext.tsx

@@ -1,4 +1,4 @@
 import { createContext } from 'react'
-import type { AllGroupContexts } from '../types'
+import type { AllGroupContexts } from '../types.tsx'
 
 export const GroupContext = createContext<AllGroupContexts | null>(null)

package/src/createComponent.tsx

@@ -12,34 +12,34 @@ import { NativeMenuContext } from '@hanzogui/native'
 import { composeEventHandlers } from '@hanzogui/helpers'
 import { isEqualShallow } from '@hanzogui/is-equal-shallow'
 import React, { ReactElement, ReactNode, useMemo } from 'react'
-import { devConfig, getConfig } from './config'
-import { isDevTools } from './constants/isDevTools'
-import { ComponentContext } from './contexts/ComponentContext'
-import { GroupContext } from './contexts/GroupContext'
-import { didGetVariableValue, setDidGetVariableValue } from './createVariable'
-import { defaultComponentStateMounted } from './defaultComponentState'
-import { getWebEvents, useEvents, wrapWithGestureDetector } from './eventHandling'
-import { getDefaultProps } from './helpers/getDefaultProps'
-import { resolveAnimationDriver } from './helpers/resolveAnimationDriver'
-import { getSplitStyles, useSplitStyles } from './helpers/getSplitStyles'
-import { log } from './helpers/log'
-import { type GenericProps, mergeComponentProps } from './helpers/mergeProps'
-import { mergeRenderElementProps } from './helpers/mergeRenderElementProps'
-import { objectIdentityKey } from './helpers/objectIdentityKey'
-import { usePointerEvents } from './helpers/pointerEvents'
+import { devConfig, getConfig } from './config.ts'
+import { isDevTools } from './constants/isDevTools.ts'
+import { ComponentContext } from './contexts/ComponentContext.tsx'
+import { GroupContext } from './contexts/GroupContext.tsx'
+import { didGetVariableValue, setDidGetVariableValue } from './createVariable.ts'
+import { defaultComponentStateMounted } from './defaultComponentState.tsx'
+import { getWebEvents, useEvents, wrapWithGestureDetector } from './eventHandling.ts'
+import { getDefaultProps } from './helpers/getDefaultProps.ts'
+import { resolveAnimationDriver } from './helpers/resolveAnimationDriver.ts'
+import { getSplitStyles, useSplitStyles } from './helpers/getSplitStyles.tsx'
+import { log } from './helpers/log.ts'
+import { type GenericProps, mergeComponentProps } from './helpers/mergeProps.ts'
+import { mergeRenderElementProps } from './helpers/mergeRenderElementProps.ts'
+import { objectIdentityKey } from './helpers/objectIdentityKey.tsx'
+import { usePointerEvents } from './helpers/pointerEvents.ts'
 import {
   extractPseudoState,
   resolveEffectivePseudoTransition,
-} from './helpers/pseudoTransitions'
-import { setElementProps } from './helpers/setElementProps'
-import { subscribeToContextGroup } from './helpers/subscribeToContextGroup'
-import { themeable } from './helpers/themeable'
-import { getStyleTags } from './helpers/wrapStyleTags'
-import { useComponentState } from './hooks/useComponentState'
-import { setMediaShouldUpdate, useMedia } from './hooks/useMedia'
-import { useThemeWithState } from './hooks/useTheme'
-import type { GuiComponentEvents } from './interfaces/GuiComponentEvents'
-import { hooks } from './setupHooks'
+} from './helpers/pseudoTransitions.ts'
+import { setElementProps } from './helpers/setElementProps.tsx'
+import { subscribeToContextGroup } from './helpers/subscribeToContextGroup.tsx'
+import { themeable } from './helpers/themeable.tsx'
+import { getStyleTags } from './helpers/wrapStyleTags.tsx'
+import { useComponentState } from './hooks/useComponentState.ts'
+import { setMediaShouldUpdate, useMedia } from './hooks/useMedia.tsx'
+import { useThemeWithState } from './hooks/useTheme.tsx'
+import type { GuiComponentEvents } from './interfaces/GuiComponentEvents.tsx'
+import { hooks } from './setupHooks.ts'
 import type {
   AllGroupContexts,
   ComponentGroupEmitter,
@@ -59,10 +59,10 @@ import type {
   UseAnimationProps,
   UseStyleEmitter,
   UseThemeWithStateProps,
-} from './types'
-import { Slot } from './views/Slot'
-import { getThemedChildren } from './views/Theme'
-import type { ViewProps } from './views/View'
+} from './types.tsx'
+import { Slot } from './views/Slot.tsx'
+import { getThemedChildren } from './views/Theme.tsx'
+import type { ViewProps } from './views/View.tsx'
 
 // data-slot: a neutral, standard structural annotation for zero-config analytics.
 // Mirrors shadcn's convention — the component's name, kebab-cased — so a tracker

package/src/createFont.ts

@@ -1,4 +1,4 @@
-import type { FontWeightValues, GenericFont } from './types'
+import type { FontWeightValues, GenericFont } from './types.tsx'
 
 const fontWeights: FontWeightValues[] = [
   '100',

package/src/createGui.ts

@@ -1,21 +1,21 @@
-import { getConfigMaybe, setConfig, setTokens } from './config'
-import type { DeepVariableObject } from './createVariables'
-import { createVariables } from './createVariables'
-import { defaultAnimationDriver } from './helpers/defaultAnimationDriver'
-import { resolveAnimationDriver } from './helpers/resolveAnimationDriver'
+import { getConfigMaybe, setConfig, setTokens } from './config.ts'
+import type { DeepVariableObject } from './createVariables.ts'
+import { createVariables } from './createVariables.ts'
+import { defaultAnimationDriver } from './helpers/defaultAnimationDriver.tsx'
+import { resolveAnimationDriver } from './helpers/resolveAnimationDriver.ts'
 import {
   buildCSSRuleSets,
   createFontCSS,
   createThemeCSS,
   createTokenCSS,
   getCSS as getCSSHelper,
-} from './helpers/createDesignSystem'
-import { scanAllSheets } from './helpers/insertStyleRule'
-import { proxyThemesToParents } from './helpers/proxyThemeToParents'
-import { ensureThemeVariable } from './helpers/themes'
-import { configureMedia } from './hooks/useMedia'
-import { parseFont, registerFontVariables } from './insertFont'
-import { Gui } from './Gui'
+} from './helpers/createDesignSystem.ts'
+import { scanAllSheets } from './helpers/insertStyleRule.tsx'
+import { proxyThemesToParents } from './helpers/proxyThemeToParents.ts'
+import { ensureThemeVariable } from './helpers/themes.ts'
+import { configureMedia } from './hooks/useMedia.tsx'
+import { parseFont, registerFontVariables } from './insertFont.ts'
+import { Gui } from './Gui.ts'
 import type {
   CreateGuiProps,
   DedupedTheme,
@@ -29,7 +29,7 @@ import type {
   TokensMerged,
   TokensParsed,
   Variable,
-} from './types'
+} from './types.tsx'
 
 /**
  * Determines if a token category should have px units added.

package/src/createShorthands.ts

@@ -1,4 +1,4 @@
-import type { CreateShorthands } from './types'
+import type { CreateShorthands } from './types.tsx'
 
 // just a type helper util
 

package/src/createTokens.ts

@@ -1,5 +1,5 @@
-import { createVariables } from './createVariables'
-import type { CreateTokens, Variable } from './types'
+import { createVariables } from './createVariables.ts'
+import type { CreateTokens, Variable } from './types.tsx'
 
 export function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T> {
   return createVariables(tokens, process.env.GUI_TOKEN_PREFIX ?? 't') as any

package/src/createVariable.ts

@@ -1,8 +1,8 @@
 import { isWeb } from '@hanzogui/constants'
 import { simpleHash } from '@hanzogui/helpers'
 
-import { getConfig } from './config'
-import type { PxValue, TokenCategories, Variable } from './types'
+import { getConfig } from './config.ts'
+import type { PxValue, TokenCategories, Variable } from './types.tsx'
 
 /**
  * Should rename this to Token

package/src/createVariables.ts

@@ -1,7 +1,7 @@
 import { isWeb } from '@hanzogui/constants'
 import { simpleHash } from '@hanzogui/helpers'
-import { createVariable, isVariable } from './createVariable'
-import type { Variable } from './types'
+import { createVariable, isVariable } from './createVariable.ts'
+import type { Variable } from './types.tsx'
 
 type DeepTokenObject<Val extends string | number = any> = {
   [key: string]: Val | DeepTokenObject<Val>

package/src/defaultComponentState.tsx

@@ -1,4 +1,4 @@
-import type { GuiComponentState } from './types'
+import type { GuiComponentState } from './types.tsx'
 
 export const defaultComponentState: GuiComponentState = {
   hover: false,

package/src/eventHandling.native.ts

@@ -6,8 +6,8 @@ import { composeEventHandlers } from '@hanzogui/helpers'
 import { getGestureHandler } from '@hanzogui/native'
 import React, { useRef } from 'react'
 import { Platform, View } from 'react-native'
-import { useMainThreadPressEvents } from './helpers/mainThreadPressEvents'
-import type { StaticConfig, GuiComponentStateRef } from './types'
+import { useMainThreadPressEvents } from './helpers/mainThreadPressEvents.ts'
+import type { StaticConfig, GuiComponentStateRef } from './types.tsx'
 
 const isFabric = !!(globalThis as any).nativeFabricUIManager
 

package/src/eventHandling.ts

@@ -2,7 +2,7 @@
  * Web event handling - maps RN-style events to DOM events
  */
 
-import type { GuiComponentEvents } from './interfaces/GuiComponentEvents'
+import type { GuiComponentEvents } from './interfaces/GuiComponentEvents.tsx'
 
 type EventKeys = keyof GuiComponentEvents
 type EventLikeObject = { [key in EventKeys]?: any }

package/src/helpers/createDesignSystem.ts

@@ -1,9 +1,13 @@
 import { isWeb } from '@hanzogui/constants'
-import type { CreateGuiProps, Variable } from '../types'
-import { getVariableVariable, isVariable } from '../createVariable'
-import { autoVariables, registerCSSVariable, variableToCSS } from './registerCSSVariable'
-import { getThemeCSSRules } from './getThemeCSSRules'
-import { getAllRules } from './insertStyleRule'
+import type { CreateGuiProps, Variable } from '../types.tsx'
+import { getVariableVariable, isVariable } from '../createVariable.ts'
+import {
+  autoVariables,
+  registerCSSVariable,
+  variableToCSS,
+} from './registerCSSVariable.ts'
+import { getThemeCSSRules } from './getThemeCSSRules.ts'
+import { getAllRules } from './insertStyleRule.tsx'
 
 type ThemeConfig = {
   cssRuleSets: string[]

package/src/helpers/createMediaStyle.ts

@@ -1,7 +1,12 @@
-import { getSetting } from '../config'
-import { mediaObjectToString } from './mediaObjectToString'
-import type { IsMediaType, MediaQueries, MediaStyleObject, StyleObject } from '../types'
-import { getGroupPropParts, type GroupParts } from './getGroupPropParts'
+import { getSetting } from '../config.ts'
+import { mediaObjectToString } from './mediaObjectToString.ts'
+import type {
+  IsMediaType,
+  MediaQueries,
+  MediaStyleObject,
+  StyleObject,
+} from '../types.tsx'
+import { getGroupPropParts, type GroupParts } from './getGroupPropParts.ts'
 
 // TODO have this be used by extractMediaStyle in hanzogui static
 // not synced to static/constants for now

package/src/helpers/createStyledContext.tsx

@@ -1,8 +1,8 @@
 import type { Context, ReactNode } from 'react'
 import React from 'react'
-import type { StyledContext } from '../types'
-import { mergeProps } from './mergeProps'
-import { objectIdentityKey } from './objectIdentityKey'
+import type { StyledContext } from '../types.tsx'
+import { mergeProps } from './mergeProps.ts'
+import { objectIdentityKey } from './objectIdentityKey.tsx'
 
 // use const (not function declaration) to prevent esbuild from hoisting
 // above __esm lazy init - function declarations get hoisted before

package/src/helpers/defaultAnimationDriver.tsx

@@ -1,4 +1,4 @@
-import type { AnimationDriver } from '../types'
+import type { AnimationDriver } from '../types.tsx'
 
 const noAnimationDriver = (method: string): any => {
   console.warn(

package/src/helpers/expandStyle.ts

@@ -5,10 +5,10 @@
 
 import { isAndroid, isWeb } from '@hanzogui/constants'
 
-import { getStyleCompat, type StyleCompat } from '../config'
-import type { PropMappedValue } from '../types'
-import { parseBorderShorthand } from './parseBorderShorthand'
-import { parseOutlineShorthand } from './parseOutlineShorthand'
+import { getStyleCompat, type StyleCompat } from '../config.ts'
+import type { PropMappedValue } from '../types.tsx'
+import { parseBorderShorthand } from './parseBorderShorthand.ts'
+import { parseOutlineShorthand } from './parseOutlineShorthand.ts'
 
 const neg1Flex = [
   ['flexGrow', 0],

package/src/helpers/expandStyles.ts

@@ -1,5 +1,5 @@
 import { isWeb } from '@hanzogui/constants'
-import { normalizeShadow } from './normalizeShadow'
+import { normalizeShadow } from './normalizeShadow.ts'
 
 export function fixStyles(style: Record<string, any>) {
   if (process.env.GUI_TARGET === 'web') {

package/src/helpers/getCSSStylesAtomic.ts

@@ -5,15 +5,15 @@
 
 import type { StyleObject } from '@hanzogui/helpers'
 import { cssShorthandLonghands, simpleHash } from '@hanzogui/helpers'
-import { getConfigMaybe } from '../config'
-import { isMediaKey } from '../hooks/useMedia'
-import type { GuiInternalConfig, ViewStyleWithPseudos } from '../types'
-import { defaultOffset } from './defaultOffset'
-import { normalizeColor } from './normalizeColor'
-import { normalizeValueWithProperty } from './normalizeValueWithProperty'
-import type { PseudoDescriptor } from './pseudoDescriptors'
-import { pseudoDescriptors } from './pseudoDescriptors'
-import { transformsToString } from './transformsToString'
+import { getConfigMaybe } from '../config.ts'
+import { isMediaKey } from '../hooks/useMedia.tsx'
+import type { GuiInternalConfig, ViewStyleWithPseudos } from '../types.tsx'
+import { defaultOffset } from './defaultOffset.ts'
+import { normalizeColor } from './normalizeColor.ts'
+import { normalizeValueWithProperty } from './normalizeValueWithProperty.ts'
+import type { PseudoDescriptor } from './pseudoDescriptors.ts'
+import { pseudoDescriptors } from './pseudoDescriptors.ts'
+import { transformsToString } from './transformsToString.ts'
 
 // refactor this file away next...
 

package/src/helpers/getDefaultProps.ts

@@ -1,5 +1,5 @@
-import { getConfig } from '../config'
-import type { StaticConfig } from '../types'
+import { getConfig } from '../config.ts'
+import type { StaticConfig } from '../types.tsx'
 
 // merge both default props, styled context props, and default text props
 export const getDefaultProps = (

package/src/helpers/getExpandedShorthands.ts

@@ -1,5 +1,5 @@
-import { getConfig } from '../config'
-import type { Shorthands } from '../types'
+import { getConfig } from '../config.ts'
+import type { Shorthands } from '../types.tsx'
 
 /**
  * @deprecated use useProps instead

package/src/helpers/getGroupPropParts.ts

@@ -1,5 +1,5 @@
-import { getMedia } from './mediaState'
-import { pseudoPriorities } from './pseudoDescriptors'
+import { getMedia } from './mediaState.ts'
+import { pseudoPriorities } from './pseudoDescriptors.ts'
 
 export type GroupParts = { name: string; pseudo?: string; media?: string }
 

package/src/helpers/getShorthandValue.ts

@@ -1,5 +1,5 @@
-import { getConfig } from '../config'
-import type { GenericShorthands } from '../types'
+import { getConfig } from '../config.ts'
+import type { GenericShorthands } from '../types.tsx'
 
 let inverseShorthands: GenericShorthands | null = null
 

package/src/helpers/getSplitStyles.tsx

@@ -19,15 +19,15 @@ import {
   validStyles as validStylesView,
 } from '@hanzogui/helpers'
 import React from 'react'
-import { getConfig, getFont, getSetting } from '../config'
-import { isDevTools } from '../constants/isDevTools'
+import { getConfig, getFont, getSetting } from '../config.ts'
+import { isDevTools } from '../constants/isDevTools.ts'
 import {
   getMediaImportanceIfMoreImportant,
   getMediaKey,
   getMediaKeyImportance,
   mediaKeyMatch,
-} from '../hooks/useMedia'
-import { mediaState as globalMediaState, mediaQueryConfig } from './mediaState'
+} from '../hooks/useMedia.tsx'
+import { mediaState as globalMediaState, mediaQueryConfig } from './mediaState.ts'
 import type {
   AllGroupContexts,
   AnimationDriver,
@@ -47,39 +47,43 @@ import type {
   TextStyle,
   ThemeParsed,
   ViewStyleWithPseudos,
-} from '../types'
-import { createMediaStyle } from './createMediaStyle'
-import { fixStyles } from './expandStyles'
-import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from './getCSSStylesAtomic'
-import { getDefaultProps } from './getDefaultProps'
+} from '../types.tsx'
+import { createMediaStyle } from './createMediaStyle.ts'
+import { fixStyles } from './expandStyles.ts'
+import { getCSSStylesAtomic, getStyleAtomic, styleToCSS } from './getCSSStylesAtomic.ts'
+import { getDefaultProps } from './getDefaultProps.ts'
 import {
   extractValueFromDynamic,
   getDynamicVal,
   getOppositeScheme,
   isColorStyleKey,
-} from './getDynamicVal'
-import { getGroupPropParts } from './getGroupPropParts'
-import { insertStyleRules, shouldInsertStyleRules, updateRules } from './insertStyleRule'
-import { isActivePlatform, getPlatformSpecificityBump } from './isActivePlatform'
-import { isActiveTheme } from './isActiveTheme'
-import { log } from './log'
-import { normalizeValueWithProperty } from './normalizeValueWithProperty'
-import { propMapper } from './propMapper'
+} from './getDynamicVal.ts'
+import { getGroupPropParts } from './getGroupPropParts.ts'
+import {
+  insertStyleRules,
+  shouldInsertStyleRules,
+  updateRules,
+} from './insertStyleRule.tsx'
+import { isActivePlatform, getPlatformSpecificityBump } from './isActivePlatform.ts'
+import { isActiveTheme } from './isActiveTheme.ts'
+import { log } from './log.ts'
+import { normalizeValueWithProperty } from './normalizeValueWithProperty.ts'
+import { propMapper } from './propMapper.ts'
 import {
   type PseudoDescriptorKey,
   pseudoDescriptors,
   pseudoPriorities,
   defaultMediaImportance,
-} from './pseudoDescriptors'
-import { skipProps } from './skipProps'
-import { sortString } from './sortString'
-import { styleOriginalValues } from './styleOriginalValues'
-import { type StyleTokenProvenance, setStyleTokenProvenance } from './styleProvenance'
-import { transformsToString } from './transformsToString'
+} from './pseudoDescriptors.ts'
+import { skipProps } from './skipProps.ts'
+import { sortString } from './sortString.ts'
+import { styleOriginalValues } from './styleOriginalValues.ts'
+import { type StyleTokenProvenance, setStyleTokenProvenance } from './styleProvenance.ts'
+import { transformsToString } from './transformsToString.ts'
 
 export { styleOriginalValues }
-export { getStyleTokenProvenance, STYLE_TOKEN_PROVENANCE_KEY } from './styleProvenance'
-export type { StyleTokenBinding, StyleTokenProvenance } from './styleProvenance'
+export { getStyleTokenProvenance, STYLE_TOKEN_PROVENANCE_KEY } from './styleProvenance.ts'
+export type { StyleTokenBinding, StyleTokenProvenance } from './styleProvenance.ts'
 
 export type SplitStyles = ReturnType<typeof getSplitStyles>