@workday/canvas-kit-docs 14.2.0-0055-next.0 → 14.2.0-0059-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/es6/lib/StorybookStatusIndicator.d.ts +1 -1
  2. package/dist/es6/lib/StorybookStatusIndicator.d.ts.map +1 -1
  3. package/dist/es6/lib/StorybookStatusIndicator.js +12 -14
  4. package/dist/es6/lib/docs.js +3457 -147
  5. package/dist/mdx/labs-react/side-panel/SidePanel.mdx +256 -0
  6. package/dist/mdx/labs-react/side-panel/examples/AlwaysOpen.tsx +52 -0
  7. package/dist/mdx/labs-react/side-panel/examples/Basic.tsx +55 -0
  8. package/dist/mdx/labs-react/side-panel/examples/ExternalControl.tsx +75 -0
  9. package/dist/mdx/labs-react/side-panel/examples/HiddenName.tsx +41 -0
  10. package/dist/mdx/labs-react/side-panel/examples/OnStateTransition.tsx +49 -0
  11. package/dist/mdx/labs-react/side-panel/examples/RightOrigin.tsx +73 -0
  12. package/dist/mdx/labs-react/side-panel/examples/Variant.tsx +60 -0
  13. package/dist/mdx/labs-react/side-panel/examples/useDirection.ts +23 -0
  14. package/dist/mdx/preview-react/side-panel/SidePanel.mdx +15 -3
  15. package/lib/StorybookStatusIndicator.tsx +17 -14
  16. package/package.json +6 -6
package/dist/es6/lib/docs.js CHANGED
@@ -3778,6 +3778,3296 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
3778
3778
  "value": "SearchThemes"
3779
3779
  }
3780
3780
  },
