@hanzogui/web 2.0.0-rc.41-hanzoai.5

package/src/views/ThemeDebug.tsx

@@ -0,0 +1,95 @@
+import { useDidFinishSSR } from '@hanzogui/use-did-finish-ssr'
+import { useEffect } from 'react'
+import { createPortal } from 'react-dom'
+import { getThemeState } from '../hooks/useThemeState'
+import type { ThemeProps, ThemeState } from '../types'
+
+let node
+
+export function ThemeDebug({
+  themeState,
+  themeProps,
+  children,
+}: {
+  themeState: ThemeState
+  themeProps: ThemeProps
+  children: any
+}) {
+  if (process.env.NODE_ENV === 'development') {
+    const isHydrated = useDidFinishSSR()
+
+    if (process.env.NODE_ENV === 'development' && typeof document !== 'undefined') {
+      if (!node) {
+        node = document.createElement('div')
+        node.style.height = '200px'
+        node.style.overflowY = 'scroll'
+        node.style.position = 'fixed'
+        node.style.zIndex = 10000000
+        node.style.bottom = '30px'
+        node.style.left = '30px'
+        node.style.right = '30px'
+        node.style.display = 'flex'
+        node.style.border = '1px solid #888'
+        node.style.flexDirection = 'row'
+        node.style.background = 'var(--background)'
+      }
+    }
+
+    useEffect(() => {
+      document.body.appendChild(node)
+    }, [])
+
+    if (themeProps['disable-child-theme'] || !isHydrated) {
+      return children
+    }
+
+    const parentState = themeState.parentId ? getThemeState(themeState.parentId) : null
+
+    // hsla(0, 0%, 9%, 1)
+
+    return (
+      <>
+        {createPortal(
+          <code
+            style={{
+              whiteSpace: 'pre',
+              maxWidth: 250,
+              overflow: 'auto',
+              padding: 5,
+            }}
+          >
+            &lt;Theme {themeState.id} /&gt;&nbsp;
+            {JSON.stringify(
+              {
+                name: themeState.name,
+                color1: themeState.theme.color1.val,
+                parentId: themeState.parentId,
+                // inverses: themeState.inverses,
+                isNew: themeState.isNew,
+                themeProps: {
+                  name: themeProps.name,
+                  componentName: themeProps.componentName,
+                  reset: themeProps.reset,
+                },
+                parentState: {
+                  name: parentState?.name,
+                  isNew: parentState?.isNew,
+                },
+              },
+              null,
+              2
+            )}
+          </code>,
+          node
+        )}
+
+        <div style={{ color: 'red' }}>{themeState.id}</div>
+
+        {children}
+      </>
+    )
+  }
+  return children
+}
+
+ThemeDebug['displayName'] = 'ThemeDebug'

package/src/views/ThemeProvider.tsx

@@ -0,0 +1,45 @@
+import { useIsomorphicLayoutEffect } from '@hanzogui/constants'
+import { useId } from 'react'
+import { getSetting } from '../config'
+import { THEME_CLASSNAME_PREFIX } from '../constants/constants'
+import type { ThemeProviderProps } from '../types'
+import { Theme } from './Theme'
+
+export const ThemeProvider = (props: ThemeProviderProps) => {
+  'use no memo'
+
+  const addThemeClassName = getSetting('addThemeClassName')
+
+  // ensure theme is attached to root body node as well to work with modals by default
+  if (process.env.TAMAGUI_TARGET === 'web') {
+    useIsomorphicLayoutEffect(() => {
+      if (addThemeClassName === false) return
+      const cn = `${THEME_CLASSNAME_PREFIX}${props.defaultTheme}`
+      const target =
+        getSetting('addThemeClassName') === 'html'
+          ? document.documentElement
+          : document.body
+      target.classList.add(cn)
+      return () => {
+        target.classList.remove(cn)
+      }
+    }, [props.defaultTheme, addThemeClassName])
+  }
+
+  // we completely disable the className here if its set to any value, 'root', 'body', or false
+  // because in all cases we are putting the classname elsewhere
+  // if its undefined, then the default behavior applies and we use the className here
+  const forceClassName = addThemeClassName === undefined
+
+  return (
+    <Theme
+      className={props.className}
+      name={props.defaultTheme}
+      forceClassName={forceClassName}
+      // @ts-expect-error
+      _isRoot={useId}
+    >
+      {props.children}
+    </Theme>
+  )
+}

