rnwind 0.0.1 → 0.0.2

package/lib/cjs/runtime/hooks/use-scheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scheme.cjs","sources":["../../../../../src/runtime/hooks/use-scheme.ts"],"sourcesContent":["import type { ThemeTable } from '../../core/types'\nimport { useRnwind } from '../components/rnwind-provider'\n\n/**\n * Synthetic scheme name applied when tokens aren't declared under any\n * `@variant` block — the \"no active variant\" fallback every theme table\n * inherits from.\n */\nconst BASE_SCHEME = 'base'\n\n/**\n * Access the resolved theme table for the active scheme.\n *\n * Tokens declared outside any `@variant` block live in the `base` table and\n * should apply everywhere — just like the CSS cascade treats `:root` as a\n * default for every ancestor-scoped override. We merge `base` under the\n * active scheme so a scheme that doesn't declare a token still sees the\n * base default, while the scheme's own entries win on overlap.\n * @returns Token table for the active scheme.\n */\nexport function useTheme(): ThemeTable {\n  const { scheme, tables } = useRnwind()\n  const base = tables[BASE_SCHEME] ?? {}\n  const schemeTable = tables[scheme]\n  if (!schemeTable) return base\n  // Fast path: nothing to merge when the scheme table is empty.\n  if (Object.keys(schemeTable).length === 0) return base\n  return { ...base, ...schemeTable }\n}\n\n/**\n * Read a raw CSS custom property's value for the active scheme. Accepts\n * either `--foo` or the bare `foo` form for convenience.\n * @param cssVariable CSS custom property name (with or without the leading `--`).\n * @returns The resolved value, or undefined when the token is missing.\n */\nexport function useToken(cssVariable: string): string | number | undefined {\n  const table = useTheme()\n  const name = cssVariable.startsWith('--') ? cssVariable : `--${cssVariable}`\n  return table[name]\n}\n\n/**\n * Read a color token by shorthand name — `useColor('primary')` resolves\n * `--color-primary` for the active scheme.\n * @param name Token suffix after `--color-`.\n * @returns Resolved color string, or undefined when the token is missing\n *   or its value isn't a string.\n */\nexport function useColor(name: string): string | undefined {\n  const value = useToken(`--color-${name}`)\n  return typeof value === 'string' ? value : undefined\n}\n\n/**\n * Read a spacing token by shorthand name — `useSize('4')` resolves\n * `--spacing-4` for the active scheme.\n * @param name Token suffix after `--spacing-`.\n * @returns Resolved spacing value, or undefined when the token is missing.\n */\nexport function useSize(name: string): number | string | undefined {\n  return useToken(`--spacing-${name}`)\n}\n"],"names":["useRnwind"],"mappings":";;;;AAGA;;;;AAIG;AACH,MAAM,WAAW,GAAG,MAAM;AAE1B;;;;;;;;;AASG;SACa,QAAQ,GAAA;IACtB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAGA,wBAAS,EAAE;IACtC,MAAM,IAAI,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,EAAE;AACtC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;AAClC,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;;IAE7B,IAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,KAAK,CAAC;AAAE,QAAA,OAAO,IAAI;AACtD,IAAA,OAAO,EAAE,GAAG,IAAI,EAAE,GAAG,WAAW,EAAE;AACpC;AAEA;;;;;AAKG;AACG,SAAU,QAAQ,CAAC,WAAmB,EAAA;AAC1C,IAAA,MAAM,KAAK,GAAG,QAAQ,EAAE;AACxB,IAAA,MAAM,IAAI,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,WAAW,GAAG,CAAA,EAAA,EAAK,WAAW,EAAE;AAC5E,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC;AACpB;AAEA;;;;;;AAMG;AACG,SAAU,QAAQ,CAAC,IAAY,EAAA;IACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,WAAW,IAAI,CAAA,CAAE,CAAC;AACzC,IAAA,OAAO,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,SAAS;AACtD;AAEA;;;;;AAKG;AACG,SAAU,OAAO,CAAC,IAAY,EAAA;AAClC,IAAA,OAAO,QAAQ,CAAC,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE,CAAC;AACtC;;;;;;;"}

package/lib/cjs/runtime/hooks/use-scheme.d.ts

@@ -0,0 +1,34 @@
+import type { ThemeTable } from '../../core/types';
+/**
+ * Access the resolved theme table for the active scheme.
+ *
+ * Tokens declared outside any `@variant` block live in the `base` table and
+ * should apply everywhere — just like the CSS cascade treats `:root` as a
+ * default for every ancestor-scoped override. We merge `base` under the
+ * active scheme so a scheme that doesn't declare a token still sees the
+ * base default, while the scheme's own entries win on overlap.
+ * @returns Token table for the active scheme.
+ */
+export declare function useTheme(): ThemeTable;
+/**
+ * Read a raw CSS custom property's value for the active scheme. Accepts
+ * either `--foo` or the bare `foo` form for convenience.
+ * @param cssVariable CSS custom property name (with or without the leading `--`).
+ * @returns The resolved value, or undefined when the token is missing.
+ */
+export declare function useToken(cssVariable: string): string | number | undefined;
+/**
+ * Read a color token by shorthand name — `useColor('primary')` resolves
+ * `--color-primary` for the active scheme.
+ * @param name Token suffix after `--color-`.
+ * @returns Resolved color string, or undefined when the token is missing
+ *   or its value isn't a string.
+ */
+export declare function useColor(name: string): string | undefined;
+/**
+ * Read a spacing token by shorthand name — `useSize('4')` resolves
+ * `--spacing-4` for the active scheme.
+ * @param name Token suffix after `--spacing-`.
+ * @returns Resolved spacing value, or undefined when the token is missing.
+ */
+export declare function useSize(name: string): number | string | undefined;

package/lib/cjs/runtime/index.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+var lookupCss = require('./lookup-css.cjs');
+var rnwindProvider = require('./components/rnwind-provider.cjs');
+var useCss = require('./hooks/use-css.cjs');
+var useInteract = require('./hooks/use-interact.cjs');
+var chainHandlers = require('./chain-handlers.cjs');
+var interactiveBox = require('./interactive-box.cjs');
+var haptics = require('./haptics.cjs');
+var useScheme = require('./hooks/use-scheme.cjs');
+
+/**
+ * Installed rnwind version, inlined at publish time. Compare against a pinned
+ * string when integrating with build tooling that may see multiple rnwind
+ * copies (e.g. workspace overrides).
+ */
+const VERSION = '0.0.1';
+
+exports._l = lookupCss.lookupCss;
+exports.activeBreakpointFor = lookupCss.activeBreakpointFor;
+exports.getBreakpoints = lookupCss.getBreakpoints;
+exports.lookupCss = lookupCss.lookupCss;
+exports.registerAtoms = lookupCss.registerAtoms;
+exports.registerBreakpoints = lookupCss.registerBreakpoints;
+exports.registerSchemeLoader = lookupCss.registerSchemeLoader;
+exports.setWindowHeightProvider = lookupCss.setWindowHeightProvider;
+exports.RnwindProvider = rnwindProvider.RnwindProvider;
+exports.useR_ = rnwindProvider.useR_;
+exports.useRnwind = rnwindProvider.useRnwind;
+exports.useCss = useCss.useCss;
+exports.useInteract = useInteract.useInteract;
+exports.chainFocus = chainHandlers.chainFocus;
+exports.chainPress = chainHandlers.chainPress;
+exports.InteractiveBox = interactiveBox.InteractiveBox;
+exports._ib = interactiveBox.InteractiveBox;
+exports._hm = haptics.useMountHaptic;
+exports._ht = haptics.triggerHaptic;
+exports.triggerHaptic = haptics.triggerHaptic;
+exports.useMountHaptic = haptics.useMountHaptic;
+exports.useColor = useScheme.useColor;
+exports.useSize = useScheme.useSize;
+exports.useTheme = useScheme.useTheme;
+exports.useToken = useScheme.useToken;
+exports.VERSION = VERSION;
+//# sourceMappingURL=index.cjs.map

package/lib/cjs/runtime/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/runtime/index.ts"],"sourcesContent":["\n\n\n\nexport {\n  lookupCss,\n  registerAtoms,\n  registerBreakpoints,\n  registerSchemeLoader,\n  setWindowHeightProvider,\n  getBreakpoints,\n  activeBreakpointFor,\n  lookupCss as _l,\n} from './lookup-css'\nexport { useR_ } from './components/rnwind-provider'\nexport type { HoistedClassName, InteractState, LookupInsets, SafeMarkerSpec } from './lookup-css'\nexport { useCss } from './hooks/use-css'\nexport { useInteract } from './hooks/use-interact'\nexport type { UseInteractResult } from './hooks/use-interact'\nexport { chainPress, chainFocus } from './chain-handlers'\nexport { InteractiveBox, InteractiveBox as _ib } from './interactive-box'\nexport type { InteractiveBoxProps, InteractiveSpec } from './interactive-box'\nexport { RnwindProvider, useRnwind } from './components/rnwind-provider'\nexport type { RnwindProviderProps, RnwindState, Insets } from './components/rnwind-provider'\nexport { useMountHaptic, triggerHaptic, triggerHaptic as _ht, useMountHaptic as _hm } from './haptics'\n\n// ──────────────────────────────────────────────────────────────────────\n// Internal aliases the babel transformer uses. Underscore-prefixed so\n// user code (which imports the public names above) can never collide\n// with what we inject at JSX sites — even if the user shadows\n// `lookupCss` / `useHaptics` / `InteractiveBox` with a local symbol,\n// the transformer's emitted code still references the private alias.\n// Don't import these in app code.\n// ──────────────────────────────────────────────────────────────────────\n/** @internal */\n\n/** @internal */\n\n/** @internal */\n\n/** @internal */\n\nexport type { HapticRequest, HapticTrigger, OnHaptics } from '../core/parser/haptics'\nexport type { AsLinearGradientProps, LinearGradientPoint } from './gradient-types'\nexport type { ThemeTable, ThemeTables } from '../core/types'\nexport { useTheme, useToken, useColor, useSize } from './hooks/use-scheme'\nexport type { Scheme, RnwindConfig } from './types'\n\n/**\n * Installed rnwind version, inlined at publish time. Compare against a pinned\n * string when integrating with build tooling that may see multiple rnwind\n * copies (e.g. workspace overrides).\n */\nexport const VERSION = '0.0.1' as const\n"],"names":[],"mappings":";;;;;;;;;;;AAgDA;;;;AAIG;AACI,MAAM,OAAO,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/cjs/runtime/index.d.ts

@@ -0,0 +1,27 @@
+export { lookupCss, registerAtoms, registerBreakpoints, registerSchemeLoader, setWindowHeightProvider, getBreakpoints, activeBreakpointFor, lookupCss as _l, } from './lookup-css';
+export { useR_ } from './components/rnwind-provider';
+export type { HoistedClassName, InteractState, LookupInsets, SafeMarkerSpec } from './lookup-css';
+export { useCss } from './hooks/use-css';
+export { useInteract } from './hooks/use-interact';
+export type { UseInteractResult } from './hooks/use-interact';
+export { chainPress, chainFocus } from './chain-handlers';
+export { InteractiveBox, InteractiveBox as _ib } from './interactive-box';
+export type { InteractiveBoxProps, InteractiveSpec } from './interactive-box';
+export { RnwindProvider, useRnwind } from './components/rnwind-provider';
+export type { RnwindProviderProps, RnwindState, Insets } from './components/rnwind-provider';
+export { useMountHaptic, triggerHaptic, triggerHaptic as _ht, useMountHaptic as _hm } from './haptics';
+/** @internal */
+/** @internal */
+/** @internal */
+/** @internal */
+export type { HapticRequest, HapticTrigger, OnHaptics } from '../core/parser/haptics';
+export type { AsLinearGradientProps, LinearGradientPoint } from './gradient-types';
+export type { ThemeTable, ThemeTables } from '../core/types';
+export { useTheme, useToken, useColor, useSize } from './hooks/use-scheme';
+export type { Scheme, RnwindConfig } from './types';
+/**
+ * Installed rnwind version, inlined at publish time. Compare against a pinned
+ * string when integrating with build tooling that may see multiple rnwind
+ * copies (e.g. workspace overrides).
+ */
+export declare const VERSION: "0.0.1";

package/lib/cjs/runtime/interactive-box.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+var chainHandlers = require('./chain-handlers.cjs');
+var useInteract = require('./hooks/use-interact.cjs');
+var lookupCss = require('./lookup-css.cjs');
+
+/**
+ * Per-instance wrapper that drives `active:` / `focus:` variants. One
+ * `useInteract()` hook per mounted `InteractiveBox` means each element
+ * owns its own state — siblings never share `active` / `focus` flags.
+ *
+ * The transformer replaces
+ *   `<Pressable className="active:bg-sky-700" onPress={x} />`
+ * with
+ *   `<InteractiveBox _rw={{as: Pressable, cn: _c0, t: _t}} onPress={x} />`.
+ * @param props `_rw` spec + any props to forward to the inner component.
+ * @returns Rendered element of the inner component with interact wiring.
+ */
+function InteractiveBox(props) {
+    const { _rw, onPressIn, onPressOut, onFocus, onBlur, ...rest } = props;
+    const interact = useInteract.useInteract();
+    const merged = {
+        ...rest,
+        style: lookupCss.lookupCss(_rw.cn, _rw.t, _rw.us, interact.state),
+        onPressIn: chainHandlers.chainPress(onPressIn, interact.onPressIn),
+        onPressOut: chainHandlers.chainPress(onPressOut, interact.onPressOut),
+        onFocus: chainHandlers.chainFocus(onFocus, interact.onFocus),
+        onBlur: chainHandlers.chainFocus(onBlur, interact.onBlur),
+    };
+    return React.createElement(_rw.as, merged);
+}
+
+exports.InteractiveBox = InteractiveBox;
+//# sourceMappingURL=interactive-box.cjs.map

package/lib/cjs/runtime/interactive-box.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactive-box.cjs","sources":["../../../../src/runtime/interactive-box.tsx"],"sourcesContent":["import { createElement, type ComponentType, type ElementType, type ReactElement } from 'react'\nimport { chainFocus, chainPress } from './chain-handlers'\nimport { useInteract } from './hooks/use-interact'\nimport { lookupCss, type HoistedClassName } from './lookup-css'\nimport type { RnwindState } from './components/rnwind-provider'\n\n/**\n * Per-element \"interactive\" spec the transformer packs into the `_rw`\n * prop on every JSX site it rewrites for active/focus support. Carrying\n * it as one object prop (rather than four sibling props) keeps the\n * rewritten JSX legible and avoids colliding with any host component's\n * own naming.\n */\nexport interface InteractiveSpec {\n  /** The original JSX tag (`Pressable`, `TextInput`, `Animated.View`, …). */\n  readonly as: ElementType\n  /** Hoisted atom-name array (or a dynamic classname string). */\n  readonly cn: HoistedClassName | string | null | undefined\n  /** Full rnwind context — `_t = useRnwind___()` from the call site. */\n  readonly t: RnwindState\n  /** Optional caller-supplied style forwarded as `lookupCss`'s 3rd arg. */\n  readonly us?: unknown\n}\n\n/** Props InteractiveBox accepts — `_rw` plus anything to forward. */\nexport interface InteractiveBoxProps {\n  /** Compile-time spec packed by the transformer. */\n  readonly _rw: InteractiveSpec\n  /** Every other prop passes through to the inner component. */\n  readonly [key: string]: unknown\n}\n\n/**\n * Per-instance wrapper that drives `active:` / `focus:` variants. One\n * `useInteract()` hook per mounted `InteractiveBox` means each element\n * owns its own state — siblings never share `active` / `focus` flags.\n *\n * The transformer replaces\n *   `<Pressable className=\"active:bg-sky-700\" onPress={x} />`\n * with\n *   `<InteractiveBox _rw={{as: Pressable, cn: _c0, t: _t}} onPress={x} />`.\n * @param props `_rw` spec + any props to forward to the inner component.\n * @returns Rendered element of the inner component with interact wiring.\n */\nexport function InteractiveBox(props: InteractiveBoxProps): ReactElement {\n  const { _rw, onPressIn, onPressOut, onFocus, onBlur, ...rest } = props\n  const interact = useInteract()\n  const merged: Record<string, unknown> = {\n    ...rest,\n    style: lookupCss(_rw.cn, _rw.t, _rw.us, interact.state),\n    onPressIn: chainPress(onPressIn as Parameters<typeof chainPress>[0], interact.onPressIn),\n    onPressOut: chainPress(onPressOut as Parameters<typeof chainPress>[0], interact.onPressOut),\n    onFocus: chainFocus(onFocus as Parameters<typeof chainFocus>[0], interact.onFocus),\n    onBlur: chainFocus(onBlur as Parameters<typeof chainFocus>[0], interact.onBlur),\n  }\n  return createElement(_rw.as as ComponentType<Record<string, unknown>>, merged)\n}\n"],"names":["useInteract","lookupCss","chainPress","chainFocus","createElement"],"mappings":";;;;;;;AAgCA;;;;;;;;;;;AAWG;AACG,SAAU,cAAc,CAAC,KAA0B,EAAA;AACvD,IAAA,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;AACtE,IAAA,MAAM,QAAQ,GAAGA,uBAAW,EAAE;AAC9B,IAAA,MAAM,MAAM,GAA4B;AACtC,QAAA,GAAG,IAAI;AACP,QAAA,KAAK,EAAEC,mBAAS,CAAC,GAAG,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,KAAK,CAAC;QACvD,SAAS,EAAEC,wBAAU,CAAC,SAA6C,EAAE,QAAQ,CAAC,SAAS,CAAC;QACxF,UAAU,EAAEA,wBAAU,CAAC,UAA8C,EAAE,QAAQ,CAAC,UAAU,CAAC;QAC3F,OAAO,EAAEC,wBAAU,CAAC,OAA2C,EAAE,QAAQ,CAAC,OAAO,CAAC;QAClF,MAAM,EAAEA,wBAAU,CAAC,MAA0C,EAAE,QAAQ,CAAC,MAAM,CAAC;KAChF;IACD,OAAOC,mBAAa,CAAC,GAAG,CAAC,EAA4C,EAAE,MAAM,CAAC;AAChF;;;;"}

package/lib/cjs/runtime/interactive-box.d.ts

@@ -0,0 +1,40 @@
+import { type ElementType, type ReactElement } from 'react';
+import { type HoistedClassName } from './lookup-css';
+import type { RnwindState } from './components/rnwind-provider';
+/**
+ * Per-element "interactive" spec the transformer packs into the `_rw`
+ * prop on every JSX site it rewrites for active/focus support. Carrying
+ * it as one object prop (rather than four sibling props) keeps the
+ * rewritten JSX legible and avoids colliding with any host component's
+ * own naming.
+ */
+export interface InteractiveSpec {
+    /** The original JSX tag (`Pressable`, `TextInput`, `Animated.View`, …). */
+    readonly as: ElementType;
+    /** Hoisted atom-name array (or a dynamic classname string). */
+    readonly cn: HoistedClassName | string | null | undefined;
+    /** Full rnwind context — `_t = useRnwind___()` from the call site. */
+    readonly t: RnwindState;
+    /** Optional caller-supplied style forwarded as `lookupCss`'s 3rd arg. */
+    readonly us?: unknown;
+}
+/** Props InteractiveBox accepts — `_rw` plus anything to forward. */
+export interface InteractiveBoxProps {
+    /** Compile-time spec packed by the transformer. */
+    readonly _rw: InteractiveSpec;
+    /** Every other prop passes through to the inner component. */
+    readonly [key: string]: unknown;
+}
+/**
+ * Per-instance wrapper that drives `active:` / `focus:` variants. One
+ * `useInteract()` hook per mounted `InteractiveBox` means each element
+ * owns its own state — siblings never share `active` / `focus` flags.
+ *
+ * The transformer replaces
+ *   `<Pressable className="active:bg-sky-700" onPress={x} />`
+ * with
+ *   `<InteractiveBox _rw={{as: Pressable, cn: _c0, t: _t}} onPress={x} />`.
+ * @param props `_rw` spec + any props to forward to the inner component.
+ * @returns Rendered element of the inner component with interact wiring.
+ */
+export declare function InteractiveBox(props: InteractiveBoxProps): ReactElement;