3781
+ {
3782
+ "name": "useSidePanelContainer",
3783
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
3784
+ "description": "Adds the necessary props to the SidePanel container element.\nThis includes the `id` and `aria-labelledby` attributes for accessibility.",
3785
+ "declarations": [
3786
+ {
3787
+ "name": "useSidePanelContainer",
3788
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
3789
+ }
3790
+ ],
3791
+ "tags": {},
3792
+ "type": {
3793
+ "kind": "function",
3794
+ "name": {
3795
+ "kind": "symbol",
3796
+ "name": "createElemPropsHook"
3797
+ },
3798
+ "parameters": [
3799
+ {
3800
+ "kind": "parameter",
3801
+ "name": "model",
3802
+ "description": "",
3803
+ "tags": {},
3804
+ "declarations": [],
3805
+ "type": {
3806
+ "kind": "symbol",
3807
+ "name": "SidePanelModel"
3808
+ },
3809
+ "required": true
3810
+ },
3811
+ {
3812
+ "kind": "parameter",
3813
+ "name": "elemProps",
3814
+ "description": "",
3815
+ "tags": {},
3816
+ "declarations": [],
3817
+ "type": {
3818
+ "kind": "object",
3819
+ "properties": []
3820
+ },
3821
+ "required": false
3822
+ },
3823
+ {
3824
+ "kind": "parameter",
3825
+ "name": "ref",
3826
+ "description": "",
3827
+ "tags": {},
3828
+ "declarations": [],
3829
+ "type": {
3830
+ "kind": "external",
3831
+ "name": "React.Ref",
3832
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html"
3833
+ },
3834
+ "required": false
3835
+ }
3836
+ ],
3837
+ "returnType": {
3838
+ "kind": "object",
3839
+ "properties": [
3840
+ {
3841
+ "kind": "property",
3842
+ "name": "id",
3843
+ "required": true,
3844
+ "type": {
3845
+ "kind": "primitive",
3846
+ "value": "string"
3847
+ },
3848
+ "description": "",
3849
+ "tags": {},
3850
+ "declarations": []
3851
+ },
3852
+ {
3853
+ "kind": "property",
3854
+ "name": "aria-labelledby",
3855
+ "required": true,
3856
+ "type": {
3857
+ "kind": "primitive",
3858
+ "value": "string"
3859
+ },
3860
+ "description": "",
3861
+ "tags": {},
3862
+ "declarations": []
3863
+ },
3864
+ {
3865
+ "kind": "property",
3866
+ "name": "onTransitionEnd",
3867
+ "required": true,
3868
+ "type": {
3869
+ "kind": "function",
3870
+ "parameters": [
3871
+ {
3872
+ "kind": "parameter",
3873
+ "name": "event",
3874
+ "type": {
3875
+ "kind": "symbol",
3876
+ "name": "React.TransitionEvent",
3877
+ "typeParameters": [
3878
+ {
3879
+ "kind": "symbol",
3880
+ "name": "HTMLDivElement",
3881
+ "value": "HTMLDivElement"
3882
+ }
3883
+ ],
3884
+ "value": "TransitionEvent<T>"
3885
+ },
3886
+ "required": true,
3887
+ "rest": false,
3888
+ "description": "",
3889
+ "declarations": [
3890
+ {
3891
+ "name": "event",
3892
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
3893
+ }
3894
+ ],
3895
+ "tags": {}
3896
+ }
3897
+ ],
3898
+ "members": [],
3899
+ "returnType": {
3900
+ "kind": "symbol",
3901
+ "name": "TransitionEvent",
3902
+ "typeParameters": [
3903
+ {
3904
+ "kind": "symbol",
3905
+ "name": "HTMLDivElement",
3906
+ "value": "any"
3907
+ }
3908
+ ],
3909
+ "value": "any"
3910
+ }
3911
+ },
3912
+ "description": "",
3913
+ "tags": {},
3914
+ "declarations": []
3915
+ }
3916
+ ]
3917
+ }
3918
+ }
3919
+ },
3920
+ {
3921
+ "name": "SidePanelVariant",
3922
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
3923
+ "description": "",
3924
+ "declarations": [
3925
+ {
3926
+ "name": "SidePanelVariant",
3927
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
3928
+ }
3929
+ ],
3930
+ "tags": {},
3931
+ "type": {
3932
+ "kind": "type",
3933
+ "typeParameters": [],
3934
+ "value": {
3935
+ "kind": "union",
3936
+ "value": [
3937
+ {
3938
+ "kind": "string",
3939
+ "value": "standard"
3940
+ },
3941
+ {
3942
+ "kind": "string",
3943
+ "value": "alternate"
3944
+ }
3945
+ ]
3946
+ }
3947
+ }
3948
+ },
3949
+ {
3950
+ "name": "SidePanelProps",
3951
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
3952
+ "description": "",
3953
+ "declarations": [
3954
+ {
3955
+ "name": "SidePanelProps",
3956
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
3957
+ }
3958
+ ],
3959
+ "tags": {},
3960
+ "type": {
3961
+ "kind": "alias",
3962
+ "name": "SidePanel"
3963
+ }
3964
+ },
3965
+ {
3966
+ "name": "panelStencil",
3967
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
3968
+ "description": "",
3969
+ "declarations": [
3970
+ {
3971
+ "name": "panelStencil",
3972
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
3973
+ }
3974
+ ],
3975
+ "tags": {},
3976
+ "type": {
3977
+ "kind": "function",
3978
+ "parameters": [
3979
+ {
3980
+ "kind": "parameter",
3981
+ "name": "options",
3982
+ "type": {
3983
+ "kind": "conditional",
3984
+ "check": {
3985
+ "kind": "tuple",
3986
+ "value": [
3987
+ {
3988
+ "kind": "symbol",
3989
+ "name": "E",
3990
+ "value": "E"
3991
+ }
3992
+ ]
3993
+ },
3994
+ "extends": {
3995
+ "kind": "tuple",
3996
+ "value": [
3997
+ {
3998
+ "kind": "primitive",
3999
+ "value": "never"
4000
+ }
4001
+ ]
4002
+ },
4003
+ "trueType": {
4004
+ "kind": "intersection",
4005
+ "value": [
4006
+ {
4007
+ "kind": "symbol",
4008
+ "name": "ModifierValuesStencil",
4009
+ "typeParameters": [
4010
+ {
4011
+ "kind": "symbol",
4012
+ "name": "M",
4013
+ "value": "M"
4014
+ },
4015
+ {
4016
+ "kind": "symbol",
4017
+ "name": "V",
4018
+ "value": "V"
4019
+ }
4020
+ ],
4021
+ "value": "ModifierValuesStencil<M, V>"
4022
+ },
4023
+ {
4024
+ "kind": "symbol",
4025
+ "name": "VariableValuesStencil",
4026
+ "typeParameters": [
4027
+ {
4028
+ "kind": "symbol",
4029
+ "name": "V",
4030
+ "value": "V"
4031
+ }
4032
+ ],
4033
+ "value": "VariableValuesStencil<V>"
4034
+ }
4035
+ ]
4036
+ },
4037
+ "falseType": {
4038
+ "kind": "conditional",
4039
+ "check": {
4040
+ "kind": "symbol",
4041
+ "name": "E",
4042
+ "value": "E"
4043
+ },
4044
+ "extends": {
4045
+ "kind": "symbol",
4046
+ "name": "BaseStencil",
4047
+ "typeParameters": [
4048
+ {
4049
+ "kind": "infer",
4050
+ "value": {
4051
+ "kind": "typeParameter",
4052
+ "name": "ME",
4053
+ "required": true
4054
+ }
4055
+ },
4056
+ {
4057
+ "kind": "primitive",
4058
+ "value": "any"
4059
+ },
4060
+ {
4061
+ "kind": "infer",
4062
+ "value": {
4063
+ "kind": "typeParameter",
4064
+ "name": "VE",
4065
+ "required": true
4066
+ }
4067
+ },
4068
+ {
4069
+ "kind": "primitive",
4070
+ "value": "any"
4071
+ },
4072
+ {
4073
+ "kind": "primitive",
4074
+ "value": "any"
4075
+ }
4076
+ ],
4077
+ "value": "BaseStencil<M, P, V, E, ID>"
4078
+ },
4079
+ "trueType": {
4080
+ "kind": "intersection",
4081
+ "value": [
4082
+ {
4083
+ "kind": "symbol",
4084
+ "name": "ModifierValuesStencil",
4085
+ "typeParameters": [
4086
+ {
4087
+ "kind": "intersection",
4088
+ "value": [
4089
+ {
4090
+ "kind": "symbol",
4091
+ "name": "ME",
4092
+ "value": "ME"
4093
+ },
4094
+ {
4095
+ "kind": "symbol",
4096
+ "name": "M",
4097
+ "value": "M"
4098
+ }
4099
+ ]
4100
+ },
4101
+ {
4102
+ "kind": "intersection",
4103
+ "value": [
4104
+ {
4105
+ "kind": "symbol",
4106
+ "name": "VE",
4107
+ "value": "VE"
4108
+ },
4109
+ {
4110
+ "kind": "symbol",
4111
+ "name": "V",
4112
+ "value": "V"
4113
+ }
4114
+ ]
4115
+ }
4116
+ ],
4117
+ "value": "ModifierValuesStencil<M, V>"
4118
+ },
4119
+ {
4120
+ "kind": "symbol",
4121
+ "name": "VariableValuesStencil",
4122
+ "typeParameters": [
4123
+ {
4124
+ "kind": "intersection",
4125
+ "value": [
4126
+ {
4127
+ "kind": "symbol",
4128
+ "name": "VE",
4129
+ "value": "VE"
4130
+ },
4131
+ {
4132
+ "kind": "symbol",
4133
+ "name": "V",
4134
+ "value": "V"
4135
+ }
4136
+ ]
4137
+ }
4138
+ ],
4139
+ "value": "VariableValuesStencil<V>"
4140
+ }
4141
+ ]
4142
+ },
4143
+ "falseType": {
4144
+ "kind": "primitive",
4145
+ "value": "never"
4146
+ }
4147
+ }
4148
+ },
4149
+ "required": false,
4150
+ "rest": false,
4151
+ "description": "",
4152
+ "declarations": [
4153
+ {
4154
+ "name": "options",
4155
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4156
+ }
4157
+ ],
4158
+ "tags": {}
4159
+ }
4160
+ ],
4161
+ "members": [
4162
+ {
4163
+ "kind": "property",
4164
+ "name": "parts",
4165
+ "required": true,
4166
+ "type": {
4167
+ "kind": "conditional",
4168
+ "check": {
4169
+ "kind": "tuple",
4170
+ "value": [
4171
+ {
4172
+ "kind": "symbol",
4173
+ "name": "E",
4174
+ "value": "E"
4175
+ }
4176
+ ]
4177
+ },
4178
+ "extends": {
4179
+ "kind": "tuple",
4180
+ "value": [
4181
+ {
4182
+ "kind": "symbol",
4183
+ "name": "BaseStencil",
4184
+ "typeParameters": [
4185
+ {
4186
+ "kind": "primitive",
4187
+ "value": "any"
4188
+ },
4189
+ {
4190
+ "kind": "infer",
4191
+ "value": {
4192
+ "kind": "typeParameter",
4193
+ "name": "PE",
4194
+ "required": true
4195
+ }
4196
+ },
4197
+ {
4198
+ "kind": "primitive",
4199
+ "value": "any"
4200
+ },
4201
+ {
4202
+ "kind": "primitive",
4203
+ "value": "any"
4204
+ },
4205
+ {
4206
+ "kind": "primitive",
4207
+ "value": "any"
4208
+ }
4209
+ ],
4210
+ "value": "BaseStencil<M, P, V, E, ID>"
4211
+ }
4212
+ ]
4213
+ },
4214
+ "trueType": {
4215
+ "kind": "symbol",
4216
+ "name": "StencilPartProps",
4217
+ "typeParameters": [
4218
+ {
4219
+ "kind": "intersection",
4220
+ "value": [
4221
+ {
4222
+ "kind": "symbol",
4223
+ "name": "PE",
4224
+ "value": "PE"
4225
+ },
4226
+ {
4227
+ "kind": "symbol",
4228
+ "name": "P",
4229
+ "value": "P"
4230
+ }
4231
+ ]
4232
+ }
4233
+ ],
4234
+ "value": "StencilPartProps<T>"
4235
+ },
4236
+ "falseType": {
4237
+ "kind": "symbol",
4238
+ "name": "StencilPartProps",
4239
+ "typeParameters": [
4240
+ {
4241
+ "kind": "symbol",
4242
+ "name": "P",
4243
+ "value": "P"
4244
+ }
4245
+ ],
4246
+ "value": "StencilPartProps<T>"
4247
+ }
4248
+ },
4249
+ "description": "",
4250
+ "declarations": [
4251
+ {
4252
+ "name": "parts",
4253
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4254
+ }
4255
+ ],
4256
+ "tags": {}
4257
+ },
4258
+ {
4259
+ "kind": "property",
4260
+ "name": "vars",
4261
+ "required": true,
4262
+ "type": {
4263
+ "kind": "symbol",
4264
+ "name": "StencilDefaultVars",
4265
+ "typeParameters": [
4266
+ {
4267
+ "kind": "symbol",
4268
+ "name": "V",
4269
+ "value": "V"
4270
+ },
4271
+ {
4272
+ "kind": "symbol",
4273
+ "name": "E",
4274
+ "value": "E"
4275
+ },
4276
+ {
4277
+ "kind": "symbol",
4278
+ "name": "ID",
4279
+ "value": "ID"
4280
+ }
4281
+ ],
4282
+ "value": "StencilDefaultVars<V, E, ID>"
4283
+ },
4284
+ "description": "",
4285
+ "declarations": [
4286
+ {
4287
+ "name": "vars",
4288
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4289
+ }
4290
+ ],
4291
+ "tags": {}
4292
+ },
4293
+ {
4294
+ "kind": "property",
4295
+ "name": "base",
4296
+ "required": true,
4297
+ "type": {
4298
+ "kind": "primitive",
4299
+ "value": "string"
4300
+ },
4301
+ "description": "",
4302
+ "declarations": [
4303
+ {
4304
+ "name": "base",
4305
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4306
+ }
4307
+ ],
4308
+ "tags": {}
4309
+ },
4310
+ {
4311
+ "kind": "property",
4312
+ "name": "modifiers",
4313
+ "required": true,
4314
+ "type": {
4315
+ "kind": "conditional",
4316
+ "check": {
4317
+ "kind": "tuple",
4318
+ "value": [
4319
+ {
4320
+ "kind": "symbol",
4321
+ "name": "E",
4322
+ "value": "E"
4323
+ }
4324
+ ]
4325
+ },
4326
+ "extends": {
4327
+ "kind": "tuple",
4328
+ "value": [
4329
+ {
4330
+ "kind": "symbol",
4331
+ "name": "BaseStencil",
4332
+ "typeParameters": [
4333
+ {
4334
+ "kind": "infer",
4335
+ "value": {
4336
+ "kind": "typeParameter",
4337
+ "name": "ME",
4338
+ "required": true
4339
+ }
4340
+ },
4341
+ {
4342
+ "kind": "primitive",
4343
+ "value": "any"
4344
+ },
4345
+ {
4346
+ "kind": "infer",
4347
+ "value": {
4348
+ "kind": "typeParameter",
4349
+ "name": "VE",
4350
+ "required": true
4351
+ }
4352
+ },
4353
+ {
4354
+ "kind": "primitive",
4355
+ "value": "any"
4356
+ },
4357
+ {
4358
+ "kind": "primitive",
4359
+ "value": "any"
4360
+ }
4361
+ ],
4362
+ "value": "BaseStencil<M, P, V, E, ID>"
4363
+ }
4364
+ ]
4365
+ },
4366
+ "trueType": {
4367
+ "kind": "symbol",
4368
+ "name": "StencilModifierReturn",
4369
+ "typeParameters": [
4370
+ {
4371
+ "kind": "intersection",
4372
+ "value": [
4373
+ {
4374
+ "kind": "symbol",
4375
+ "name": "ME",
4376
+ "value": "ME"
4377
+ },
4378
+ {
4379
+ "kind": "symbol",
4380
+ "name": "M",
4381
+ "value": "M"
4382
+ }
4383
+ ]
4384
+ },
4385
+ {
4386
+ "kind": "intersection",
4387
+ "value": [
4388
+ {
4389
+ "kind": "symbol",
4390
+ "name": "VE",
4391
+ "value": "VE"
4392
+ },
4393
+ {
4394
+ "kind": "symbol",
4395
+ "name": "V",
4396
+ "value": "V"
4397
+ }
4398
+ ]
4399
+ }
4400
+ ],
4401
+ "value": "StencilModifierReturn<M, V>"
4402
+ },
4403
+ "falseType": {
4404
+ "kind": "symbol",
4405
+ "name": "StencilModifierReturn",
4406
+ "typeParameters": [
4407
+ {
4408
+ "kind": "symbol",
4409
+ "name": "M",
4410
+ "value": "M"
4411
+ },
4412
+ {
4413
+ "kind": "symbol",
4414
+ "name": "V",
4415
+ "value": "V"
4416
+ }
4417
+ ],
4418
+ "value": "StencilModifierReturn<M, V>"
4419
+ }
4420
+ },
4421
+ "description": "",
4422
+ "declarations": [
4423
+ {
4424
+ "name": "modifiers",
4425
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4426
+ }
4427
+ ],
4428
+ "tags": {}
4429
+ },
4430
+ {
4431
+ "kind": "property",
4432
+ "name": "defaultModifiers",
4433
+ "required": true,
4434
+ "type": {
4435
+ "kind": "conditional",
4436
+ "check": {
4437
+ "kind": "tuple",
4438
+ "value": [
4439
+ {
4440
+ "kind": "symbol",
4441
+ "name": "E",
4442
+ "value": "E"
4443
+ }
4444
+ ]
4445
+ },
4446
+ "extends": {
4447
+ "kind": "tuple",
4448
+ "value": [
4449
+ {
4450
+ "kind": "symbol",
4451
+ "name": "BaseStencil",
4452
+ "typeParameters": [
4453
+ {
4454
+ "kind": "infer",
4455
+ "value": {
4456
+ "kind": "typeParameter",
4457
+ "name": "ME",
4458
+ "required": true
4459
+ }
4460
+ },
4461
+ {
4462
+ "kind": "primitive",
4463
+ "value": "any"
4464
+ },
4465
+ {
4466
+ "kind": "primitive",
4467
+ "value": "any"
4468
+ },
4469
+ {
4470
+ "kind": "primitive",
4471
+ "value": "any"
4472
+ },
4473
+ {
4474
+ "kind": "primitive",
4475
+ "value": "any"
4476
+ }
4477
+ ],
4478
+ "value": "BaseStencil<M, P, V, E, ID>"
4479
+ }
4480
+ ]
4481
+ },
4482
+ "trueType": {
4483
+ "kind": "symbol",
4484
+ "name": "StencilDefaultModifierReturn",
4485
+ "typeParameters": [
4486
+ {
4487
+ "kind": "intersection",
4488
+ "value": [
4489
+ {
4490
+ "kind": "symbol",
4491
+ "name": "ME",
4492
+ "value": "ME"
4493
+ },
4494
+ {
4495
+ "kind": "symbol",
4496
+ "name": "M",
4497
+ "value": "M"
4498
+ }
4499
+ ]
4500
+ }
4501
+ ],
4502
+ "value": "StencilDefaultModifierReturn<M>"
4503
+ },
4504
+ "falseType": {
4505
+ "kind": "symbol",
4506
+ "name": "StencilDefaultModifierReturn",
4507
+ "typeParameters": [
4508
+ {
4509
+ "kind": "symbol",
4510
+ "name": "M",
4511
+ "value": "M"
4512
+ }
4513
+ ],
4514
+ "value": "StencilDefaultModifierReturn<M>"
4515
+ }
4516
+ },
4517
+ "description": "",
4518
+ "declarations": [
4519
+ {
4520
+ "name": "defaultModifiers",
4521
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4522
+ }
4523
+ ],
4524
+ "tags": {}
4525
+ },
4526
+ {
4527
+ "kind": "property",
4528
+ "name": "__extends",
4529
+ "required": false,
4530
+ "type": {
4531
+ "kind": "symbol",
4532
+ "name": "E",
4533
+ "value": "E"
4534
+ },
4535
+ "description": "",
4536
+ "declarations": [
4537
+ {
4538
+ "name": "__extends",
4539
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4540
+ }
4541
+ ],
4542
+ "tags": {}
4543
+ },
4544
+ {
4545
+ "kind": "property",
4546
+ "name": "__vars",
4547
+ "required": true,
4548
+ "type": {
4549
+ "kind": "symbol",
4550
+ "name": "V",
4551
+ "value": "V"
4552
+ },
4553
+ "description": "",
4554
+ "declarations": [
4555
+ {
4556
+ "name": "__vars",
4557
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4558
+ }
4559
+ ],
4560
+ "tags": {}
4561
+ },
4562
+ {
4563
+ "kind": "property",
4564
+ "name": "__modifiers",
4565
+ "required": true,
4566
+ "type": {
4567
+ "kind": "symbol",
4568
+ "name": "M",
4569
+ "value": "M"
4570
+ },
4571
+ "description": "",
4572
+ "declarations": [
4573
+ {
4574
+ "name": "__modifiers",
4575
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4576
+ }
4577
+ ],
4578
+ "tags": {}
4579
+ },
4580
+ {
4581
+ "kind": "property",
4582
+ "name": "__id",
4583
+ "required": true,
4584
+ "type": {
4585
+ "kind": "symbol",
4586
+ "name": "ID",
4587
+ "value": "ID"
4588
+ },
4589
+ "description": "",
4590
+ "declarations": [
4591
+ {
4592
+ "name": "__id",
4593
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4594
+ }
4595
+ ],
4596
+ "tags": {}
4597
+ },
4598
+ {
4599
+ "kind": "property",
4600
+ "name": "__parts",
4601
+ "required": false,
4602
+ "type": {
4603
+ "kind": "symbol",
4604
+ "name": "P",
4605
+ "value": "P"
4606
+ },
4607
+ "description": "",
4608
+ "declarations": [
4609
+ {
4610
+ "name": "__parts",
4611
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4612
+ }
4613
+ ],
4614
+ "tags": {}
4615
+ }
4616
+ ],
4617
+ "returnType": {
4618
+ "kind": "object",
4619
+ "properties": [
4620
+ {
4621
+ "kind": "property",
4622
+ "name": "className",
4623
+ "required": true,
4624
+ "type": {
4625
+ "kind": "primitive",
4626
+ "value": "string"
4627
+ },
4628
+ "description": "",
4629
+ "declarations": [
4630
+ {
4631
+ "name": "className",
4632
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4633
+ }
4634
+ ],
4635
+ "tags": {}
4636
+ },
4637
+ {
4638
+ "kind": "property",
4639
+ "name": "style",
4640
+ "required": false,
4641
+ "type": {
4642
+ "kind": "external",
4643
+ "name": "Record",
4644
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
4645
+ "typeParameters": [
4646
+ {
4647
+ "kind": "primitive",
4648
+ "value": "string"
4649
+ },
4650
+ {
4651
+ "kind": "primitive",
4652
+ "value": "string"
4653
+ }
4654
+ ]
4655
+ },
4656
+ "description": "",
4657
+ "declarations": [
4658
+ {
4659
+ "name": "style",
4660
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
4661
+ }
4662
+ ],
4663
+ "tags": {}
4664
+ }
4665
+ ]
4666
+ }
4667
+ }
4668
+ },
4669
+ {
4670
+ "name": "SidePanel",
4671
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx",
4672
+ "description": "",
4673
+ "declarations": [
4674
+ {
4675
+ "name": "SidePanel",
4676
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4677
+ }
4678
+ ],
4679
+ "tags": {},
4680
+ "type": {
4681
+ "kind": "enhancedComponent",
4682
+ "componentType": "container",
4683
+ "displayName": "SidePanel",
4684
+ "elemPropsHook": "useSidePanelContainer",
4685
+ "props": [
4686
+ {
4687
+ "kind": "property",
4688
+ "name": "collapsedWidth",
4689
+ "required": false,
4690
+ "type": {
4691
+ "kind": "union",
4692
+ "value": [
4693
+ {
4694
+ "kind": "primitive",
4695
+ "value": "number"
4696
+ },
4697
+ {
4698
+ "kind": "primitive",
4699
+ "value": "string"
4700
+ }
4701
+ ]
4702
+ },
4703
+ "description": "The width of the component (in `px` if it's a `number`) when it is collapsed.",
4704
+ "declarations": [
4705
+ {
4706
+ "name": "collapsedWidth",
4707
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4708
+ }
4709
+ ],
4710
+ "tags": {
4711
+ "default": "64"
4712
+ },
4713
+ "defaultValue": {
4714
+ "kind": "number",
4715
+ "value": 64
4716
+ }
4717
+ },
4718
+ {
4719
+ "kind": "property",
4720
+ "name": "expandedWidth",
4721
+ "required": false,
4722
+ "type": {
4723
+ "kind": "union",
4724
+ "value": [
4725
+ {
4726
+ "kind": "primitive",
4727
+ "value": "number"
4728
+ },
4729
+ {
4730
+ "kind": "primitive",
4731
+ "value": "string"
4732
+ }
4733
+ ]
4734
+ },
4735
+ "description": "The width of the component (in `px` if it's a `number`) when it is expanded.",
4736
+ "declarations": [
4737
+ {
4738
+ "name": "expandedWidth",
4739
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4740
+ }
4741
+ ],
4742
+ "tags": {
4743
+ "default": "320"
4744
+ },
4745
+ "defaultValue": {
4746
+ "kind": "number",
4747
+ "value": 320
4748
+ }
4749
+ },
4750
+ {
4751
+ "kind": "property",
4752
+ "name": "variant",
4753
+ "required": false,
4754
+ "type": {
4755
+ "kind": "symbol",
4756
+ "name": "SidePanelVariant",
4757
+ "value": "SidePanelVariant"
4758
+ },
4759
+ "description": "The style variant of the side panel. 'standard' uses a lighter gray background (`system.color.bg.alt.softer`), no depth. 'alternate' uses a white background with depth (`system.color.bg.default` and level 5 depth).",
4760
+ "declarations": [
4761
+ {
4762
+ "name": "variant",
4763
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4764
+ }
4765
+ ],
4766
+ "tags": {
4767
+ "default": "'standard'"
4768
+ },
4769
+ "defaultValue": {
4770
+ "kind": "string",
4771
+ "value": "standard"
4772
+ }
4773
+ },
4774
+ {
4775
+ "kind": "property",
4776
+ "name": "children",
4777
+ "required": false,
4778
+ "type": {
4779
+ "kind": "external",
4780
+ "name": "ReactNode",
4781
+ "url": "https://reactjs.org/docs/rendering-elements.html"
4782
+ },
4783
+ "description": "",
4784
+ "declarations": [
4785
+ {
4786
+ "name": "children",
4787
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4788
+ }
4789
+ ],
4790
+ "tags": {}
4791
+ },
4792
+ {
4793
+ "kind": "property",
4794
+ "name": "as",
4795
+ "description": "Optional override of the default element used by the component. Any valid tag or Component. If you provided a Component, this component should forward the ref using `React.forwardRef`and spread extra props to a root element.\n\n**Note:** Not all elements make sense and some elements may cause accessibility issues. Change this value with care.",
4796
+ "tags": {},
4797
+ "declarations": [],
4798
+ "type": {
4799
+ "kind": "external",
4800
+ "name": "React.ElementType",
4801
+ "url": "https://developer.mozilla.org/en-US/docs/Web/API/element"
4802
+ },
4803
+ "defaultValue": {
4804
+ "kind": "external",
4805
+ "name": "section",
4806
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
4807
+ }
4808
+ },
4809
+ {
4810
+ "kind": "property",
4811
+ "name": "ref",
4812
+ "description": "Optional ref. If the component represents an element, this ref will be a reference to the real DOM element of the component. If `as` is set to an element, it will be that element. If `as` is a component, the reference will be to that component (or element if the component uses `React.forwardRef`).",
4813
+ "tags": {},
4814
+ "declarations": [],
4815
+ "type": {
4816
+ "kind": "external",
4817
+ "name": "React.Ref",
4818
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html",
4819
+ "typeParameters": [
4820
+ {
4821
+ "kind": "typeParameter",
4822
+ "name": "R",
4823
+ "required": true,
4824
+ "defaultValue": {
4825
+ "kind": "external",
4826
+ "name": "section",
4827
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
4828
+ }
4829
+ }
4830
+ ]
4831
+ }
4832
+ },
4833
+ {
4834
+ "kind": "property",
4835
+ "name": "model",
4836
+ "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
4837
+ "tags": {},
4838
+ "declarations": [],
4839
+ "type": {
4840
+ "kind": "symbol",
4841
+ "name": "SidePanelModel"
4842
+ }
4843
+ },
4844
+ {
4845
+ "kind": "property",
4846
+ "name": "elemPropsHook",
4847
+ "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
4848
+ "tags": {},
4849
+ "declarations": [],
4850
+ "type": {
4851
+ "kind": "function",
4852
+ "parameters": [
4853
+ {
4854
+ "kind": "parameter",
4855
+ "description": "",
4856
+ "tags": {},
4857
+ "declarations": [],
4858
+ "name": "model",
4859
+ "type": {
4860
+ "kind": "symbol",
4861
+ "name": "SidePanelModel"
4862
+ },
4863
+ "required": true
4864
+ },
4865
+ {
4866
+ "kind": "parameter",
4867
+ "description": "",
4868
+ "tags": {},
4869
+ "declarations": [],
4870
+ "name": "elemProps",
4871
+ "type": {
4872
+ "kind": "generic",
4873
+ "name": "TProps"
4874
+ }
4875
+ }
4876
+ ],
4877
+ "returnType": {
4878
+ "kind": "external",
4879
+ "name": "HTML Attributes",
4880
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
4881
+ }
4882
+ }
4883
+ }
4884
+ ],
4885
+ "baseElement": {
4886
+ "kind": "external",
4887
+ "name": "section",
4888
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/section"
4889
+ },
4890
+ "model": "SidePanelModel",
4891
+ "subComponents": [
4892
+ {
4893
+ "name": "ToggleButton",
4894
+ "symbol": "SidePanelToggleButton",
4895
+ "description": "`SidePanel.ToggleButton` is a control that toggles between expanded and collapsed states.\nIt must be used within the `SidePanel` component as a child. For accessibility purposes,\nit should be the first focusable element in the panel.\n\nThe button automatically receives `aria-controls`, `aria-expanded`, and `aria-labelledby`\nattributes from the model.",
4896
+ "declarations": [
4897
+ {
4898
+ "name": "ToggleButton",
4899
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanel.tsx"
4900
+ },
4901
+ {
4902
+ "name": "SidePanelToggleButton",
4903
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
4904
+ }
4905
+ ],
4906
+ "tags": {}
4907
+ }
4908
+ ]
4909
+ }
4910
+ },
4911
+ {
4912
+ "name": "SidePanelToggleButtonProps",
4913
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
4914
+ "description": "",
4915
+ "declarations": [
4916
+ {
4917
+ "name": "SidePanelToggleButtonProps",
4918
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
4919
+ }
4920
+ ],
4921
+ "tags": {},
4922
+ "type": {
4923
+ "kind": "alias",
4924
+ "name": "SidePanelToggleButton"
4925
+ }
4926
+ },
4927
+ {
4928
+ "name": "sidePanelToggleButtonStencil",
4929
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
4930
+ "description": "",
4931
+ "declarations": [
4932
+ {
4933
+ "name": "sidePanelToggleButtonStencil",
4934
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
4935
+ }
4936
+ ],
4937
+ "tags": {},
4938
+ "type": {
4939
+ "kind": "function",
4940
+ "parameters": [
4941
+ {
4942
+ "kind": "parameter",
4943
+ "name": "options",
4944
+ "type": {
4945
+ "kind": "conditional",
4946
+ "check": {
4947
+ "kind": "tuple",
4948
+ "value": [
4949
+ {
4950
+ "kind": "symbol",
4951
+ "name": "E",
4952
+ "value": "E"
4953
+ }
4954
+ ]
4955
+ },
4956
+ "extends": {
4957
+ "kind": "tuple",
4958
+ "value": [
4959
+ {
4960
+ "kind": "primitive",
4961
+ "value": "never"
4962
+ }
4963
+ ]
4964
+ },
4965
+ "trueType": {
4966
+ "kind": "intersection",
4967
+ "value": [
4968
+ {
4969
+ "kind": "symbol",
4970
+ "name": "ModifierValuesStencil",
4971
+ "typeParameters": [
4972
+ {
4973
+ "kind": "symbol",
4974
+ "name": "M",
4975
+ "value": "M"
4976
+ },
4977
+ {
4978
+ "kind": "symbol",
4979
+ "name": "V",
4980
+ "value": "V"
4981
+ }
4982
+ ],
4983
+ "value": "ModifierValuesStencil<M, V>"
4984
+ },
4985
+ {
4986
+ "kind": "symbol",
4987
+ "name": "VariableValuesStencil",
4988
+ "typeParameters": [
4989
+ {
4990
+ "kind": "symbol",
4991
+ "name": "V",
4992
+ "value": "V"
4993
+ }
4994
+ ],
4995
+ "value": "VariableValuesStencil<V>"
4996
+ }
4997
+ ]
4998
+ },
4999
+ "falseType": {
5000
+ "kind": "conditional",
5001
+ "check": {
5002
+ "kind": "symbol",
5003
+ "name": "E",
5004
+ "value": "E"
5005
+ },
5006
+ "extends": {
5007
+ "kind": "symbol",
5008
+ "name": "BaseStencil",
5009
+ "typeParameters": [
5010
+ {
5011
+ "kind": "infer",
5012
+ "value": {
5013
+ "kind": "typeParameter",
5014
+ "name": "ME",
5015
+ "required": true
5016
+ }
5017
+ },
5018
+ {
5019
+ "kind": "primitive",
5020
+ "value": "any"
5021
+ },
5022
+ {
5023
+ "kind": "infer",
5024
+ "value": {
5025
+ "kind": "typeParameter",
5026
+ "name": "VE",
5027
+ "required": true
5028
+ }
5029
+ },
5030
+ {
5031
+ "kind": "primitive",
5032
+ "value": "any"
5033
+ },
5034
+ {
5035
+ "kind": "primitive",
5036
+ "value": "any"
5037
+ }
5038
+ ],
5039
+ "value": "BaseStencil<M, P, V, E, ID>"
5040
+ },
5041
+ "trueType": {
5042
+ "kind": "intersection",
5043
+ "value": [
5044
+ {
5045
+ "kind": "symbol",
5046
+ "name": "ModifierValuesStencil",
5047
+ "typeParameters": [
5048
+ {
5049
+ "kind": "intersection",
5050
+ "value": [
5051
+ {
5052
+ "kind": "symbol",
5053
+ "name": "ME",
5054
+ "value": "ME"
5055
+ },
5056
+ {
5057
+ "kind": "symbol",
5058
+ "name": "M",
5059
+ "value": "M"
5060
+ }
5061
+ ]
5062
+ },
5063
+ {
5064
+ "kind": "intersection",
5065
+ "value": [
5066
+ {
5067
+ "kind": "symbol",
5068
+ "name": "VE",
5069
+ "value": "VE"
5070
+ },
5071
+ {
5072
+ "kind": "symbol",
5073
+ "name": "V",
5074
+ "value": "V"
5075
+ }
5076
+ ]
5077
+ }
5078
+ ],
5079
+ "value": "ModifierValuesStencil<M, V>"
5080
+ },
5081
+ {
5082
+ "kind": "symbol",
5083
+ "name": "VariableValuesStencil",
5084
+ "typeParameters": [
5085
+ {
5086
+ "kind": "intersection",
5087
+ "value": [
5088
+ {
5089
+ "kind": "symbol",
5090
+ "name": "VE",
5091
+ "value": "VE"
5092
+ },
5093
+ {
5094
+ "kind": "symbol",
5095
+ "name": "V",
5096
+ "value": "V"
5097
+ }
5098
+ ]
5099
+ }
5100
+ ],
5101
+ "value": "VariableValuesStencil<V>"
5102
+ }
5103
+ ]
5104
+ },
5105
+ "falseType": {
5106
+ "kind": "primitive",
5107
+ "value": "never"
5108
+ }
5109
+ }
5110
+ },
5111
+ "required": false,
5112
+ "rest": false,
5113
+ "description": "",
5114
+ "declarations": [
5115
+ {
5116
+ "name": "options",
5117
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5118
+ }
5119
+ ],
5120
+ "tags": {}
5121
+ }
5122
+ ],
5123
+ "members": [
5124
+ {
5125
+ "kind": "property",
5126
+ "name": "parts",
5127
+ "required": true,
5128
+ "type": {
5129
+ "kind": "conditional",
5130
+ "check": {
5131
+ "kind": "tuple",
5132
+ "value": [
5133
+ {
5134
+ "kind": "symbol",
5135
+ "name": "E",
5136
+ "value": "E"
5137
+ }
5138
+ ]
5139
+ },
5140
+ "extends": {
5141
+ "kind": "tuple",
5142
+ "value": [
5143
+ {
5144
+ "kind": "symbol",
5145
+ "name": "BaseStencil",
5146
+ "typeParameters": [
5147
+ {
5148
+ "kind": "primitive",
5149
+ "value": "any"
5150
+ },
5151
+ {
5152
+ "kind": "infer",
5153
+ "value": {
5154
+ "kind": "typeParameter",
5155
+ "name": "PE",
5156
+ "required": true
5157
+ }
5158
+ },
5159
+ {
5160
+ "kind": "primitive",
5161
+ "value": "any"
5162
+ },
5163
+ {
5164
+ "kind": "primitive",
5165
+ "value": "any"
5166
+ },
5167
+ {
5168
+ "kind": "primitive",
5169
+ "value": "any"
5170
+ }
5171
+ ],
5172
+ "value": "BaseStencil<M, P, V, E, ID>"
5173
+ }
5174
+ ]
5175
+ },
5176
+ "trueType": {
5177
+ "kind": "symbol",
5178
+ "name": "StencilPartProps",
5179
+ "typeParameters": [
5180
+ {
5181
+ "kind": "intersection",
5182
+ "value": [
5183
+ {
5184
+ "kind": "symbol",
5185
+ "name": "PE",
5186
+ "value": "PE"
5187
+ },
5188
+ {
5189
+ "kind": "symbol",
5190
+ "name": "P",
5191
+ "value": "P"
5192
+ }
5193
+ ]
5194
+ }
5195
+ ],
5196
+ "value": "StencilPartProps<T>"
5197
+ },
5198
+ "falseType": {
5199
+ "kind": "symbol",
5200
+ "name": "StencilPartProps",
5201
+ "typeParameters": [
5202
+ {
5203
+ "kind": "symbol",
5204
+ "name": "P",
5205
+ "value": "P"
5206
+ }
5207
+ ],
5208
+ "value": "StencilPartProps<T>"
5209
+ }
5210
+ },
5211
+ "description": "",
5212
+ "declarations": [
5213
+ {
5214
+ "name": "parts",
5215
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5216
+ }
5217
+ ],
5218
+ "tags": {}
5219
+ },
5220
+ {
5221
+ "kind": "property",
5222
+ "name": "vars",
5223
+ "required": true,
5224
+ "type": {
5225
+ "kind": "symbol",
5226
+ "name": "StencilDefaultVars",
5227
+ "typeParameters": [
5228
+ {
5229
+ "kind": "symbol",
5230
+ "name": "V",
5231
+ "value": "V"
5232
+ },
5233
+ {
5234
+ "kind": "symbol",
5235
+ "name": "E",
5236
+ "value": "E"
5237
+ },
5238
+ {
5239
+ "kind": "symbol",
5240
+ "name": "ID",
5241
+ "value": "ID"
5242
+ }
5243
+ ],
5244
+ "value": "StencilDefaultVars<V, E, ID>"
5245
+ },
5246
+ "description": "",
5247
+ "declarations": [
5248
+ {
5249
+ "name": "vars",
5250
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5251
+ }
5252
+ ],
5253
+ "tags": {}
5254
+ },
5255
+ {
5256
+ "kind": "property",
5257
+ "name": "base",
5258
+ "required": true,
5259
+ "type": {
5260
+ "kind": "primitive",
5261
+ "value": "string"
5262
+ },
5263
+ "description": "",
5264
+ "declarations": [
5265
+ {
5266
+ "name": "base",
5267
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5268
+ }
5269
+ ],
5270
+ "tags": {}
5271
+ },
5272
+ {
5273
+ "kind": "property",
5274
+ "name": "modifiers",
5275
+ "required": true,
5276
+ "type": {
5277
+ "kind": "conditional",
5278
+ "check": {
5279
+ "kind": "tuple",
5280
+ "value": [
5281
+ {
5282
+ "kind": "symbol",
5283
+ "name": "E",
5284
+ "value": "E"
5285
+ }
5286
+ ]
5287
+ },
5288
+ "extends": {
5289
+ "kind": "tuple",
5290
+ "value": [
5291
+ {
5292
+ "kind": "symbol",
5293
+ "name": "BaseStencil",
5294
+ "typeParameters": [
5295
+ {
5296
+ "kind": "infer",
5297
+ "value": {
5298
+ "kind": "typeParameter",
5299
+ "name": "ME",
5300
+ "required": true
5301
+ }
5302
+ },
5303
+ {
5304
+ "kind": "primitive",
5305
+ "value": "any"
5306
+ },
5307
+ {
5308
+ "kind": "infer",
5309
+ "value": {
5310
+ "kind": "typeParameter",
5311
+ "name": "VE",
5312
+ "required": true
5313
+ }
5314
+ },
5315
+ {
5316
+ "kind": "primitive",
5317
+ "value": "any"
5318
+ },
5319
+ {
5320
+ "kind": "primitive",
5321
+ "value": "any"
5322
+ }
5323
+ ],
5324
+ "value": "BaseStencil<M, P, V, E, ID>"
5325
+ }
5326
+ ]
5327
+ },
5328
+ "trueType": {
5329
+ "kind": "symbol",
5330
+ "name": "StencilModifierReturn",
5331
+ "typeParameters": [
5332
+ {
5333
+ "kind": "intersection",
5334
+ "value": [
5335
+ {
5336
+ "kind": "symbol",
5337
+ "name": "ME",
5338
+ "value": "ME"
5339
+ },
5340
+ {
5341
+ "kind": "symbol",
5342
+ "name": "M",
5343
+ "value": "M"
5344
+ }
5345
+ ]
5346
+ },
5347
+ {
5348
+ "kind": "intersection",
5349
+ "value": [
5350
+ {
5351
+ "kind": "symbol",
5352
+ "name": "VE",
5353
+ "value": "VE"
5354
+ },
5355
+ {
5356
+ "kind": "symbol",
5357
+ "name": "V",
5358
+ "value": "V"
5359
+ }
5360
+ ]
5361
+ }
5362
+ ],
5363
+ "value": "StencilModifierReturn<M, V>"
5364
+ },
5365
+ "falseType": {
5366
+ "kind": "symbol",
5367
+ "name": "StencilModifierReturn",
5368
+ "typeParameters": [
5369
+ {
5370
+ "kind": "symbol",
5371
+ "name": "M",
5372
+ "value": "M"
5373
+ },
5374
+ {
5375
+ "kind": "symbol",
5376
+ "name": "V",
5377
+ "value": "V"
5378
+ }
5379
+ ],
5380
+ "value": "StencilModifierReturn<M, V>"
5381
+ }
5382
+ },
5383
+ "description": "",
5384
+ "declarations": [
5385
+ {
5386
+ "name": "modifiers",
5387
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5388
+ }
5389
+ ],
5390
+ "tags": {}
5391
+ },
5392
+ {
5393
+ "kind": "property",
5394
+ "name": "defaultModifiers",
5395
+ "required": true,
5396
+ "type": {
5397
+ "kind": "conditional",
5398
+ "check": {
5399
+ "kind": "tuple",
5400
+ "value": [
5401
+ {
5402
+ "kind": "symbol",
5403
+ "name": "E",
5404
+ "value": "E"
5405
+ }
5406
+ ]
5407
+ },
5408
+ "extends": {
5409
+ "kind": "tuple",
5410
+ "value": [
5411
+ {
5412
+ "kind": "symbol",
5413
+ "name": "BaseStencil",
5414
+ "typeParameters": [
5415
+ {
5416
+ "kind": "infer",
5417
+ "value": {
5418
+ "kind": "typeParameter",
5419
+ "name": "ME",
5420
+ "required": true
5421
+ }
5422
+ },
5423
+ {
5424
+ "kind": "primitive",
5425
+ "value": "any"
5426
+ },
5427
+ {
5428
+ "kind": "primitive",
5429
+ "value": "any"
5430
+ },
5431
+ {
5432
+ "kind": "primitive",
5433
+ "value": "any"
5434
+ },
5435
+ {
5436
+ "kind": "primitive",
5437
+ "value": "any"
5438
+ }
5439
+ ],
5440
+ "value": "BaseStencil<M, P, V, E, ID>"
5441
+ }
5442
+ ]
5443
+ },
5444
+ "trueType": {
5445
+ "kind": "symbol",
5446
+ "name": "StencilDefaultModifierReturn",
5447
+ "typeParameters": [
5448
+ {
5449
+ "kind": "intersection",
5450
+ "value": [
5451
+ {
5452
+ "kind": "symbol",
5453
+ "name": "ME",
5454
+ "value": "ME"
5455
+ },
5456
+ {
5457
+ "kind": "symbol",
5458
+ "name": "M",
5459
+ "value": "M"
5460
+ }
5461
+ ]
5462
+ }
5463
+ ],
5464
+ "value": "StencilDefaultModifierReturn<M>"
5465
+ },
5466
+ "falseType": {
5467
+ "kind": "symbol",
5468
+ "name": "StencilDefaultModifierReturn",
5469
+ "typeParameters": [
5470
+ {
5471
+ "kind": "symbol",
5472
+ "name": "M",
5473
+ "value": "M"
5474
+ }
5475
+ ],
5476
+ "value": "StencilDefaultModifierReturn<M>"
5477
+ }
5478
+ },
5479
+ "description": "",
5480
+ "declarations": [
5481
+ {
5482
+ "name": "defaultModifiers",
5483
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5484
+ }
5485
+ ],
5486
+ "tags": {}
5487
+ },
5488
+ {
5489
+ "kind": "property",
5490
+ "name": "__extends",
5491
+ "required": false,
5492
+ "type": {
5493
+ "kind": "symbol",
5494
+ "name": "E",
5495
+ "value": "E"
5496
+ },
5497
+ "description": "",
5498
+ "declarations": [
5499
+ {
5500
+ "name": "__extends",
5501
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5502
+ }
5503
+ ],
5504
+ "tags": {}
5505
+ },
5506
+ {
5507
+ "kind": "property",
5508
+ "name": "__vars",
5509
+ "required": true,
5510
+ "type": {
5511
+ "kind": "symbol",
5512
+ "name": "V",
5513
+ "value": "V"
5514
+ },
5515
+ "description": "",
5516
+ "declarations": [
5517
+ {
5518
+ "name": "__vars",
5519
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5520
+ }
5521
+ ],
5522
+ "tags": {}
5523
+ },
5524
+ {
5525
+ "kind": "property",
5526
+ "name": "__modifiers",
5527
+ "required": true,
5528
+ "type": {
5529
+ "kind": "symbol",
5530
+ "name": "M",
5531
+ "value": "M"
5532
+ },
5533
+ "description": "",
5534
+ "declarations": [
5535
+ {
5536
+ "name": "__modifiers",
5537
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5538
+ }
5539
+ ],
5540
+ "tags": {}
5541
+ },
5542
+ {
5543
+ "kind": "property",
5544
+ "name": "__id",
5545
+ "required": true,
5546
+ "type": {
5547
+ "kind": "symbol",
5548
+ "name": "ID",
5549
+ "value": "ID"
5550
+ },
5551
+ "description": "",
5552
+ "declarations": [
5553
+ {
5554
+ "name": "__id",
5555
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5556
+ }
5557
+ ],
5558
+ "tags": {}
5559
+ },
5560
+ {
5561
+ "kind": "property",
5562
+ "name": "__parts",
5563
+ "required": false,
5564
+ "type": {
5565
+ "kind": "symbol",
5566
+ "name": "P",
5567
+ "value": "P"
5568
+ },
5569
+ "description": "",
5570
+ "declarations": [
5571
+ {
5572
+ "name": "__parts",
5573
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5574
+ }
5575
+ ],
5576
+ "tags": {}
5577
+ }
5578
+ ],
5579
+ "returnType": {
5580
+ "kind": "object",
5581
+ "properties": [
5582
+ {
5583
+ "kind": "property",
5584
+ "name": "className",
5585
+ "required": true,
5586
+ "type": {
5587
+ "kind": "primitive",
5588
+ "value": "string"
5589
+ },
5590
+ "description": "",
5591
+ "declarations": [
5592
+ {
5593
+ "name": "className",
5594
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5595
+ }
5596
+ ],
5597
+ "tags": {}
5598
+ },
5599
+ {
5600
+ "kind": "property",
5601
+ "name": "style",
5602
+ "required": false,
5603
+ "type": {
5604
+ "kind": "external",
5605
+ "name": "Record",
5606
+ "url": "https://www.typescriptlang.org/docs/handbook/utility-types.html#recordkeys-type",
5607
+ "typeParameters": [
5608
+ {
5609
+ "kind": "primitive",
5610
+ "value": "string"
5611
+ },
5612
+ {
5613
+ "kind": "primitive",
5614
+ "value": "string"
5615
+ }
5616
+ ]
5617
+ },
5618
+ "description": "",
5619
+ "declarations": [
5620
+ {
5621
+ "name": "style",
5622
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/styling/dist/es6/lib/cs.d.ts"
5623
+ }
5624
+ ],
5625
+ "tags": {}
5626
+ }
5627
+ ]
5628
+ }
5629
+ }
5630
+ },
5631
+ {
5632
+ "name": "useSidePanelToggleButtonElemProps",
5633
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
5634
+ "description": "",
5635
+ "declarations": [
5636
+ {
5637
+ "name": "useSidePanelToggleButtonElemProps",
5638
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
5639
+ }
5640
+ ],
5641
+ "tags": {},
5642
+ "type": {
5643
+ "kind": "function",
5644
+ "name": {
5645
+ "kind": "symbol",
5646
+ "name": "createElemPropsHook"
5647
+ },
5648
+ "parameters": [
5649
+ {
5650
+ "kind": "parameter",
5651
+ "name": "model",
5652
+ "description": "",
5653
+ "tags": {},
5654
+ "declarations": [],
5655
+ "type": {
5656
+ "kind": "symbol",
5657
+ "name": "SidePanelModel"
5658
+ },
5659
+ "required": true
5660
+ },
5661
+ {
5662
+ "kind": "parameter",
5663
+ "name": "elemProps",
5664
+ "description": "",
5665
+ "tags": {},
5666
+ "declarations": [],
5667
+ "type": {
5668
+ "kind": "object",
5669
+ "properties": []
5670
+ },
5671
+ "required": false
5672
+ },
5673
+ {
5674
+ "kind": "parameter",
5675
+ "name": "ref",
5676
+ "description": "",
5677
+ "tags": {},
5678
+ "declarations": [],
5679
+ "type": {
5680
+ "kind": "external",
5681
+ "name": "React.Ref",
5682
+ "url": "https://reactjs.org/docs/refs-and-the-dom.html"
5683
+ },
5684
+ "required": false
5685
+ }
5686
+ ],
5687
+ "returnType": {
5688
+ "kind": "object",
5689
+ "properties": [
5690
+ {
5691
+ "kind": "property",
5692
+ "name": "aria-controls",
5693
+ "required": true,
5694
+ "type": {
5695
+ "kind": "primitive",
5696
+ "value": "string"
5697
+ },
5698
+ "description": "",
5699
+ "tags": {},
5700
+ "declarations": []
5701
+ },
5702
+ {
5703
+ "kind": "property",
5704
+ "name": "aria-expanded",
5705
+ "required": true,
5706
+ "type": {
5707
+ "kind": "primitive",
5708
+ "value": "boolean"
5709
+ },
5710
+ "description": "",
5711
+ "tags": {},
5712
+ "declarations": []
5713
+ },
5714
+ {
5715
+ "kind": "property",
5716
+ "name": "aria-labelledby",
5717
+ "required": true,
5718
+ "type": {
5719
+ "kind": "primitive",
5720
+ "value": "string"
5721
+ },
5722
+ "description": "",
5723
+ "tags": {},
5724
+ "declarations": []
5725
+ }
5726
+ ]
5727
+ }
5728
+ }
5729
+ },
5730
+ {
5731
+ "name": "SidePanelToggleButton",
5732
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx",
5733
+ "description": "",
5734
+ "declarations": [
5735
+ {
5736
+ "name": "SidePanelToggleButton",
5737
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/SidePanelToggleButton.tsx"
5738
+ }
5739
+ ],
5740
+ "tags": {},
5741
+ "type": {
5742
+ "kind": "enhancedComponent",
5743
+ "componentType": "subcomponent",
5744
+ "elemPropsHook": "useSidePanelToggleButtonElemProps",
5745
+ "displayName": "SidePanel.ToggleButton",
5746
+ "props": [
5747
+ {
5748
+ "kind": "property",
5749
+ "name": "model",
5750
+ "description": "Optional model to pass to the component. This will override the default model created for the component. This can be useful if you want to access to the state and events of the model, or if you have nested components of the same type and you need to override the model provided by React Context.",
5751
+ "tags": {},
5752
+ "declarations": [],
5753
+ "type": {
5754
+ "kind": "symbol",
5755
+ "name": "SidePanelModel"
5756
+ }
5757
+ },
5758
+ {
5759
+ "kind": "property",
5760
+ "name": "elemPropsHook",
5761
+ "description": "Optional hook that receives the model and all props to be applied to the element. If you use this, it is your responsibility to return props, merging as appropriate. For example, returning an empty object will disable all elemProps hooks associated with this component. This allows finer control over a component without creating a new one.",
5762
+ "tags": {},
5763
+ "declarations": [],
5764
+ "type": {
5765
+ "kind": "function",
5766
+ "parameters": [
5767
+ {
5768
+ "kind": "parameter",
5769
+ "description": "",
5770
+ "tags": {},
5771
+ "declarations": [],
5772
+ "name": "model",
5773
+ "type": {
5774
+ "kind": "symbol",
5775
+ "name": "SidePanelModel"
5776
+ },
5777
+ "required": true
5778
+ },
5779
+ {
5780
+ "kind": "parameter",
5781
+ "description": "",
5782
+ "tags": {},
5783
+ "declarations": [],
5784
+ "name": "elemProps",
5785
+ "type": {
5786
+ "kind": "generic",
5787
+ "name": "TProps"
5788
+ }
5789
+ }
5790
+ ],
5791
+ "returnType": {
5792
+ "kind": "external",
5793
+ "name": "HTML Attributes",
5794
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes"
5795
+ }
5796
+ }
5797
+ }
5798
+ ],
5799
+ "baseElement": {
5800
+ "kind": "external",
5801
+ "name": "button",
5802
+ "url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button"
5803
+ },
5804
+ "model": "SidePanelModel"
5805
+ }
5806
+ },
5807
+ {
5808
+ "name": "SidePanelTransitionStates",
5809
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
5810
+ "description": "The transition states of the SidePanel during expand/collapse animations.\n- `expanded`: Panel is fully expanded\n- `expanding`: Panel is animating from collapsed to expanded\n- `collapsed`: Panel is fully collapsed\n- `collapsing`: Panel is animating from expanded to collapsed",
5811
+ "declarations": [
5812
+ {
5813
+ "name": "SidePanelTransitionStates",
5814
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5815
+ }
5816
+ ],
5817
+ "tags": {},
5818
+ "type": {
5819
+ "kind": "type",
5820
+ "typeParameters": [],
5821
+ "value": {
5822
+ "kind": "union",
5823
+ "value": [
5824
+ {
5825
+ "kind": "string",
5826
+ "value": "collapsed"
5827
+ },
5828
+ {
5829
+ "kind": "string",
5830
+ "value": "collapsing"
5831
+ },
5832
+ {
5833
+ "kind": "string",
5834
+ "value": "expanded"
5835
+ },
5836
+ {
5837
+ "kind": "string",
5838
+ "value": "expanding"
5839
+ }
5840
+ ]
5841
+ }
5842
+ }
5843
+ },
5844
+ {
5845
+ "name": "useSidePanelModel",
5846
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
5847
+ "description": "",
5848
+ "declarations": [
5849
+ {
5850
+ "name": "useSidePanelModel",
5851
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5852
+ }
5853
+ ],
5854
+ "tags": {},
5855
+ "type": {
5856
+ "kind": "modelHook",
5857
+ "name": "useSidePanelModel",
5858
+ "defaultConfig": [
5859
+ {
5860
+ "kind": "property",
5861
+ "name": "initialTransitionState",
5862
+ "defaultValue": {
5863
+ "kind": "string",
5864
+ "value": "expanded"
5865
+ },
5866
+ "type": {
5867
+ "kind": "symbol",
5868
+ "name": "SidePanelTransitionStates",
5869
+ "value": "SidePanelTransitionStates"
5870
+ },
5871
+ "required": false,
5872
+ "description": "The initial transition state of the SidePanel.",
5873
+ "declarations": [
5874
+ {
5875
+ "name": "initialTransitionState",
5876
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5877
+ }
5878
+ ],
5879
+ "tags": {
5880
+ "default": "'expanded'"
5881
+ }
5882
+ },
5883
+ {
5884
+ "kind": "property",
5885
+ "name": "origin",
5886
+ "defaultValue": {
5887
+ "kind": "string",
5888
+ "value": "start"
5889
+ },
5890
+ "type": {
5891
+ "kind": "union",
5892
+ "value": [
5893
+ {
5894
+ "kind": "string",
5895
+ "value": "end"
5896
+ },
5897
+ {
5898
+ "kind": "string",
5899
+ "value": "start"
5900
+ }
5901
+ ]
5902
+ },
5903
+ "required": false,
5904
+ "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
5905
+ "declarations": [
5906
+ {
5907
+ "name": "origin",
5908
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5909
+ }
5910
+ ],
5911
+ "tags": {
5912
+ "default": "'start'"
5913
+ }
5914
+ },
5915
+ {
5916
+ "kind": "property",
5917
+ "name": "panelId",
5918
+ "defaultValue": {
5919
+ "kind": "string",
5920
+ "value": ""
5921
+ },
5922
+ "type": {
5923
+ "kind": "primitive",
5924
+ "value": "string"
5925
+ },
5926
+ "required": false,
5927
+ "description": "The unique ID for the panel element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-controls` attribute on the toggle button.",
5928
+ "declarations": [
5929
+ {
5930
+ "name": "panelId",
5931
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5932
+ }
5933
+ ],
5934
+ "tags": {}
5935
+ },
5936
+ {
5937
+ "kind": "property",
5938
+ "name": "labelId",
5939
+ "defaultValue": {
5940
+ "kind": "string",
5941
+ "value": ""
5942
+ },
5943
+ "type": {
5944
+ "kind": "primitive",
5945
+ "value": "string"
5946
+ },
5947
+ "required": false,
5948
+ "description": "The unique ID for the panel's label element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-labelledby` attribute on both the panel and toggle button.",
5949
+ "declarations": [
5950
+ {
5951
+ "name": "labelId",
5952
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5953
+ }
5954
+ ],
5955
+ "tags": {}
5956
+ },
5957
+ {
5958
+ "kind": "property",
5959
+ "name": "onStateTransition",
5960
+ "type": {
5961
+ "kind": "function",
5962
+ "parameters": [
5963
+ {
5964
+ "kind": "parameter",
5965
+ "name": "state",
5966
+ "type": {
5967
+ "kind": "symbol",
5968
+ "name": "SidePanelTransitionStates",
5969
+ "value": "SidePanelTransitionStates"
5970
+ },
5971
+ "required": true,
5972
+ "rest": false,
5973
+ "description": "The new transition state",
5974
+ "declarations": [
5975
+ {
5976
+ "name": "state",
5977
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5978
+ }
5979
+ ],
5980
+ "tags": {
5981
+ "param": "state\n \nThe new transition state"
5982
+ }
5983
+ }
5984
+ ],
5985
+ "members": [],
5986
+ "returnType": {
5987
+ "kind": "primitive",
5988
+ "value": "void"
5989
+ }
5990
+ },
5991
+ "required": false,
5992
+ "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
5993
+ "declarations": [
5994
+ {
5995
+ "name": "onStateTransition",
5996
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
5997
+ }
5998
+ ],
5999
+ "tags": {
6000
+ "param": "state\n \nThe new transition state"
6001
+ }
6002
+ }
6003
+ ],
6004
+ "requiredConfig": []
6005
+ }
6006
+ },
6007
+ {
6008
+ "name": "SidePanelModel",
6009
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
6010
+ "description": "",
6011
+ "declarations": [
6012
+ {
6013
+ "name": "useSidePanelModel",
6014
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6015
+ }
6016
+ ],
6017
+ "tags": {},
6018
+ "type": {
6019
+ "kind": "model",
6020
+ "state": [
6021
+ {
6022
+ "kind": "property",
6023
+ "name": "panelId",
6024
+ "type": {
6025
+ "kind": "primitive",
6026
+ "value": "string"
6027
+ },
6028
+ "description": "The unique ID for the panel element. Used for `aria-controls` on the toggle button.",
6029
+ "declarations": [
6030
+ {
6031
+ "name": "panelId",
6032
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6033
+ }
6034
+ ],
6035
+ "tags": {}
6036
+ },
6037
+ {
6038
+ "kind": "property",
6039
+ "name": "labelId",
6040
+ "type": {
6041
+ "kind": "primitive",
6042
+ "value": "string"
6043
+ },
6044
+ "description": "The unique ID for the panel's label element. Used for `aria-labelledby` on the panel\nand toggle button to provide an accessible name.",
6045
+ "declarations": [
6046
+ {
6047
+ "name": "labelId",
6048
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6049
+ }
6050
+ ],
6051
+ "tags": {}
6052
+ },
6053
+ {
6054
+ "kind": "property",
6055
+ "name": "transitionState",
6056
+ "type": {
6057
+ "kind": "symbol",
6058
+ "name": "SidePanelTransitionStates",
6059
+ "value": "SidePanelTransitionStates"
6060
+ },
6061
+ "description": "The current transition state of the SidePanel. This tracks both the expanded/collapsed\nstate and the animation states (expanding/collapsing).",
6062
+ "declarations": [
6063
+ {
6064
+ "name": "transitionState",
6065
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6066
+ }
6067
+ ],
6068
+ "tags": {}
6069
+ },
6070
+ {
6071
+ "kind": "property",
6072
+ "name": "initialTransitionState",
6073
+ "type": {
6074
+ "kind": "symbol",
6075
+ "name": "SidePanelTransitionStates",
6076
+ "value": "SidePanelTransitionStates"
6077
+ },
6078
+ "required": true,
6079
+ "description": "The initial transition state of the SidePanel.",
6080
+ "declarations": [
6081
+ {
6082
+ "name": "initialTransitionState",
6083
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6084
+ }
6085
+ ],
6086
+ "tags": {
6087
+ "default": "'expanded'"
6088
+ }
6089
+ },
6090
+ {
6091
+ "kind": "property",
6092
+ "name": "origin",
6093
+ "type": {
6094
+ "kind": "union",
6095
+ "value": [
6096
+ {
6097
+ "kind": "string",
6098
+ "value": "end"
6099
+ },
6100
+ {
6101
+ "kind": "string",
6102
+ "value": "start"
6103
+ }
6104
+ ]
6105
+ },
6106
+ "required": true,
6107
+ "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
6108
+ "declarations": [
6109
+ {
6110
+ "name": "origin",
6111
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6112
+ }
6113
+ ],
6114
+ "tags": {
6115
+ "default": "'start'"
6116
+ }
6117
+ },
6118
+ {
6119
+ "kind": "property",
6120
+ "name": "onStateTransition",
6121
+ "type": {
6122
+ "kind": "function",
6123
+ "parameters": [
6124
+ {
6125
+ "kind": "parameter",
6126
+ "name": "state",
6127
+ "type": {
6128
+ "kind": "symbol",
6129
+ "name": "SidePanelTransitionStates",
6130
+ "value": "SidePanelTransitionStates"
6131
+ },
6132
+ "required": true,
6133
+ "rest": false,
6134
+ "description": "The new transition state",
6135
+ "declarations": [
6136
+ {
6137
+ "name": "state",
6138
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6139
+ }
6140
+ ],
6141
+ "tags": {
6142
+ "param": "state\n \nThe new transition state"
6143
+ }
6144
+ }
6145
+ ],
6146
+ "members": [],
6147
+ "returnType": {
6148
+ "kind": "primitive",
6149
+ "value": "void"
6150
+ }
6151
+ },
6152
+ "required": true,
6153
+ "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
6154
+ "declarations": [
6155
+ {
6156
+ "name": "onStateTransition",
6157
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6158
+ }
6159
+ ],
6160
+ "tags": {
6161
+ "param": "state\n \nThe new transition state"
6162
+ }
6163
+ }
6164
+ ],
6165
+ "events": [
6166
+ {
6167
+ "kind": "property",
6168
+ "name": "expand",
6169
+ "type": {
6170
+ "kind": "function",
6171
+ "parameters": [],
6172
+ "members": [],
6173
+ "returnType": {
6174
+ "kind": "primitive",
6175
+ "value": "void"
6176
+ }
6177
+ },
6178
+ "required": true,
6179
+ "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
6180
+ "declarations": [
6181
+ {
6182
+ "name": "expand",
6183
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6184
+ }
6185
+ ],
6186
+ "tags": {}
6187
+ },
6188
+ {
6189
+ "kind": "property",
6190
+ "name": "collapse",
6191
+ "type": {
6192
+ "kind": "function",
6193
+ "parameters": [],
6194
+ "members": [],
6195
+ "returnType": {
6196
+ "kind": "primitive",
6197
+ "value": "void"
6198
+ }
6199
+ },
6200
+ "required": true,
6201
+ "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
6202
+ "declarations": [
6203
+ {
6204
+ "name": "collapse",
6205
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6206
+ }
6207
+ ],
6208
+ "tags": {}
6209
+ },
6210
+ {
6211
+ "kind": "property",
6212
+ "name": "handleAnimationEnd",
6213
+ "type": {
6214
+ "kind": "function",
6215
+ "parameters": [
6216
+ {
6217
+ "kind": "parameter",
6218
+ "name": "event",
6219
+ "type": {
6220
+ "kind": "symbol",
6221
+ "name": "React.TransitionEvent",
6222
+ "typeParameters": [
6223
+ {
6224
+ "kind": "symbol",
6225
+ "name": "HTMLDivElement",
6226
+ "value": "HTMLDivElement"
6227
+ }
6228
+ ],
6229
+ "value": "TransitionEvent<T>"
6230
+ },
6231
+ "required": true,
6232
+ "rest": false,
6233
+ "description": "",
6234
+ "declarations": [
6235
+ {
6236
+ "name": "event",
6237
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6238
+ }
6239
+ ],
6240
+ "tags": {}
6241
+ }
6242
+ ],
6243
+ "members": [],
6244
+ "returnType": {
6245
+ "kind": "symbol",
6246
+ "name": "TransitionEvent",
6247
+ "value": "TransitionEvent<HTMLDivElement>"
6248
+ }
6249
+ },
6250
+ "required": true,
6251
+ "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
6252
+ "declarations": [
6253
+ {
6254
+ "name": "handleAnimationEnd",
6255
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6256
+ }
6257
+ ],
6258
+ "tags": {}
6259
+ },
6260
+ {
6261
+ "kind": "property",
6262
+ "name": "handleAnimationStart",
6263
+ "type": {
6264
+ "kind": "function",
6265
+ "parameters": [],
6266
+ "members": [],
6267
+ "returnType": {
6268
+ "kind": "primitive",
6269
+ "value": "undefined"
6270
+ }
6271
+ },
6272
+ "required": true,
6273
+ "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
6274
+ "declarations": [
6275
+ {
6276
+ "name": "handleAnimationStart",
6277
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6278
+ }
6279
+ ],
6280
+ "tags": {}
6281
+ }
6282
+ ],
6283
+ "modelProperties": []
6284
+ }
6285
+ },
6286
+ {
6287
+ "name": "SidePanelModelConfig",
6288
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
6289
+ "description": "",
6290
+ "declarations": [
6291
+ {
6292
+ "name": "useSidePanelModel",
6293
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6294
+ }
6295
+ ],
6296
+ "tags": {},
6297
+ "type": {
6298
+ "kind": "object",
6299
+ "properties": [
6300
+ {
6301
+ "kind": "property",
6302
+ "name": "initialTransitionState",
6303
+ "defaultValue": {
6304
+ "kind": "string",
6305
+ "value": "expanded"
6306
+ },
6307
+ "type": {
6308
+ "kind": "symbol",
6309
+ "name": "SidePanelTransitionStates",
6310
+ "value": "SidePanelTransitionStates"
6311
+ },
6312
+ "required": false,
6313
+ "description": "The initial transition state of the SidePanel.",
6314
+ "declarations": [
6315
+ {
6316
+ "name": "initialTransitionState",
6317
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6318
+ }
6319
+ ],
6320
+ "tags": {
6321
+ "default": "'expanded'"
6322
+ }
6323
+ },
6324
+ {
6325
+ "kind": "property",
6326
+ "name": "origin",
6327
+ "defaultValue": {
6328
+ "kind": "string",
6329
+ "value": "start"
6330
+ },
6331
+ "type": {
6332
+ "kind": "union",
6333
+ "value": [
6334
+ {
6335
+ "kind": "string",
6336
+ "value": "end"
6337
+ },
6338
+ {
6339
+ "kind": "string",
6340
+ "value": "start"
6341
+ }
6342
+ ]
6343
+ },
6344
+ "required": false,
6345
+ "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
6346
+ "declarations": [
6347
+ {
6348
+ "name": "origin",
6349
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6350
+ }
6351
+ ],
6352
+ "tags": {
6353
+ "default": "'start'"
6354
+ }
6355
+ },
6356
+ {
6357
+ "kind": "property",
6358
+ "name": "panelId",
6359
+ "defaultValue": {
6360
+ "kind": "string",
6361
+ "value": ""
6362
+ },
6363
+ "type": {
6364
+ "kind": "primitive",
6365
+ "value": "string"
6366
+ },
6367
+ "required": false,
6368
+ "description": "The unique ID for the panel element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-controls` attribute on the toggle button.",
6369
+ "declarations": [
6370
+ {
6371
+ "name": "panelId",
6372
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6373
+ }
6374
+ ],
6375
+ "tags": {}
6376
+ },
6377
+ {
6378
+ "kind": "property",
6379
+ "name": "labelId",
6380
+ "defaultValue": {
6381
+ "kind": "string",
6382
+ "value": ""
6383
+ },
6384
+ "type": {
6385
+ "kind": "primitive",
6386
+ "value": "string"
6387
+ },
6388
+ "required": false,
6389
+ "description": "The unique ID for the panel's label element. If not provided, a unique ID will be generated.\nThis ID is used for the `aria-labelledby` attribute on both the panel and toggle button.",
6390
+ "declarations": [
6391
+ {
6392
+ "name": "labelId",
6393
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6394
+ }
6395
+ ],
6396
+ "tags": {}
6397
+ },
6398
+ {
6399
+ "kind": "property",
6400
+ "name": "onStateTransition",
6401
+ "type": {
6402
+ "kind": "function",
6403
+ "parameters": [
6404
+ {
6405
+ "kind": "parameter",
6406
+ "name": "state",
6407
+ "type": {
6408
+ "kind": "symbol",
6409
+ "name": "SidePanelTransitionStates",
6410
+ "value": "SidePanelTransitionStates"
6411
+ },
6412
+ "required": true,
6413
+ "rest": false,
6414
+ "description": "The new transition state",
6415
+ "declarations": [
6416
+ {
6417
+ "name": "state",
6418
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6419
+ }
6420
+ ],
6421
+ "tags": {
6422
+ "param": "state\n \nThe new transition state"
6423
+ }
6424
+ }
6425
+ ],
6426
+ "members": [],
6427
+ "returnType": {
6428
+ "kind": "primitive",
6429
+ "value": "void"
6430
+ }
6431
+ },
6432
+ "required": false,
6433
+ "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
6434
+ "declarations": [
6435
+ {
6436
+ "name": "onStateTransition",
6437
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6438
+ }
6439
+ ],
6440
+ "tags": {
6441
+ "param": "state\n \nThe new transition state"
6442
+ }
6443
+ },
6444
+ null,
6445
+ {
6446
+ "kind": "property",
6447
+ "name": "onExpand",
6448
+ "type": {
6449
+ "kind": "function",
6450
+ "parameters": [
6451
+ {
6452
+ "description": "",
6453
+ "tags": {},
6454
+ "declarations": [],
6455
+ "kind": "parameter",
6456
+ "name": "state",
6457
+ "required": true,
6458
+ "type": {
6459
+ "kind": "symbol",
6460
+ "name": "SidePanelModelState",
6461
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6462
+ }
6463
+ }
6464
+ ],
6465
+ "members": [],
6466
+ "returnType": {
6467
+ "kind": "primitive",
6468
+ "value": "void"
6469
+ }
6470
+ },
6471
+ "required": false,
6472
+ "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
6473
+ "declarations": [
6474
+ {
6475
+ "name": "expand",
6476
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6477
+ }
6478
+ ],
6479
+ "tags": {}
6480
+ },
6481
+ {
6482
+ "kind": "property",
6483
+ "name": "shouldExpand",
6484
+ "type": {
6485
+ "kind": "function",
6486
+ "parameters": [
6487
+ {
6488
+ "description": "",
6489
+ "tags": {},
6490
+ "declarations": [],
6491
+ "kind": "parameter",
6492
+ "name": "state",
6493
+ "required": true,
6494
+ "type": {
6495
+ "kind": "symbol",
6496
+ "name": "SidePanelModelState",
6497
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6498
+ }
6499
+ }
6500
+ ],
6501
+ "members": [],
6502
+ "returnType": {
6503
+ "kind": "primitive",
6504
+ "value": "boolean"
6505
+ }
6506
+ },
6507
+ "required": false,
6508
+ "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
6509
+ "declarations": [
6510
+ {
6511
+ "name": "expand",
6512
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6513
+ }
6514
+ ],
6515
+ "tags": {}
6516
+ },
6517
+ {
6518
+ "kind": "property",
6519
+ "name": "onCollapse",
6520
+ "type": {
6521
+ "kind": "function",
6522
+ "parameters": [
6523
+ {
6524
+ "description": "",
6525
+ "tags": {},
6526
+ "declarations": [],
6527
+ "kind": "parameter",
6528
+ "name": "state",
6529
+ "required": true,
6530
+ "type": {
6531
+ "kind": "symbol",
6532
+ "name": "SidePanelModelState",
6533
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6534
+ }
6535
+ }
6536
+ ],
6537
+ "members": [],
6538
+ "returnType": {
6539
+ "kind": "primitive",
6540
+ "value": "void"
6541
+ }
6542
+ },
6543
+ "required": false,
6544
+ "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
6545
+ "declarations": [
6546
+ {
6547
+ "name": "collapse",
6548
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6549
+ }
6550
+ ],
6551
+ "tags": {}
6552
+ },
6553
+ {
6554
+ "kind": "property",
6555
+ "name": "shouldCollapse",
6556
+ "type": {
6557
+ "kind": "function",
6558
+ "parameters": [
6559
+ {
6560
+ "description": "",
6561
+ "tags": {},
6562
+ "declarations": [],
6563
+ "kind": "parameter",
6564
+ "name": "state",
6565
+ "required": true,
6566
+ "type": {
6567
+ "kind": "symbol",
6568
+ "name": "SidePanelModelState",
6569
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6570
+ }
6571
+ }
6572
+ ],
6573
+ "members": [],
6574
+ "returnType": {
6575
+ "kind": "primitive",
6576
+ "value": "boolean"
6577
+ }
6578
+ },
6579
+ "required": false,
6580
+ "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
6581
+ "declarations": [
6582
+ {
6583
+ "name": "collapse",
6584
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6585
+ }
6586
+ ],
6587
+ "tags": {}
6588
+ },
6589
+ {
6590
+ "kind": "property",
6591
+ "name": "onHandleAnimationEnd",
6592
+ "type": {
6593
+ "kind": "function",
6594
+ "parameters": [
6595
+ {
6596
+ "description": "",
6597
+ "tags": {},
6598
+ "declarations": [],
6599
+ "kind": "parameter",
6600
+ "name": "state",
6601
+ "required": true,
6602
+ "type": {
6603
+ "kind": "symbol",
6604
+ "name": "SidePanelModelState",
6605
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6606
+ }
6607
+ },
6608
+ {
6609
+ "kind": "parameter",
6610
+ "name": "event",
6611
+ "type": {
6612
+ "kind": "symbol",
6613
+ "name": "React.TransitionEvent",
6614
+ "typeParameters": [
6615
+ {
6616
+ "kind": "symbol",
6617
+ "name": "HTMLDivElement",
6618
+ "value": "HTMLDivElement"
6619
+ }
6620
+ ],
6621
+ "value": "TransitionEvent<T>"
6622
+ },
6623
+ "required": true,
6624
+ "rest": false,
6625
+ "description": "",
6626
+ "declarations": [
6627
+ {
6628
+ "name": "event",
6629
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6630
+ }
6631
+ ],
6632
+ "tags": {}
6633
+ }
6634
+ ],
6635
+ "members": [],
6636
+ "returnType": {
6637
+ "kind": "primitive",
6638
+ "value": "void"
6639
+ }
6640
+ },
6641
+ "required": false,
6642
+ "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
6643
+ "declarations": [
6644
+ {
6645
+ "name": "handleAnimationEnd",
6646
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6647
+ }
6648
+ ],
6649
+ "tags": {}
6650
+ },
6651
+ {
6652
+ "kind": "property",
6653
+ "name": "shouldHandleAnimationEnd",
6654
+ "type": {
6655
+ "kind": "function",
6656
+ "parameters": [
6657
+ {
6658
+ "description": "",
6659
+ "tags": {},
6660
+ "declarations": [],
6661
+ "kind": "parameter",
6662
+ "name": "state",
6663
+ "required": true,
6664
+ "type": {
6665
+ "kind": "symbol",
6666
+ "name": "SidePanelModelState",
6667
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6668
+ }
6669
+ },
6670
+ {
6671
+ "kind": "parameter",
6672
+ "name": "event",
6673
+ "type": {
6674
+ "kind": "symbol",
6675
+ "name": "React.TransitionEvent",
6676
+ "typeParameters": [
6677
+ {
6678
+ "kind": "symbol",
6679
+ "name": "HTMLDivElement",
6680
+ "value": "HTMLDivElement"
6681
+ }
6682
+ ],
6683
+ "value": "TransitionEvent<T>"
6684
+ },
6685
+ "required": true,
6686
+ "rest": false,
6687
+ "description": "",
6688
+ "declarations": [
6689
+ {
6690
+ "name": "event",
6691
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6692
+ }
6693
+ ],
6694
+ "tags": {}
6695
+ }
6696
+ ],
6697
+ "members": [],
6698
+ "returnType": {
6699
+ "kind": "primitive",
6700
+ "value": "boolean"
6701
+ }
6702
+ },
6703
+ "required": false,
6704
+ "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
6705
+ "declarations": [
6706
+ {
6707
+ "name": "handleAnimationEnd",
6708
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6709
+ }
6710
+ ],
6711
+ "tags": {}
6712
+ },
6713
+ {
6714
+ "kind": "property",
6715
+ "name": "onHandleAnimationStart",
6716
+ "type": {
6717
+ "kind": "function",
6718
+ "parameters": [
6719
+ {
6720
+ "description": "",
6721
+ "tags": {},
6722
+ "declarations": [],
6723
+ "kind": "parameter",
6724
+ "name": "state",
6725
+ "required": true,
6726
+ "type": {
6727
+ "kind": "symbol",
6728
+ "name": "SidePanelModelState",
6729
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6730
+ }
6731
+ }
6732
+ ],
6733
+ "members": [],
6734
+ "returnType": {
6735
+ "kind": "primitive",
6736
+ "value": "void"
6737
+ }
6738
+ },
6739
+ "required": false,
6740
+ "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
6741
+ "declarations": [
6742
+ {
6743
+ "name": "handleAnimationStart",
6744
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6745
+ }
6746
+ ],
6747
+ "tags": {}
6748
+ },
6749
+ {
6750
+ "kind": "property",
6751
+ "name": "shouldHandleAnimationStart",
6752
+ "type": {
6753
+ "kind": "function",
6754
+ "parameters": [
6755
+ {
6756
+ "description": "",
6757
+ "tags": {},
6758
+ "declarations": [],
6759
+ "kind": "parameter",
6760
+ "name": "state",
6761
+ "required": true,
6762
+ "type": {
6763
+ "kind": "symbol",
6764
+ "name": "SidePanelModelState",
6765
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6766
+ }
6767
+ }
6768
+ ],
6769
+ "members": [],
6770
+ "returnType": {
6771
+ "kind": "primitive",
6772
+ "value": "boolean"
6773
+ }
6774
+ },
6775
+ "required": false,
6776
+ "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
6777
+ "declarations": [
6778
+ {
6779
+ "name": "handleAnimationStart",
6780
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6781
+ }
6782
+ ],
6783
+ "tags": {}
6784
+ }
6785
+ ]
6786
+ }
6787
+ },
6788
+ {
6789
+ "name": "SidePanelModelState",
6790
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
6791
+ "description": "",
6792
+ "tags": {},
6793
+ "declarations": [],
6794
+ "type": {
6795
+ "kind": "object",
6796
+ "properties": [
6797
+ {
6798
+ "kind": "property",
6799
+ "name": "panelId",
6800
+ "type": {
6801
+ "kind": "primitive",
6802
+ "value": "string"
6803
+ },
6804
+ "description": "The unique ID for the panel element. Used for `aria-controls` on the toggle button.",
6805
+ "declarations": [
6806
+ {
6807
+ "name": "panelId",
6808
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6809
+ }
6810
+ ],
6811
+ "tags": {}
6812
+ },
6813
+ {
6814
+ "kind": "property",
6815
+ "name": "labelId",
6816
+ "type": {
6817
+ "kind": "primitive",
6818
+ "value": "string"
6819
+ },
6820
+ "description": "The unique ID for the panel's label element. Used for `aria-labelledby` on the panel\nand toggle button to provide an accessible name.",
6821
+ "declarations": [
6822
+ {
6823
+ "name": "labelId",
6824
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6825
+ }
6826
+ ],
6827
+ "tags": {}
6828
+ },
6829
+ {
6830
+ "kind": "property",
6831
+ "name": "transitionState",
6832
+ "type": {
6833
+ "kind": "symbol",
6834
+ "name": "SidePanelTransitionStates",
6835
+ "value": "SidePanelTransitionStates"
6836
+ },
6837
+ "description": "The current transition state of the SidePanel. This tracks both the expanded/collapsed\nstate and the animation states (expanding/collapsing).",
6838
+ "declarations": [
6839
+ {
6840
+ "name": "transitionState",
6841
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6842
+ }
6843
+ ],
6844
+ "tags": {}
6845
+ },
6846
+ {
6847
+ "kind": "property",
6848
+ "name": "initialTransitionState",
6849
+ "type": {
6850
+ "kind": "symbol",
6851
+ "name": "SidePanelTransitionStates",
6852
+ "value": "SidePanelTransitionStates"
6853
+ },
6854
+ "required": true,
6855
+ "description": "The initial transition state of the SidePanel.",
6856
+ "declarations": [
6857
+ {
6858
+ "name": "initialTransitionState",
6859
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6860
+ }
6861
+ ],
6862
+ "tags": {
6863
+ "default": "'expanded'"
6864
+ }
6865
+ },
6866
+ {
6867
+ "kind": "property",
6868
+ "name": "origin",
6869
+ "type": {
6870
+ "kind": "union",
6871
+ "value": [
6872
+ {
6873
+ "kind": "string",
6874
+ "value": "end"
6875
+ },
6876
+ {
6877
+ "kind": "string",
6878
+ "value": "start"
6879
+ }
6880
+ ]
6881
+ },
6882
+ "required": true,
6883
+ "description": "Which side the SidePanel originates from. Uses logical properties for RTL support.\n- `start`: Left side in LTR, right side in RTL\n- `end`: Right side in LTR, left side in RTL",
6884
+ "declarations": [
6885
+ {
6886
+ "name": "origin",
6887
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6888
+ }
6889
+ ],
6890
+ "tags": {
6891
+ "default": "'start'"
6892
+ }
6893
+ },
6894
+ {
6895
+ "kind": "property",
6896
+ "name": "onStateTransition",
6897
+ "type": {
6898
+ "kind": "function",
6899
+ "parameters": [
6900
+ {
6901
+ "kind": "parameter",
6902
+ "name": "state",
6903
+ "type": {
6904
+ "kind": "symbol",
6905
+ "name": "SidePanelTransitionStates",
6906
+ "value": "SidePanelTransitionStates"
6907
+ },
6908
+ "required": true,
6909
+ "rest": false,
6910
+ "description": "The new transition state",
6911
+ "declarations": [
6912
+ {
6913
+ "name": "state",
6914
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6915
+ }
6916
+ ],
6917
+ "tags": {
6918
+ "param": "state\n \nThe new transition state"
6919
+ }
6920
+ }
6921
+ ],
6922
+ "members": [],
6923
+ "returnType": {
6924
+ "kind": "primitive",
6925
+ "value": "void"
6926
+ }
6927
+ },
6928
+ "required": true,
6929
+ "description": "Callback fired when the SidePanel's transition state changes.\nUse this to react to state changes including animation states.",
6930
+ "declarations": [
6931
+ {
6932
+ "name": "onStateTransition",
6933
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6934
+ }
6935
+ ],
6936
+ "tags": {
6937
+ "param": "state\n \nThe new transition state"
6938
+ }
6939
+ }
6940
+ ]
6941
+ }
6942
+ },
6943
+ {
6944
+ "name": "SidePanelModelEvents",
6945
+ "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts",
6946
+ "description": "",
6947
+ "tags": {},
6948
+ "declarations": [],
6949
+ "type": {
6950
+ "kind": "object",
6951
+ "properties": [
6952
+ {
6953
+ "kind": "property",
6954
+ "name": "expand",
6955
+ "type": {
6956
+ "kind": "function",
6957
+ "parameters": [],
6958
+ "members": [],
6959
+ "returnType": {
6960
+ "kind": "primitive",
6961
+ "value": "void"
6962
+ }
6963
+ },
6964
+ "required": true,
6965
+ "description": "Expand the SidePanel. This sets the state directly to `expanded` without animation.\nFor animated expansion, use the toggle button which triggers `setExpandingState`.",
6966
+ "declarations": [
6967
+ {
6968
+ "name": "expand",
6969
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6970
+ }
6971
+ ],
6972
+ "tags": {}
6973
+ },
6974
+ {
6975
+ "kind": "property",
6976
+ "name": "collapse",
6977
+ "type": {
6978
+ "kind": "function",
6979
+ "parameters": [],
6980
+ "members": [],
6981
+ "returnType": {
6982
+ "kind": "primitive",
6983
+ "value": "void"
6984
+ }
6985
+ },
6986
+ "required": true,
6987
+ "description": "Collapse the SidePanel. This sets the state directly to `collapsed` without animation.\nFor animated collapse, use the toggle button which triggers `setCollapsingState`.",
6988
+ "declarations": [
6989
+ {
6990
+ "name": "collapse",
6991
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
6992
+ }
6993
+ ],
6994
+ "tags": {}
6995
+ },
6996
+ {
6997
+ "kind": "property",
6998
+ "name": "handleAnimationEnd",
6999
+ "type": {
7000
+ "kind": "function",
7001
+ "parameters": [
7002
+ {
7003
+ "kind": "parameter",
7004
+ "name": "event",
7005
+ "type": {
7006
+ "kind": "symbol",
7007
+ "name": "React.TransitionEvent",
7008
+ "typeParameters": [
7009
+ {
7010
+ "kind": "symbol",
7011
+ "name": "HTMLDivElement",
7012
+ "value": "HTMLDivElement"
7013
+ }
7014
+ ],
7015
+ "value": "TransitionEvent<T>"
7016
+ },
7017
+ "required": true,
7018
+ "rest": false,
7019
+ "description": "",
7020
+ "declarations": [
7021
+ {
7022
+ "name": "event",
7023
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
7024
+ }
7025
+ ],
7026
+ "tags": {}
7027
+ }
7028
+ ],
7029
+ "members": [],
7030
+ "returnType": {
7031
+ "kind": "symbol",
7032
+ "name": "TransitionEvent",
7033
+ "value": "TransitionEvent<HTMLDivElement>"
7034
+ }
7035
+ },
7036
+ "required": true,
7037
+ "description": "Handler for the CSS transition end event. This should be called when the width\ntransition completes to finalize the state from `expanding` to `expanded` or\nfrom `collapsing` to `collapsed`.",
7038
+ "declarations": [
7039
+ {
7040
+ "name": "handleAnimationEnd",
7041
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
7042
+ }
7043
+ ],
7044
+ "tags": {}
7045
+ },
7046
+ {
7047
+ "kind": "property",
7048
+ "name": "handleAnimationStart",
7049
+ "type": {
7050
+ "kind": "function",
7051
+ "parameters": [],
7052
+ "members": [],
7053
+ "returnType": {
7054
+ "kind": "primitive",
7055
+ "value": "undefined"
7056
+ }
7057
+ },
7058
+ "required": true,
7059
+ "description": "Triggers the start of a transition animation. This toggles between expanding\nand collapsing states based on the current state.",
7060
+ "declarations": [
7061
+ {
7062
+ "name": "handleAnimationStart",
7063
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/side-panel/lib/useSidePanelModel.ts"
7064
+ }
7065
+ ],
7066
+ "tags": {}
7067
+ }
7068
+ ]
7069
+ }
7070
+ },
3781
7071
  {
3782
7072
  "name": "version",
3783
7073
  "fileName": "/home/runner/work/canvas-kit/canvas-kit/modules/labs-react/version/lib/version.ts",
@@ -20440,51 +23730,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
20440
23730
  "value": [
20441
23731
  {
20442
23732
  "kind": "string",
20443
- "value": "title.medium"
23733
+ "value": "body.medium"
20444
23734
  },
20445
23735
  {
20446
23736
  "kind": "string",
20447
- "value": "title.large"
23737
+ "value": "body.large"
20448
23738
  },
20449
23739
  {
20450
23740
  "kind": "string",
20451
- "value": "title.small"
23741
+ "value": "body.small"
20452
23742
  },
20453
23743
  {
20454
23744
  "kind": "string",
20455
- "value": "body.medium"
23745
+ "value": "title.medium"
20456
23746
  },
20457
23747
  {
20458
23748
  "kind": "string",
20459
- "value": "body.large"
23749
+ "value": "title.large"
20460
23750
  },
20461
23751
  {
20462
23752
  "kind": "string",
20463
- "value": "body.small"
23753
+ "value": "title.small"
20464
23754
  },
20465
23755
  {
20466
23756
  "kind": "string",
20467
- "value": "subtext.medium"
23757
+ "value": "heading.medium"
20468
23758
  },
20469
23759
  {
20470
23760
  "kind": "string",
20471
- "value": "subtext.large"
23761
+ "value": "heading.large"
20472
23762
  },
20473
23763
  {
20474
23764
  "kind": "string",
20475
- "value": "subtext.small"
23765
+ "value": "heading.small"
20476
23766
  },
20477
23767
  {
20478
23768
  "kind": "string",
20479
- "value": "heading.medium"
23769
+ "value": "subtext.medium"
20480
23770
  },
20481
23771
  {
20482
23772
  "kind": "string",
20483
- "value": "heading.large"
23773
+ "value": "subtext.large"
20484
23774
  },
20485
23775
  {
20486
23776
  "kind": "string",
20487
- "value": "heading.small"
23777
+ "value": "subtext.small"
20488
23778
  }
20489
23779
  ]
20490
23780
  },