package/src/views/View.tsx

@@ -0,0 +1,25 @@
+import { validStyles } from '@hanzogui/helpers'
+
+import { createComponent } from '../createComponent'
+import type {
+  StackNonStyleProps,
+  StackStyle,
+  StackStyleBase,
+  HanzoguiElement,
+} from '../types'
+
+export type View = HanzoguiElement
+export type ViewNonStyleProps = StackNonStyleProps
+export type ViewStylePropsBase = StackStyleBase
+export type ViewStyle = StackStyle
+export type ViewProps = ViewNonStyleProps & ViewStyle
+
+export const View = createComponent<
+  ViewProps,
+  View,
+  ViewNonStyleProps,
+  ViewStylePropsBase
+>({
+  acceptsClassName: true,
+  validStyles,
+})

package/tsconfig.json

@@ -0,0 +1,44 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "composite": true,
+    "strict": true
+  },
+  "references": [
+    {
+      "path": "../../packages/timer"
+    },
+    {
+      "path": "../compose-refs"
+    },
+    {
+      "path": "../constants"
+    },
+    {
+      "path": "../helpers"
+    },
+    {
+      "path": "../normalize-css-color"
+    },
+    {
+      "path": "../types"
+    },
+    {
+      "path": "../use-did-finish-ssr"
+    },
+    {
+      "path": "../use-event"
+    },
+    {
+      "path": "../use-force-update"
+    }
+  ],
+  "exclude": [
+    "types",
+    "dist",
+    "**/__tests__",
+    "vitest.config.*",
+    "**/*.test.ts",
+    "**/*.test-d.ts"
+  ]
+}

package/tsconfig.test.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../../../tsconfig.json",
+  "compilerOptions": {
+    "strict": true,
+    "noEmit": true
+  },
+  "include": ["src/**/*.test-d.ts", "src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["types", "dist", "node_modules"]
+}

package/types/Hanzogui.d.ts

@@ -0,0 +1,15 @@
+import * as Helpers from '@hanzogui/helpers';
+export declare const Hanzogui: {
+    Helpers: typeof Helpers;
+    get mediaState(): {
+        [x: string]: boolean;
+        [x: number]: boolean;
+    };
+    get config(): import("./types").HanzoguiInternalConfig;
+    get insertedRules(): string[];
+    get allSelectors(): Record<string, string>;
+    get identifierToValue(): Map<string, any>;
+} | undefined;
+export declare const getValueFromIdentifier: (identifier: string) => any;
+export declare const setIdentifierValue: (identifier: string, value: any) => void;
+//# sourceMappingURL=Hanzogui.d.ts.map

package/types/Hanzogui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Hanzogui.d.ts","sourceRoot":"","sources":["../src/Hanzogui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,mBAAmB,CAAA;AAS5C,eAAO,MAAM,QAAQ;;;;;;;;;;aA2BjB,CAAA;AAIJ,eAAO,MAAM,sBAAsB,GAAI,YAAY,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM,EAAE,OAAO,GAAG,SAEhE,CAAA"}

package/types/_withStableStyle.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const _withStableStyle: (Component: any, createStyle: (theme: any, expressions: any[]) => object, hasThemeKeys?: boolean, hasMediaKeys?: boolean) => React.NamedExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+//# sourceMappingURL=_withStableStyle.d.ts.map

package/types/_withStableStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_withStableStyle.d.ts","sourceRoot":"","sources":["../src/_withStableStyle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAWzC,eAAO,MAAM,gBAAgB,GAC3B,WAAW,GAAG,EACd,aAAa,CAAC,KAAK,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,MAAM,EACvD,eAAe,OAAO,EACtB,eAAe,OAAO,gFA8CrB,CAAA"}

package/types/config.d.ts

