{
  "id": "@typed/ui/Tab#makeState",
  "canonicalId": "@typed/ui/Tab#makeState",
  "symbol": {
    "id": "@typed/ui/Tab#makeState",
    "packageName": "@typed/ui",
    "moduleName": "Tab",
    "exportName": "makeState",
    "kind": "function",
    "signatures": [
      "export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{\n    readonly selectedId: string;\n    readonly activeId: string;\n    readonly activationMode: \"manual\" | \"automatic\";\n    readonly orientation: \"horizontal\" | \"vertical\";\n    readonly loop: boolean;\n    readonly rtl: boolean;\n    readonly virtualFocus: boolean;\n}, Schema.SchemaError, never, never>, never, Scope.Scope>;"
    ],
    "summary": "Creates hydrated Tabs state. The caller supplies value; activeId defaults to value, activation\nis automatic, orientation horizontal, and loop true.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import * as Effect from \"effect/Effect\";\nimport * as Tabs from \"@typed/ui/Tabs\";\n\nconst program = Effect.scoped(\n  Effect.gen(function* () {\n    const state = yield* Tabs.makeState({ selectedId: \"overview\" });\n    const collection = yield* Tabs.makeCollection();\n    return { state: yield* state, collection: yield* collection };\n  }),\n);"
      }
    ],
    "relations": [],
    "source": {
      "file": "packages/ui/src/Tabs.ts",
      "line": 186
    },
    "since": "1.0.0",
    "category": "Selection and focus"
  },
  "exposure": {
    "recordKind": "declaration",
    "id": "@typed/ui/Tab#makeState",
    "packageName": "@typed/ui",
    "packageVersion": "1.0.0-beta.13",
    "moduleName": "Tab",
    "consumerSpecifier": "@typed/ui/Tab",
    "exportName": "makeState",
    "qualifiedName": "makeState",
    "declarationKey": "declaration:80b52a5ff9e69dfbd20992d4",
    "family": "function",
    "signatures": [
      "export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{\n    readonly selectedId: string;\n    readonly activeId: string;\n    readonly activationMode: \"manual\" | \"automatic\";\n    readonly orientation: \"horizontal\" | \"vertical\";\n    readonly loop: boolean;\n    readonly rtl: boolean;\n    readonly virtualFocus: boolean;\n}, Schema.SchemaError, never, never>, never, Scope.Scope>;"
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Tabs.ts",
        "start": {
          "line": 186,
          "column": 1
        },
        "end": {
          "line": 196,
          "column": 2
        }
      }
    ],
    "aliases": [
      "@typed/ui#Tab.makeState",
      "@typed/ui#Tabs.makeState",
      "@typed/ui/Tabs#makeState",
      "@typed/ui/index#Tab.makeState",
      "@typed/ui/index#Tabs.makeState"
    ],
    "isAlias": false,
    "static": false
  },
  "declaration": {
    "declarationKey": "declaration:80b52a5ff9e69dfbd20992d4",
    "name": "makeState",
    "family": "function",
    "facets": [
      {
        "family": "function",
        "syntaxKind": "FunctionDeclaration",
        "signatures": [
          "export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{\n    readonly selectedId: string;\n    readonly activeId: string;\n    readonly activationMode: \"manual\" | \"automatic\";\n    readonly orientation: \"horizontal\" | \"vertical\";\n    readonly loop: boolean;\n    readonly rtl: boolean;\n    readonly virtualFocus: boolean;\n}, Schema.SchemaError, never, never>, never, Scope.Scope>;"
        ],
        "typeParameters": [],
        "sourceSpans": [
          {
            "file": "packages/ui/src/Tabs.ts",
            "start": {
              "line": 186,
              "column": 1
            },
            "end": {
              "line": 196,
              "column": 2
            }
          }
        ],
        "static": false,
        "readonly": false,
        "optional": false
      }
    ],
    "signatures": [
      "export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{\n    readonly selectedId: string;\n    readonly activeId: string;\n    readonly activationMode: \"manual\" | \"automatic\";\n    readonly orientation: \"horizontal\" | \"vertical\";\n    readonly loop: boolean;\n    readonly rtl: boolean;\n    readonly virtualFocus: boolean;\n}, Schema.SchemaError, never, never>, never, Scope.Scope>;"
    ],
    "typeParameters": [],
    "summary": "Creates hydrated Tabs state. The caller supplies value; activeId defaults to value, activation\nis automatic, orientation horizontal, and loop true.",
    "sections": {},
    "examples": [
      {
        "language": "ts",
        "code": "import * as Effect from \"effect/Effect\";\nimport * as Tabs from \"@typed/ui/Tabs\";\n\nconst program = Effect.scoped(\n  Effect.gen(function* () {\n    const state = yield* Tabs.makeState({ selectedId: \"overview\" });\n    const collection = yield* Tabs.makeCollection();\n    return { state: yield* state, collection: yield* collection };\n  }),\n);"
      }
    ],
    "sourceSpans": [
      {
        "file": "packages/ui/src/Tabs.ts",
        "start": {
          "line": 186,
          "column": 1
        },
        "end": {
          "line": 196,
          "column": 2
        }
      }
    ],
    "since": "1.0.0",
    "category": "Selection and focus"
  }
}