@@ -73818,7 +77108,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
73818
77108
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
73819
77109
  }
73820
77110
  ],
73821
- "tags": {},
77111
+ "tags": {
77112
+ "deprecated": "⚠️ `UseSidePanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77113
+ },
73822
77114
  "type": {
73823
77115
  "kind": "object",
73824
77116
  "properties": [
@@ -73892,7 +77184,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
73892
77184
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
73893
77185
  }
73894
77186
  ],
73895
- "tags": {},
77187
+ "tags": {
77188
+ "deprecated": "⚠️ `PanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77189
+ },
73896
77190
  "type": {
73897
77191
  "kind": "object",
73898
77192
  "properties": [
@@ -73977,7 +77271,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
73977
77271
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
73978
77272
  }
73979
77273
  ],
73980
- "tags": {},
77274
+ "tags": {
77275
+ "deprecated": "⚠️ `LabelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77276
+ },
73981
77277
  "type": {
73982
77278
  "kind": "object",
73983
77279
  "properties": [
@@ -74011,7 +77307,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74011
77307
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
74012
77308
  }
74013
77309
  ],
74014
- "tags": {},
77310
+ "tags": {
77311
+ "deprecated": "⚠️ `ControlProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77312
+ },
74015
77313
  "type": {
74016
77314
  "kind": "object",
74017
77315
  "properties": [
@@ -74101,7 +77399,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74101
77399
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/hooks.ts"
74102
77400
  }
74103
77401
  ],