@@ -0,0 +1,72 @@
+import type { AnimationDriver, GenericHanzoguiSettings, HanzoguiInternalConfig, Token, Tokens, TokensMerged } from './types';
+export declare const getSetting: <Key extends keyof GenericHanzoguiSettings>(key: Key) => GenericHanzoguiSettings[Key];
+export declare const setConfig: (next: HanzoguiInternalConfig) => void;
+export declare const setConfigFont: (name: string, font: any, fontParsed: any) => void;
+export declare const getConfig: () => HanzoguiInternalConfig;
+export declare const getConfigMaybe: () => HanzoguiInternalConfig | null;
+export declare function setTokens(_: TokensMerged): void;
+export declare const getTokens: ({ prefixed, }?: {
+    /**
+     * Force either with $ or without $ prefix
+     */
+    prefixed?: boolean;
+}) => TokensMerged;
+export declare const getTokenObject: (value: Token, group?: keyof Tokens) => import("./types").Variable<any>;
+export declare const getToken: (value: Token, group?: keyof Tokens, useVariable?: boolean) => any;
+export declare const getTokenValue: (value: Token | "unset" | "auto", group?: keyof Tokens) => any;
+/**
+ * Note: this is the same as `getTokens`
+ */
+export declare const useTokens: ({ prefixed, }?: {
+    /**
+     * Force either with $ or without $ prefix
+     */
+    prefixed?: boolean;
+}) => TokensMerged;
+export declare const getThemes: () => {
+    [x: string]: {
+        [x: string]: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<number> | import("./types").Variable<import("./types").VariableValGeneric> | import("./types").Variable<import("./types").PxValue>;
+        background?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        backgroundHover?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        backgroundPress?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        backgroundFocus?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        color?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        colorHover?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        colorPress?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        colorFocus?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        borderColor?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        borderColorHover?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        borderColorPress?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        borderColorFocus?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        shadowColor?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        shadowColorHover?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        shadowColorPress?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+        shadowColorFocus?: import("./types").Variable<any> | import("./types").Variable<string> | import("./types").Variable<undefined> | undefined;
+    };
+};
+export declare const updateConfig: (key: string, value: any) => void;
+export declare const getFont: (name: string) => import("./types").GenericFont<string | number | symbol>;
+type DevConfig = {
+    visualizer?: boolean | {
+        key?: string;
+        delay?: number;
+    };
+};
+export declare let devConfig: DevConfig | undefined;
+export declare function setupDev(conf: DevConfig): void;
+/**
+ * Dynamically load an animation driver at runtime.
+ * Useful for lazy loading heavier animation drivers after initial page load.
+ *
+ * @example
+ * ```tsx
+ * // import loadAnimationDriver from hanzogui
+ * // import createAnimations from your preferred driver (e.g. animations-reanimated)
+ *
+ * const driver = createAnimations({ bouncy: { type: 'spring', damping: 10 } })
+ * loadAnimationDriver('spring', driver)
+ * ```
+ */
+export declare function loadAnimationDriver(name: string, driver: AnimationDriver): void;
+export {};
+//# sourceMappingURL=config.d.ts.map

package/types/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,eAAe,EAEf,uBAAuB,EACvB,sBAAsB,EACtB,KAAK,EACL,MAAM,EACN,YAAY,EACb,MAAM,SAAS,CAAA;AAoDhB,eAAO,MAAM,UAAU,GAAI,GAAG,SAAS,MAAM,uBAAuB,EAClE,KAAK,GAAG,KACP,uBAAuB,CAAC,GAAG,CAU7B,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,MAAM,sBAAsB,SAIrD,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,MAAM,MAAM,EAAE,MAAM,GAAG,EAAE,YAAY,GAAG,SAOrE,CAAA;AAED,eAAO,MAAM,SAAS,8BAUrB,CAAA;AAED,eAAO,MAAM,cAAc,qCAE1B,CAAA;AAGD,wBAAgB,SAAS,CAAC,CAAC,EAAE,YAAY,QAExC;AAED,eAAO,MAAM,SAAS,GAAI,gBAEvB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACd,KAAG,YASR,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,oCAUhE,CAAA;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,KAAK,EAAE,QAAQ,MAAM,MAAM,EAAE,qBAAmB,QAG/E,CAAA;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,KAAK,GAAG,OAAO,GAAG,MAAM,EAAE,QAAQ,MAAM,MAAM,QAGlF,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,mBAzCnB;IACD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,KAAQ,YAoCyB,CAAA;AAElC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAA6C,CAAA;AAEnE,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,EAAE,OAAO,GAAG,SAInD,CAAA;AAGD,eAAO,MAAM,OAAO,GAAI,MAAM,MAAM,4DAQnC,CAAA;AAED,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EACP,OAAO,GACP;QACE,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;CACN,CAAA;AAED,eAAO,IAAI,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;AAE3C,wBAAgB,QAAQ,CAAC,IAAI,EAAE,SAAS,QAIvC;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,eAAe,QAyBxE"}

