math-notation 0.1.0 → 0.1.1

package/dist/style.css

@@ -1238,14 +1238,14 @@ html,
   }
 
 .var-scale-wrapper.active {
-    animation: scaleIn 0.2s ease-out forwards;
+    animation: scale-in 0.2s ease-out forwards;
   }
 
 .var-scale-wrapper.scale-out {
-    animation: scaleOut 0.2s ease-out forwards;
+    animation: scale-out 0.2s ease-out forwards;
   }
 
-@keyframes scaleIn {
+@keyframes scale-in {
     from {
       transform: scale(1);
     }
@@ -1254,7 +1254,7 @@ html,
     }
   }
 
-@keyframes scaleOut {
+@keyframes scale-out {
     from {
       transform: scale(1.1);
     }

package/dist/types/index.d.ts

@@ -614,6 +614,11 @@ export declare class ComputationStore {
     getVariables(): Record<string, IVariable>;
 }
 
+/**
+ * User-facing configuration type.
+ */
+export declare type Config = IEnvironment;
+
 declare type ContentChange = {
     type: "delete";
     from: number;
@@ -628,11 +633,11 @@ declare type ContentChange = {
 /**
  * Public API - creates a new Formulize instance with its own isolated stores.
  */
-declare function create(config: FormulizeConfig): Promise<FormulizeInstance>;
+declare function create(config: Config): Promise<Instance>;
 
 /**
  * Factory function to create a new ComputationStore instance.
- * Used for creating scoped stores per FormulizeProvider.
+ * Used for creating scoped stores per Provider.
  */
 export declare function createComputationStore(): ComputationStore;
 
@@ -780,46 +785,6 @@ declare class FormulaLatexRanges {
     withContentChange(change: ContentChange, activeRanges: Set<string>): FormulaLatexRanges;
 }
 
-export declare const Formulize: {
-    create: typeof create;
-};
-
-/**
- * User-facing configuration type.
- */
-export declare type FormulizeConfig = IEnvironment;
-
-declare interface FormulizeContextValue {
-    instance: FormulizeInstance | null;
-    config: FormulizeConfig | null;
-    isLoading: boolean;
-    error: string | null;
-    computationStore: ComputationStore | null;
-    /** Reinitialize steps by re-running the semantics function */
-    reinitialize: () => void;
-}
-
-/**
- * Interface for the object returned by Formulize.create()
- */
-export declare interface FormulizeInstance {
-    environment: IEnvironment;
-    computationStore: ComputationStore;
-    getVariable: (name: string) => IVariable;
-    setVariable: (name: string, value: number) => boolean;
-    update: (config: FormulizeConfig) => Promise<FormulizeInstance>;
-    destroy: () => void;
-}
-
-export declare const FormulizeProvider: default_2.FC<FormulizeProviderProps>;
-
-declare interface FormulizeProviderProps {
-    config?: FormulizeConfig;
-    children: default_2.ReactNode;
-    onError?: (error: string | null) => void;
-    onReady?: (instance: FormulizeInstance) => void;
-}
-
 declare class Fraction extends AugmentedFormulaNodeBase {
     id: string;
     numerator: AugmentedFormulaNode;
@@ -1144,9 +1109,9 @@ declare type IInput = "drag" | "inline";
  *
  * Usage:
  * ```tsx
- * <FormulizeProvider config={config}>
+ * <Provider config={config}>
  *   <p>The formula <InlineFormula id="kinetic-energy" /> shows energy.</p>
- * </FormulizeProvider>
+ * </Provider>
  * ```
  */
 export declare const InlineFormula: default_2.FC<InlineFormulaProps>;
@@ -1167,9 +1132,9 @@ declare interface InlineFormulaProps {
  *
  * Usage:
  * ```tsx
- * <FormulizeProvider config={config}>
+ * <Provider config={config}>
  *   <p>The mass <InlineVariable id="m" display="withUnits" /> affects energy.</p>
- * </FormulizeProvider>
+ * </Provider>
  * ```
  */
 export declare const InlineVariable: default_2.FC<InlineVariableProps>;
@@ -1187,6 +1152,18 @@ declare interface InlineVariableProps {
     scale?: number;
 }
 
+/**
+ * Interface for the object returned by Formulize.create()
+ */
+export declare interface Instance {
+    environment: IEnvironment;
+    computationStore: ComputationStore;
+    getVariable: (name: string) => IVariable;
+    setVariable: (name: string, value: number) => boolean;
+    update: (config: Config) => Promise<Instance>;
+    destroy: () => void;
+}
+
 /**
  * Plot2D visualization configuration.
  * @property type - The type of the plot.
@@ -1489,6 +1466,15 @@ declare class Op extends AugmentedFormulaNodeBase {
     toStyledRanges(): FormulaLatexRangeNode[];
 }
 
+export declare const Provider: default_2.FC<ProviderProps>;
+
+declare interface ProviderProps {
+    config?: Config;
+    children: default_2.ReactNode;
+    onError?: (error: string | null) => void;
+    onReady?: (instance: Instance) => void;
+}
+
 declare type RangeElement = string | LatexRange;
 
 export declare const register: (name: string, component: React.ComponentType<{
@@ -1565,7 +1551,7 @@ declare class Space extends AugmentedFormulaNodeBase {
 
 /**
  * A step control component for navigating through collected steps.
- * Uses the new reactive step system. Must be used inside a FormulizeProvider.
+ * Uses the new reactive step system. Must be used inside a Provider.
  */
 export declare const StepControl: default_2.FC<StepControlProps>;
 
@@ -1574,6 +1560,20 @@ export declare interface StepControlProps {
     className?: string;
 }
 
+export declare const Store: {
+    create: typeof create;
+};
+
+declare interface StoreContextValue {
+    instance: Instance | null;
+    config: Config | null;
+    isLoading: boolean;
+    error: string | null;
+    computationStore: ComputationStore | null;
+    /** Reinitialize steps by re-running the semantics function */
+    reinitialize: () => void;
+}
+
 declare class Strikethrough extends AugmentedFormulaNodeBase {
     id: string;
     body: AugmentedFormulaNode;
@@ -1658,11 +1658,11 @@ declare class UnstyledRange {
 }
 
 /**
- * Hook to access the Formulize context.
- * Returns null if not within FormulizeProvider, allowing components
+ * Hook to access the Core context.
+ * Returns null if not within Provider, allowing components
  * to work both with context and with explicit props.
  */
-export declare const useFormulize: () => FormulizeContextValue | null;
+export declare const useStore: () => StoreContextValue | null;
 
 export declare const Variable: {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "math-notation",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A React component library for mathematical expressions",
   "type": "module",
   "main": "./dist/formulize.cjs.js",