74104
- "tags": {},
77402
+ "tags": {
77403
+ "deprecated": "⚠️ `useSidePanel` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77404
+ },
74105
77405
  "type": {
74106
77406
  "kind": "function",
74107
77407
  "parameters": [
@@ -74256,7 +77556,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74256
77556
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
74257
77557
  }
74258
77558
  ],
74259
- "tags": {},
77559
+ "tags": {
77560
+ "deprecated": "⚠️ `SidePanelVariant` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77561
+ },
74260
77562
  "type": {
74261
77563
  "kind": "type",
74262
77564
  "typeParameters": [],
@@ -74285,7 +77587,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74285
77587
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
74286
77588
  }
74287
77589
  ],
74288
- "tags": {},
77590
+ "tags": {
77591
+ "deprecated": "⚠️ `SidePanelTransitionStates` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77592
+ },
74289
77593
  "type": {
74290
77594
  "kind": "type",
74291
77595
  "typeParameters": [],
@@ -74322,7 +77626,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74322
77626
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
74323
77627
  }
74324
77628
  ],
74325
- "tags": {},
77629
+ "tags": {
77630
+ "deprecated": "⚠️ `SidePanelProps` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77631
+ },
74326
77632
  "type": {
74327
77633
  "kind": "alias",
74328
77634
  "name": "SidePanel"
@@ -74338,7 +77644,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
74338
77644
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
74339
77645
  }