package/types/constants/accessibilityDirectMap.d.ts

@@ -0,0 +1,6 @@
+export declare const accessibilityDirectMap: Record<string, string>;
+export declare const webToNativeAccessibilityDirectMap: Record<string, string>;
+export declare const nativeAccessibilityValue: Record<string, string>;
+export declare const nativeAccessibilityState: Record<string, string>;
+export declare const accessibilityWebRoleToNativeRole: Record<string, string>;
+//# sourceMappingURL=accessibilityDirectMap.d.ts.map

package/types/constants/accessibilityDirectMap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibilityDirectMap.d.ts","sourceRoot":"","sources":["../../src/constants/accessibilityDirectMap.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA;AAEhE,eAAO,MAAM,iCAAiC,EAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAC1F,eAAO,MAAM,wBAAwB,EAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AAEjF,eAAO,MAAM,wBAAwB,EAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;AACjF,eAAO,MAAM,gCAAgC,EAAsB,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA"}

package/types/constants/accessibilityDirectMap.native.d.ts

@@ -0,0 +1,6 @@
+export declare const accessibilityDirectMap: {};
+export declare const webToNativeAccessibilityDirectMap: {};
+export declare const nativeAccessibilityValue: {};
+export declare const nativeAccessibilityState: {};
+export declare const accessibilityWebRoleToNativeRole: {};
+//# sourceMappingURL=accessibilityDirectMap.native.d.ts.map

package/types/constants/accessibilityDirectMap.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibilityDirectMap.native.d.ts","sourceRoot":"","sources":["../../src/constants/accessibilityDirectMap.native.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,IAAK,CAAA;AAExC,eAAO,MAAM,iCAAiC,IAAK,CAAA;AAEnD,eAAO,MAAM,wBAAwB,IAAK,CAAA;AAE1C,eAAO,MAAM,wBAAwB,IAAK,CAAA;AAG1C,eAAO,MAAM,gCAAgC,IAAK,CAAA"}

package/types/constants/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const THEME_NAME_SEPARATOR = "_";
+export declare const THEME_CLASSNAME_PREFIX = "t_";
+export declare const FONT_DATA_ATTRIBUTE_NAME = "data-hanzogui-font";
+export declare const MISSING_THEME_MESSAGE: string;
+//# sourceMappingURL=constants.d.ts.map

package/types/constants/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/constants/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oBAAoB,MAAM,CAAA;AACvC,eAAO,MAAM,sBAAsB,OAAO,CAAA;AAC1C,eAAO,MAAM,wBAAwB,uBAAuB,CAAA;AAE5D,eAAO,MAAM,qBAAqB,QASZ,CAAA"}

package/types/constants/isDevTools.d.ts

@@ -0,0 +1,2 @@
+export declare const isDevTools: any;
+//# sourceMappingURL=isDevTools.d.ts.map

package/types/constants/isDevTools.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isDevTools.d.ts","sourceRoot":"","sources":["../../src/constants/isDevTools.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,KASnB,CAAA"}

package/types/contexts/ComponentContext.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentContextI } from '../types';
+export declare const ComponentContext: import("../types").StyledContext<ComponentContextI>;
+export declare const useConfiguration: () => ComponentContextI;
+//# sourceMappingURL=ComponentContext.d.ts.map

package/types/contexts/ComponentContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComponentContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ComponentContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,eAAO,MAAM,gBAAgB,qDAO3B,CAAA;AAEF,eAAO,MAAM,gBAAgB,yBAE5B,CAAA"}

package/types/contexts/GroupContext.d.ts

@@ -0,0 +1,3 @@
+import type { AllGroupContexts } from '../types';
+export declare const GroupContext: import("react").Context<AllGroupContexts | null>;
+//# sourceMappingURL=GroupContext.d.ts.map

