# WindowSplitter.makeState

Creates hydrated splitter state and clamps the initial value.

## Signatures

```ts
export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{
    readonly value: number;
    readonly previousValue: number;
    readonly min: number;
    readonly max: number;
    readonly step: number;
    readonly orientation: "horizontal" | "vertical";
}, Schema.SchemaError, never, never>, never, Scope.Scope>;
```



## Examples

```ts
import { Effect } from "effect"
import * as WindowSplitter from "@typed/ui/WindowSplitter"

const program = Effect.gen(function* () {
  return yield* WindowSplitter.makeState({ value: 320, min: 180, max: 640 })
})
```