74340
77646
  ],
74341
- "tags": {},
77647
+ "tags": {
77648
+ "deprecated": "⚠️ `panelStencil` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
77649
+ },
74342
77650
  "type": {
74343
77651
  "kind": "function",
74344
77652
  "parameters": [
@@ -75042,7 +78350,9 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
75042
78350
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/preview-react/side-panel/lib/SidePanel.tsx"
75043
78351
  }
75044
78352
  ],
75045
- "tags": {},
78353
+ "tags": {
78354
+ "deprecated": "⚠️ `SidePanel` in Preview has been deprecated and will be removed in a future major version. Please use [`SidePanel` in Labs](https://workday.github.io/canvas-kit/?path=/docs/labs-side-panel--docs) instead."
78355
+ },
75046
78356
  "type": {
75047
78357
  "kind": "enhancedComponent",
75048
78358
  "componentType": "regular",
@@ -77426,51 +80736,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
77426
80736
  "value": [
77427
80737
  {
77428
80738
  "kind": "string",
77429
- "value": "title.medium"
80739
+ "value": "body.medium"
77430
80740
  },
77431
80741
  {
77432
80742
  "kind": "string",
77433
- "value": "title.large"
80743
+ "value": "body.large"
77434
80744
  },
77435
80745
  {
77436
80746
  "kind": "string",
77437
- "value": "title.small"
80747
+ "value": "body.small"
77438
80748
  },
77439
80749
  {
77440
80750
  "kind": "string",
77441
- "value": "body.medium"
80751
+ "value": "title.medium"
77442
80752
  },
77443
80753
  {
77444
80754
  "kind": "string",
77445
- "value": "body.large"
80755
+ "value": "title.large"
77446
80756
  },
77447
80757
  {
77448
80758
  "kind": "string",
77449
- "value": "body.small"
80759
+ "value": "title.small"
77450
80760
  },
77451
80761
  {
77452
80762
  "kind": "string",
77453
- "value": "subtext.medium"
80763
+ "value": "heading.medium"
77454
80764
  },
77455
80765
  {
77456
80766
  "kind": "string",
77457
- "value": "subtext.large"
80767
+ "value": "heading.large"
77458
80768
  },
77459
80769
  {
77460
80770
  "kind": "string",
77461
- "value": "subtext.small"
80771
+ "value": "heading.small"
77462
80772
  },
77463
80773
  {
77464
80774
  "kind": "string",
77465
- "value": "heading.medium"
80775
+ "value": "subtext.medium"
77466
80776
  },
77467
80777
  {
77468
80778
  "kind": "string",
77469
- "value": "heading.large"
80779
+ "value": "subtext.large"
77470
80780
  },
77471
80781
  {
77472
80782
  "kind": "string",
77473
- "value": "heading.small"
80783
+ "value": "subtext.small"
77474
80784
  }
77475
80785
  ]
77476
80786
  },