package/types/contexts/GroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupContext.d.ts","sourceRoot":"","sources":["../../src/contexts/GroupContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAEhD,eAAO,MAAM,YAAY,kDAA+C,CAAA"}

package/types/createComponent.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { StaticConfig, HanzoguiComponent, HanzoguiComponentState, HanzoguiElement } from './types';
+type ComponentSetState = React.Dispatch<React.SetStateAction<HanzoguiComponentState>>;
+export declare const componentSetStates: Set<ComponentSetState>;
+export declare function createComponent<ComponentPropTypes extends Record<string, any> = {}, Ref extends HanzoguiElement = HanzoguiElement, BaseProps = never, BaseStyles extends object = never>(staticConfig: StaticConfig): HanzoguiComponent<ComponentPropTypes, Ref, BaseProps, BaseStyles, {}>;
+export {};
+//# sourceMappingURL=createComponent.d.ts.map

package/types/createComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA2C,MAAM,OAAO,CAAA;AA6B/D,OAAO,KAAK,EAQV,YAAY,EAEZ,iBAAiB,EACjB,sBAAsB,EACtB,eAAe,EAOhB,MAAM,SAAS,CAAA;AAahB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAA;AAErF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AA8J9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,eAAe,GAAG,eAAe,EAC7C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,yEAkhD3B"}

package/types/createFont.d.ts

@@ -0,0 +1,3 @@
+import type { GenericFont } from './types';
+export declare const createFont: <A extends GenericFont>(font: A) => A;
+//# sourceMappingURL=createFont.d.ts.map

package/types/createFont.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createFont.d.ts","sourceRoot":"","sources":["../src/createFont.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAoB,WAAW,EAAE,MAAM,SAAS,CAAA;AAkC5D,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAAE,MAAM,CAAC,KAAG,CAe3D,CAAA"}

package/types/createHanzogui.d.ts

@@ -0,0 +1,3 @@
+import type { CreateHanzoguiProps, InferHanzoguiConfig } from './types';
+export declare function createHanzogui<Conf extends CreateHanzoguiProps>(configIn: Conf): InferHanzoguiConfig<Conf>;
+//# sourceMappingURL=createHanzogui.d.ts.map

package/types/createHanzogui.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createHanzogui.d.ts","sourceRoot":"","sources":["../src/createHanzogui.ts"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EACV,mBAAmB,EAKnB,mBAAmB,EAOpB,MAAM,SAAS,CAAA;AAwBhB,wBAAgB,cAAc,CAAC,IAAI,SAAS,mBAAmB,EAC7D,QAAQ,EAAE,IAAI,GACb,mBAAmB,CAAC,IAAI,CAAC,CAkN3B"}

package/types/createShorthands.d.ts

@@ -0,0 +1,3 @@
+import type { CreateShorthands } from './types';
+export declare function createShorthands<A extends CreateShorthands>(shorthands: A): A;
+//# sourceMappingURL=createShorthands.d.ts.map

package/types/createShorthands.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShorthands.d.ts","sourceRoot":"","sources":["../src/createShorthands.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAI/C,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,gBAAgB,EAAE,UAAU,EAAE,CAAC,GAAG,CAAC,CAE7E"}

package/types/createTokens.d.ts

@@ -0,0 +1,22 @@
+import type { CreateTokens, Variable } from './types';
+export declare function createTokens<T extends CreateTokens>(tokens: T): MakeTokens<T>;
+type NormalizeTokens<A, Type = A[keyof A]> = {
+    [Key in keyof A as Key extends number ? `${Key}` : Key]: Variable<Type>;
+};
+type MakeTokens<T extends CreateTokens> = T extends {
+    color?: infer E;
+    space?: infer F;
+    size?: infer G;
+    radius?: infer H;
+    zIndex?: infer J;
+} ? {
+    color: NormalizeTokens<E, string>;
+    space: NormalizeTokens<F, number>;
+    size: NormalizeTokens<G, number>;
+    radius: NormalizeTokens<H, number>;
+    zIndex: NormalizeTokens<J, number>;
+} & Omit<{
+    [key in keyof T]: NormalizeTokens<T[key]>;
+}, 'color' | 'space' | 'size' | 'radius' | 'zIndex'> : never;
+export {};
+//# sourceMappingURL=createTokens.d.ts.map