@@ -96337,51 +99647,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
96337
99647
  "value": [
96338
99648
  {
96339
99649
  "kind": "string",
96340
- "value": "title.medium"
99650
+ "value": "body.medium"
96341
99651
  },
96342
99652
  {
96343
99653
  "kind": "string",
96344
- "value": "title.large"
99654
+ "value": "body.large"
96345
99655
  },
96346
99656
  {
96347
99657
  "kind": "string",
96348
- "value": "title.small"
99658
+ "value": "body.small"
96349
99659
  },
96350
99660
  {
96351
99661
  "kind": "string",
96352
- "value": "body.medium"
99662
+ "value": "title.medium"
96353
99663
  },
96354
99664
  {
96355
99665
  "kind": "string",
96356
- "value": "body.large"
99666
+ "value": "title.large"
96357
99667
  },
96358
99668
  {
96359
99669
  "kind": "string",
96360
- "value": "body.small"
99670
+ "value": "title.small"
96361
99671
  },
96362
99672
  {
96363
99673
  "kind": "string",
96364
- "value": "subtext.medium"
99674
+ "value": "heading.medium"
96365
99675
  },
96366
99676
  {
96367
99677
  "kind": "string",
96368
- "value": "subtext.large"
99678
+ "value": "heading.large"
96369
99679
  },
96370
99680
  {
96371
99681
  "kind": "string",
96372
- "value": "subtext.small"
99682
+ "value": "heading.small"
96373
99683
  },
96374
99684
  {
96375
99685
  "kind": "string",
96376
- "value": "heading.medium"
99686
+ "value": "subtext.medium"
96377
99687
  },
96378
99688
  {
96379
99689
  "kind": "string",
96380
- "value": "heading.large"
99690
+ "value": "subtext.large"
96381
99691
  },
96382
99692
  {
96383
99693
  "kind": "string",
96384
- "value": "heading.small"
99694
+ "value": "subtext.small"
96385
99695
  }
96386
99696
  ]