package/types/createTokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTokens.d.ts","sourceRoot":"","sources":["../src/createTokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAErD,wBAAgB,YAAY,CAAC,CAAC,SAAS,YAAY,EAAE,MAAM,EAAE,CAAC,GAAG,UAAU,CAAC,CAAC,CAAC,CAE7E;AAED,KAAK,eAAe,CAAC,CAAC,EAAE,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI;KAC1C,GAAG,IAAI,MAAM,CAAC,IAAI,GAAG,SAAS,MAAM,GAAG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,QAAQ,CAAC,IAAI,CAAC;CACxE,CAAA;AAED,KAAK,UAAU,CAAC,CAAC,SAAS,YAAY,IAAI,CAAC,SAAS;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAC,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC,CAAA;CACjB,GACG;IACE,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACjC,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IACjC,IAAI,EAAE,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAChC,MAAM,EAAE,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;IAClC,MAAM,EAAE,eAAe,CAAC,CAAC,EAAE,MAAM,CAAC,CAAA;CACnC,GAAG,IAAI,CACN;KACG,GAAG,IAAI,MAAM,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;CAC1C,EACD,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CACjD,GACD,KAAK,CAAA"}

package/types/createVariable.d.ts

@@ -0,0 +1,22 @@
+import type { PxValue, TokenCategories, Variable } from './types';
+type VariableIn<A = any> = Pick<Variable<A>, 'key' | 'name' | 'val'>;
+export declare const createVariable: <A extends string | number | Variable = any>(props: VariableIn<A>, skipHash?: boolean) => Variable<A>;
+export declare function variableToString(vrble?: any, getValue?: boolean): string;
+export declare function isVariable(v: Variable | any): v is Variable;
+export declare function getVariable(nameOrVariable: Variable | string | any, group?: TokenCategories): any;
+export declare const setDidGetVariableValue: (val: boolean) => boolean;
+export declare const didGetVariableValue: () => boolean;
+export declare function getVariableValue(v: Variable | any, group?: TokenCategories): any;
+export declare function getVariableName(v: Variable | any): any;
+export declare function getVariableVariable(v: Variable | string | undefined): string | undefined;
+export declare const createCSSVariable: (nameProp: string, includeVar?: boolean) => string;
+/**
+ * Helper function to mark a token value as needing px units.
+ * Usage: px(100) creates a token that will become "100px" on web, 100 on native.
+ *
+ * @param value - The numeric value
+ * @returns A special object that indicates this value needs px units
+ */
+export declare function px(value: number): PxValue;
+export {};
+//# sourceMappingURL=createVariable.d.ts.map

package/types/createVariable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariable.d.ts","sourceRoot":"","sources":["../src/createVariable.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAWjE,KAAK,UAAU,CAAC,CAAC,GAAG,GAAG,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC,CAAA;AAEpE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,GAAG,EACvE,OAAO,UAAU,CAAC,CAAC,CAAC,EACpB,kBAAgB,KACf,QAAQ,CAAC,CAAC,CAcZ,CAAA;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,QAAQ,UAAQ,UAQ7D;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,GAAG,CAAC,IAAI,QAAQ,CAE3D;AAED,wBAAgB,WAAW,CACzB,cAAc,EAAE,QAAQ,GAAG,MAAM,GAAG,GAAG,EACvC,KAAK,GAAE,eAAwB,OAYhC;AAGD,eAAO,MAAM,sBAAsB,GAAI,KAAK,OAAO,YAAqB,CAAA;AACxE,eAAO,MAAM,mBAAmB,eAAiB,CAAA;AAEjD,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,EAAE,KAAK,CAAC,EAAE,eAAe,OAc1E;AAED,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,GAAG,GAAG,OAGhD;AAED,wBAAgB,mBAAmB,CAAC,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,SAAS,sBAGnE;AAGD,eAAO,MAAM,iBAAiB,GAAI,UAAU,MAAM,EAAE,oBAAiB,WAQpE,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAKzC"}

package/types/createVariables.d.ts