96387
99697
  },
@@ -228180,51 +231490,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
228180
231490
  "value": [
228181
231491
  {
228182
231492
  "kind": "string",
228183
- "value": "title.medium"
231493
+ "value": "body.medium"
228184
231494
  },
228185
231495
  {
228186
231496
  "kind": "string",
228187
- "value": "title.large"
231497
+ "value": "body.large"
228188
231498
  },
228189
231499
  {
228190
231500
  "kind": "string",
228191
- "value": "title.small"
231501
+ "value": "body.small"
228192
231502
  },
228193
231503
  {
228194
231504
  "kind": "string",
228195
- "value": "body.medium"
231505
+ "value": "title.medium"
228196
231506
  },
228197
231507
  {
228198
231508
  "kind": "string",
228199
- "value": "body.large"
231509
+ "value": "title.large"
228200
231510
  },
228201
231511
  {
228202
231512
  "kind": "string",
228203
- "value": "body.small"
231513
+ "value": "title.small"
228204
231514
  },
228205
231515
  {
228206
231516
  "kind": "string",
228207
- "value": "subtext.medium"
231517
+ "value": "heading.medium"
228208
231518
  },
228209
231519
  {
228210
231520
  "kind": "string",
228211
- "value": "subtext.large"
231521
+ "value": "heading.large"
228212
231522
  },
228213
231523
  {
228214
231524
  "kind": "string",
228215
- "value": "subtext.small"
231525
+ "value": "heading.small"
228216
231526
  },
228217
231527
  {
228218
231528
  "kind": "string",
228219
- "value": "heading.medium"
231529
+ "value": "subtext.medium"
228220
231530
  },
228221
231531
  {
228222
231532
  "kind": "string",
228223
- "value": "heading.large"
231533
+ "value": "subtext.large"
228224
231534
  },
228225
231535
  {
228226
231536
  "kind": "string",
228227
- "value": "heading.small"
231537
+ "value": "subtext.small"
228228
231538
  }
228229
231539
  ]
228230
231540
  },
@@ -229245,51 +232555,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
229245
232555
  "value": [
229246
232556
  {
229247
232557
  "kind": "string",
229248
- "value": "title.medium"
232558
+ "value": "body.medium"
229249
232559
  },
229250
232560
  {
229251
232561
  "kind": "string",
229252
- "value": "title.large"
232562
+ "value": "body.large"
229253
232563
  },
229254
232564
  {
229255
232565
  "kind": "string",
229256
- "value": "title.small"
232566
+ "value": "body.small"
229257
232567
  },
229258
232568
  {
229259
232569
  "kind": "string",
229260
- "value": "body.medium"
232570
+ "value": "title.medium"
229261
232571
  },
229262
232572
  {
229263
232573
  "kind": "string",
229264
- "value": "body.large"
232574
+ "value": "title.large"
229265
232575
  },
229266
232576
  {
229267
232577
  "kind": "string",
229268
- "value": "body.small"
232578
+ "value": "title.small"
229269
232579
  },
229270
232580
  {
229271
232581
  "kind": "string",
229272
- "value": "subtext.medium"
232582
+ "value": "heading.medium"
229273
232583
  },
229274
232584
  {
229275
232585
  "kind": "string",
229276
- "value": "subtext.large"
232586
+ "value": "heading.large"
229277
232587
  },
229278
232588
  {
229279
232589
  "kind": "string",
229280
- "value": "subtext.small"
232590
+ "value": "heading.small"
229281
232591
  },
229282
232592
  {
229283
232593
  "kind": "string",
229284
- "value": "heading.medium"
232594
+ "value": "subtext.medium"
229285
232595
  },
229286
232596
  {
229287
232597
  "kind": "string",
229288
- "value": "heading.large"
232598
+ "value": "subtext.large"
229289
232599
  },
229290
232600
  {
229291
232601
  "kind": "string",
229292
- "value": "heading.small"
232602
+ "value": "subtext.small"
229293
232603
  }
229294
232604
  ]
229295
232605
  },
@@ -230454,51 +233764,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
230454
233764
  "value": [
230455
233765
  {
230456
233766
  "kind": "string",
230457
- "value": "title.medium"
233767
+ "value": "body.medium"
230458
233768
  },
230459
233769
  {
230460
233770
  "kind": "string",
230461
- "value": "title.large"
233771
+ "value": "body.large"
230462
233772
  },
230463
233773
  {
230464
233774
  "kind": "string",
230465
- "value": "title.small"
233775
+ "value": "body.small"
230466
233776
  },
230467
233777
  {
230468
233778
  "kind": "string",
230469
- "value": "body.medium"
233779
+ "value": "title.medium"
230470
233780
  },
230471
233781
  {
230472
233782
  "kind": "string",
230473
- "value": "body.large"
233783
+ "value": "title.large"
230474
233784
  },
230475
233785
  {
230476
233786
  "kind": "string",
230477
- "value": "body.small"
233787
+ "value": "title.small"
230478
233788
  },
230479
233789
  {
230480
233790
  "kind": "string",
230481
- "value": "subtext.medium"
233791
+ "value": "heading.medium"
230482
233792
  },
230483
233793
  {
230484
233794
  "kind": "string",
230485
- "value": "subtext.large"
233795
+ "value": "heading.large"
230486
233796
  },
230487
233797
  {
230488
233798
  "kind": "string",
230489
- "value": "subtext.small"
233799
+ "value": "heading.small"
230490
233800
  },
230491
233801
  {
230492
233802
  "kind": "string",
230493
- "value": "heading.medium"
233803
+ "value": "subtext.medium"
230494
233804
  },
230495
233805
  {
230496
233806
  "kind": "string",
230497
- "value": "heading.large"
233807
+ "value": "subtext.large"
230498
233808
  },
230499
233809
  {
230500
233810
  "kind": "string",
230501
- "value": "heading.small"
233811
+ "value": "subtext.small"
230502
233812
  }
230503
233813
  ]
230504
233814
  },
@@ -277136,16 +280446,16 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
277136
280446
  },
277137
280447
  {
277138
280448
  "kind": "property",
277139
- "name": "shouldVirtualize",
280449
+ "name": "id",
277140
280450
  "type": {
277141
- "kind": "boolean",
277142
- "value": true
280451
+ "kind": "primitive",
280452
+ "value": "string"
277143
280453
  },
277144
280454
  "required": true,
277145
- "description": "",
280455
+ "description": "IDREF of the list. Children ids can be derived from this id",
277146
280456
  "declarations": [
277147
280457
  {
277148
- "name": "shouldVirtualize",
280458
+ "name": "id",
277149
280459
  "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
277150
280460
  }
277151
280461
  ],
@@ -277153,70 +280463,70 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
277153
280463
  },
277154
280464
  {
277155
280465
  "kind": "property",
277156
- "name": "selection",
280466
+ "name": "navigation",
277157
280467
  "type": {
277158
280468
  "kind": "symbol",
277159
- "name": "SelectionManager",
277160
- "value": "SelectionManager"
280469
+ "name": "NavigationManager",
280470
+ "value": "NavigationManager"
277161
280471
  },
277162
280472
  "required": true,
277163
- "description": "",
280473
+ "description": "Controls the state changes when the user sends navigation events to the model. For example,\nwhen the user hits the \"right\" arrow, a behavior hook will determine directionality\n(left-to-right or right-to-left) and call the correct navigation method. In our example, a\nleft-to-right language would send a `getNext`. The navigation manager may return the next item\nin the list. Different managers can be created for slightly different use cases. The default\nnavigation manager will accept `orientation` and directionality to determine mapping.\n\nAn example override might be a tab list with an overflow menu that is meant to be transparent\nto screen reader users. This would require the overflow menu to accept both up/down keys as\nwell as left/right keys to give a more consistent experience to all users.",
277164
280474
  "declarations": [
277165
280475
  {
277166
- "name": "selection",
277167
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useSelectionListModel.tsx"
280476
+ "name": "navigation",
280477
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
277168
280478
  }
277169
280479
  ],
277170
280480
  "tags": {}
277171
280481
  },
277172
280482
  {
277173
280483
  "kind": "property",
277174
- "name": "navigation",
280484
+ "name": "shouldVirtualize",
277175
280485
  "type": {
277176
- "kind": "symbol",
277177
- "name": "NavigationManager",
277178
- "value": "NavigationManager"
280486
+ "kind": "boolean",
280487
+ "value": true
277179
280488
  },
277180
280489
  "required": true,
277181
- "description": "Controls the state changes when the user sends navigation events to the model. For example,\nwhen the user hits the \"right\" arrow, a behavior hook will determine directionality\n(left-to-right or right-to-left) and call the correct navigation method. In our example, a\nleft-to-right language would send a `getNext`. The navigation manager may return the next item\nin the list. Different managers can be created for slightly different use cases. The default\nnavigation manager will accept `orientation` and directionality to determine mapping.\n\nAn example override might be a tab list with an overflow menu that is meant to be transparent\nto screen reader users. This would require the overflow menu to accept both up/down keys as\nwell as left/right keys to give a more consistent experience to all users.",
280490
+ "description": "",
277182
280491
  "declarations": [
277183
280492
  {
277184
- "name": "navigation",
277185
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
280493
+ "name": "shouldVirtualize",
280494
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
277186
280495
  }
277187
280496
  ],
277188
280497
  "tags": {}
277189
280498
  },
277190
280499
  {
277191
280500
  "kind": "property",
277192
- "name": "pageSize",
280501
+ "name": "selection",
277193
280502
  "type": {
277194
- "kind": "primitive",
277195
- "value": "number"
280503
+ "kind": "symbol",
280504
+ "name": "SelectionManager",
280505
+ "value": "SelectionManager"
277196
280506
  },
277197
280507
  "required": true,
277198
- "description": "Controls how much a pageUp/pageDown navigation request will jump. If not provided, the size\nof the list and number of items rendered will determine this value.",
280508
+ "description": "",
277199
280509
  "declarations": [
277200
280510
  {
277201
- "name": "pageSize",
277202
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
280511
+ "name": "selection",
280512
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useSelectionListModel.tsx"
277203
280513
  }
277204
280514
  ],
277205
280515
  "tags": {}
277206
280516
  },
277207
280517
  {
277208
280518
  "kind": "property",
277209
- "name": "id",
280519
+ "name": "pageSize",
277210
280520
  "type": {
277211
280521
  "kind": "primitive",
277212
- "value": "string"
280522
+ "value": "number"
277213
280523
  },
277214
280524
  "required": true,
277215
- "description": "IDREF of the list. Children ids can be derived from this id",
280525
+ "description": "Controls how much a pageUp/pageDown navigation request will jump. If not provided, the size\nof the list and number of items rendered will determine this value.",
277216
280526
  "declarations": [
277217
280527
  {
277218
- "name": "id",
277219
- "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useBaseListModel.tsx"
280528
+ "name": "pageSize",
280529
+ "filePath": "/home/runner/work/canvas-kit/canvas-kit/modules/react/collection/lib/useCursorListModel.tsx"
277220
280530
  }
277221
280531
  ],
277222
280532
  "tags": {}
@@ -396216,51 +399526,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
396216
399526
  "value": [
396217
399527
  {
396218
399528
  "kind": "string",
396219
- "value": "title.medium"
399529
+ "value": "body.medium"
396220
399530
  },
396221
399531
  {
396222
399532
  "kind": "string",
396223
- "value": "title.large"
399533
+ "value": "body.large"
396224
399534
  },
396225
399535
  {
396226
399536
  "kind": "string",
396227
- "value": "title.small"
399537
+ "value": "body.small"
396228
399538
  },
396229
399539
  {
396230
399540
  "kind": "string",
396231
- "value": "body.medium"
399541
+ "value": "title.medium"
396232
399542
  },
396233
399543
  {
396234
399544
  "kind": "string",
396235
- "value": "body.large"
399545
+ "value": "title.large"
396236
399546
  },
396237
399547
  {
396238
399548
  "kind": "string",
396239
- "value": "body.small"
399549
+ "value": "title.small"
396240
399550
  },
396241
399551
  {
396242
399552
  "kind": "string",
396243
- "value": "subtext.medium"
399553
+ "value": "heading.medium"
396244
399554
  },
396245
399555
  {
396246
399556
  "kind": "string",
396247
- "value": "subtext.large"
399557
+ "value": "heading.large"
396248
399558
  },
396249
399559
  {
396250
399560
  "kind": "string",
396251
- "value": "subtext.small"
399561
+ "value": "heading.small"
396252
399562
  },
396253
399563
  {
396254
399564
  "kind": "string",
396255
- "value": "heading.medium"
399565
+ "value": "subtext.medium"
396256
399566
  },
396257
399567
  {
396258
399568
  "kind": "string",
396259
- "value": "heading.large"
399569
+ "value": "subtext.large"
396260
399570
  },
396261
399571
  {
396262
399572
  "kind": "string",
396263
- "value": "heading.small"
399573
+ "value": "subtext.small"
396264
399574
  }
396265
399575
  ]
396266
399576
  },
@@ -401113,51 +404423,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
401113
404423
  "value": [
401114
404424
  {
401115
404425
  "kind": "string",
401116
- "value": "title.medium"
404426
+ "value": "body.medium"
401117
404427
  },
401118
404428
  {
401119
404429
  "kind": "string",
401120
- "value": "title.large"
404430
+ "value": "body.large"
401121
404431
  },
401122
404432
  {
401123
404433
  "kind": "string",
401124
- "value": "title.small"
404434
+ "value": "body.small"
401125
404435
  },
401126
404436
  {
401127
404437
  "kind": "string",
401128
- "value": "body.medium"
404438
+ "value": "title.medium"
401129
404439
  },
401130
404440
  {
401131
404441
  "kind": "string",
401132
- "value": "body.large"
404442
+ "value": "title.large"
401133
404443
  },
401134
404444
  {
401135
404445
  "kind": "string",
401136
- "value": "body.small"
404446
+ "value": "title.small"
401137
404447
  },
401138
404448
  {
401139
404449
  "kind": "string",
401140
- "value": "subtext.medium"
404450
+ "value": "heading.medium"
401141
404451
  },
401142
404452
  {
401143
404453
  "kind": "string",
401144
- "value": "subtext.large"
404454
+ "value": "heading.large"
401145
404455
  },
401146
404456
  {
401147
404457
  "kind": "string",
401148
- "value": "subtext.small"
404458
+ "value": "heading.small"
401149
404459
  },
401150
404460
  {
401151
404461
  "kind": "string",
401152
- "value": "heading.medium"
404462
+ "value": "subtext.medium"
401153
404463
  },
401154
404464
  {
401155
404465
  "kind": "string",
401156
- "value": "heading.large"
404466
+ "value": "subtext.large"
401157
404467
  },
401158
404468
  {
401159
404469
  "kind": "string",
401160
- "value": "heading.small"
404470
+ "value": "subtext.small"
401161
404471
  }
401162
404472
  ]
401163
404473
  },
@@ -402051,51 +405361,51 @@ export const docs = (typeof window !== 'undefined' && window.__docs) ||
402051
405361
  "value": [
402052
405362
  {
402053
405363
  "kind": "string",
402054
- "value": "title.medium"
405364
+ "value": "body.medium"
402055
405365
  },
402056
405366
  {
402057
405367
  "kind": "string",
402058
- "value": "title.large"
405368
+ "value": "body.large"
402059
405369
  },
402060
405370
  {
402061
405371
  "kind": "string",
402062
- "value": "title.small"
405372
+ "value": "body.small"
402063
405373
  },
402064
405374
  {
402065
405375
  "kind": "string",
402066
- "value": "body.medium"
405376
+ "value": "title.medium"
402067
405377
  },
402068
405378
  {
402069
405379
  "kind": "string",
402070
- "value": "body.large"
405380
+ "value": "title.large"
402071
405381
  },
402072
405382
  {
402073
405383
  "kind": "string",
402074
- "value": "body.small"
405384
+ "value": "title.small"
402075
405385
  },
402076
405386
  {
402077
405387
  "kind": "string",
402078
- "value": "subtext.medium"
405388
+ "value": "heading.medium"
402079
405389
  },
402080
405390
  {
402081
405391
  "kind": "string",
402082
- "value": "subtext.large"
405392
+ "value": "heading.large"
402083
405393
  },
402084
405394
  {
402085
405395
  "kind": "string",
402086
- "value": "subtext.small"
405396
+ "value": "heading.small"
402087
405397
  },
402088
405398
  {
402089
405399
  "kind": "string",
402090
- "value": "heading.medium"
405400
+ "value": "subtext.medium"
402091
405401
  },
402092
405402
  {
402093
405403
  "kind": "string",
402094
- "value": "heading.large"
405404
+ "value": "subtext.large"
402095
405405
  },
402096
405406
  {
402097
405407
  "kind": "string",
402098
- "value": "heading.small"
405408
+ "value": "subtext.small"
402099
405409
  }
402100
405410
  ]
402101
405411
  },