@@ -0,0 +1,10 @@
+import type { Variable } from './types';
+type DeepTokenObject<Val extends string | number = any> = {
+    [key: string]: Val | DeepTokenObject<Val>;
+};
+export type DeepVariableObject<A extends DeepTokenObject> = {
+    [Key in keyof A]: A[Key] extends string | number ? Variable<A[Key]> : A[Key] extends DeepTokenObject ? DeepVariableObject<A[Key]> : never;
+};
+export declare const createVariables: <A extends DeepTokenObject>(tokens: A, parentPath?: string, isFont?: boolean) => DeepVariableObject<A>;
+export {};
+//# sourceMappingURL=createVariables.d.ts.map

package/types/createVariables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createVariables.d.ts","sourceRoot":"","sources":["../src/createVariables.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAEvC,KAAK,eAAe,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,GAAG,GAAG,IAAI;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAAA;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI;KACzD,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,GAAG,MAAM,GAC5C,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAChB,CAAC,CAAC,GAAG,CAAC,SAAS,eAAe,GAC5B,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAC1B,KAAK;CACZ,CAAA;AAMD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,eAAe,EACvD,QAAQ,CAAC,EACT,mBAAe,EACf,gBAAc,KACb,kBAAkB,CAAC,CAAC,CAoDtB,CAAA"}

package/types/defaultComponentState.d.ts

@@ -0,0 +1,5 @@
+import type { HanzoguiComponentState } from './types';
+export declare const defaultComponentState: HanzoguiComponentState;
+export declare const defaultComponentStateMounted: HanzoguiComponentState;
+export declare const defaultComponentStateShouldEnter: HanzoguiComponentState;
+//# sourceMappingURL=defaultComponentState.d.ts.map

package/types/defaultComponentState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultComponentState.d.ts","sourceRoot":"","sources":["../src/defaultComponentState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,eAAO,MAAM,qBAAqB,EAAE,sBASnC,CAAA;AAED,eAAO,MAAM,4BAA4B,EAAE,sBAG1C,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,sBAG9C,CAAA"}

package/types/eventHandling.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Web event handling - maps RN-style events to DOM events
+ */
+import type { HanzoguiComponentEvents } from './interfaces/HanzoguiComponentEvents';
+type EventKeys = keyof HanzoguiComponentEvents;
+type EventLikeObject = {
+    [key in EventKeys]?: any;
+};
+export declare function getWebEvents<E extends EventLikeObject>(events: E, webStyle?: boolean): {
+    [x: string]: any;
+    onMouseEnter: any;
+    onMouseLeave: any;
+    onMouseDown: any;
+    onMouseUp: any;
+    onTouchStart: any;
+    onTouchEnd: any;
+    onFocus: any;
+    onBlur: any;
+};
+export declare function wrapWithGestureDetector(content: any, _gesture: any, _stateRef: {
+    current: any;
+}, _isHOC?: boolean, _isCompositeComponent?: boolean): any;
+export declare function useEvents(_events: any, _viewProps: any, _stateRef: {
+    current: any;
+}, _staticConfig: any, _isHOC?: boolean, _isInsideNativeMenu?: boolean, _debugName?: string | null): null;
+export {};
+//# sourceMappingURL=eventHandling.d.ts.map

package/types/eventHandling.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandling.d.ts","sourceRoot":"","sources":["../src/eventHandling.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAA;AAEnF,KAAK,SAAS,GAAG,MAAM,uBAAuB,CAAA;AAC9C,KAAK,eAAe,GAAG;KAAG,GAAG,IAAI,SAAS,CAAC,CAAC,EAAE,GAAG;CAAE,CAAA;AAEnD,wBAAgB,YAAY,CAAC,CAAC,SAAS,eAAe,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,UAAO;;;;;;;;;;EAYjF;AAGD,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE,GAAG,EACb,SAAS,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,EAC3B,MAAM,CAAC,EAAE,OAAO,EAChB,qBAAqB,CAAC,EAAE,OAAO,OAGhC;AAGD,wBAAgB,SAAS,CACvB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAE,GAAG,EACf,SAAS,EAAE;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,EAC3B,aAAa,EAAE,GAAG,EAClB,MAAM,CAAC,EAAE,OAAO,EAChB,mBAAmB,CAAC,EAAE,OAAO,EAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,QAG3B"}

package/types/eventHandling.native.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Native event handling - uses RNGH when available, falls back to responder system
+ */
+import type { StaticConfig, HanzoguiComponentStateRef } from './types';
+export declare function getWebEvents(): {};
+export declare function useEvents(events: any, viewProps: any, stateRef: {
+    current: HanzoguiComponentStateRef;
+}, staticConfig: StaticConfig, isHOC?: boolean, isInsideNativeMenu?: boolean, debugName?: string | null): any;
+export declare function wrapWithGestureDetector(content: any, gesture: any, stateRef: {
+    current: HanzoguiComponentStateRef;
+}, isHOC?: boolean, isCompositeComponent?: boolean): any;
+//# sourceMappingURL=eventHandling.native.d.ts.map

package/types/eventHandling.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"eventHandling.native.d.ts","sourceRoot":"","sources":["../src/eventHandling.native.ts"],"names":[],"mappings":"AAAA;;GAEG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAA;AAGtE,wBAAgB,YAAY,OAE3B;AAED,wBAAgB,SAAS,CACvB,MAAM,EAAE,GAAG,EACX,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE;IAAE,OAAO,EAAE,yBAAyB,CAAA;CAAE,EAChD,YAAY,EAAE,YAAY,EAC1B,KAAK,CAAC,EAAE,OAAO,EACf,kBAAkB,CAAC,EAAE,OAAO,EAC5B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,OA8I1B;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,GAAG,EACZ,OAAO,EAAE,GAAG,EACZ,QAAQ,EAAE;IAAE,OAAO,EAAE,yBAAyB,CAAA;CAAE,EAChD,KAAK,CAAC,EAAE,OAAO,EACf,oBAAoB,CAAC,EAAE,OAAO,OAkD/B"}

package/types/helpers/consoleLog.native.d.ts

@@ -0,0 +1,7 @@
+export declare const groupEnd: () => void;
+export declare const groupCollapsed: {
+    (...data: any[]): void;
+    (message?: any, ...optionalParams: any[]): void;
+    (message?: any, ...optionalParams: any[]): void;
+};
+//# sourceMappingURL=consoleLog.native.d.ts.map

package/types/helpers/consoleLog.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consoleLog.native.d.ts","sourceRoot":"","sources":["../../src/helpers/consoleLog.native.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,YAAW,CAAA;AAChC,eAAO,MAAM,cAAc;;;;CAAe,CAAA"}

package/types/helpers/createDesignSystem.d.ts

@@ -0,0 +1,47 @@
+import type { CreateHanzoguiProps, Variable } from '../types';
+type ThemeConfig = {
+    cssRuleSets: string[];
+    getThemeRulesSets: () => string[];
+};
+declare function getFontPropertyDeclarations(fontParsed: any, tokenKey?: string): string[];
+export { getFontPropertyDeclarations };
+/**
+ * Generates CSS for tokens - registers CSS variables and builds declaration strings
+ */
+export declare function createTokenCSS(tokens: Record<string, Record<string, Variable>>, shouldTokenCategoryHaveUnits: (category: string) => boolean): string[];
+/**
+ * Generates CSS for fonts
+ */
+export declare function createFontCSS(fontsParsed: Record<string, any> | undefined, registerFontVariables: (fontParsed: any) => string[]): Record<string, {
+    name: string;
+    declarations: string[];
+    language?: string;
+    fontParsed: any;
+}>;
+/**
+ * Builds CSS rulesets from declarations
+ */
+export declare function buildCSSRuleSets(declarations: string[], fontDeclarations: Record<string, {
+    name: string;
+    declarations: string[];
+    language?: string;
+    fontParsed: any;
+}>, defaultFontToken?: string): string[];
+/**
+ * Generates theme CSS rules
+ */
+export declare function createThemeCSS(dedupedThemes: Array<{
+    names: string[];
+    theme: any;
+}>, configIn: CreateHanzoguiProps): string[];
+/**
+ * Gets all generated CSS - design system + runtime styles
+ */
+export declare function getCSS(themeConfig: ThemeConfig, opts: {
+    separator?: string;
+    sinceLastCall?: boolean;
+    exclude?: "themes" | "design-system" | string | null;
+} | undefined, lastIndex: {
+    value: number;
+}): string;
+//# sourceMappingURL=createDesignSystem.d.ts.map