@wallarm-org/design-system 4.4.0 → 4.5.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 (26) hide show
  1. package/dist/components/ImageCropper/ImageCropper.d.ts +16 -0
  2. package/dist/components/ImageCropper/ImageCropper.js +360 -0
  3. package/dist/components/ImageCropper/ImageCropperContext.d.ts +7 -0
  4. package/dist/components/ImageCropper/ImageCropperContext.js +17 -0
  5. package/dist/components/ImageCropper/ImageCropperGrid.d.ts +7 -0
  6. package/dist/components/ImageCropper/ImageCropperGrid.js +83 -0
  7. package/dist/components/ImageCropper/ImageCropperImage.d.ts +6 -0
  8. package/dist/components/ImageCropper/ImageCropperImage.js +150 -0
  9. package/dist/components/ImageCropper/ImageCropperProvider.d.ts +37 -0
  10. package/dist/components/ImageCropper/ImageCropperProvider.js +46 -0
  11. package/dist/components/ImageCropper/ImageCropperSelection.d.ts +7 -0
  12. package/dist/components/ImageCropper/ImageCropperSelection.js +91 -0
  13. package/dist/components/ImageCropper/ImageCropperViewport.d.ts +9 -0
  14. package/dist/components/ImageCropper/ImageCropperViewport.js +135 -0
  15. package/dist/components/ImageCropper/index.d.ts +9 -0
  16. package/dist/components/ImageCropper/index.js +6 -0
  17. package/dist/components/ImageCropper/lib/exportCrop.d.ts +9 -0
  18. package/dist/components/ImageCropper/lib/exportCrop.js +20 -0
  19. package/dist/components/ImageCropper/lib/geometry.d.ts +23 -0
  20. package/dist/components/ImageCropper/lib/geometry.js +19 -0
  21. package/dist/components/ImageCropper/useCropperMachine.d.ts +9 -0
  22. package/dist/components/ImageCropper/useCropperMachine.js +60 -0
  23. package/dist/index.d.ts +1 -0
  24. package/dist/index.js +1 -0
  25. package/dist/metadata/components.json +1544 -2
  26. package/package.json +2 -1
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "4.3.4",
3
- "generatedAt": "2026-10-30T11:34:31.521Z",
2
+ "version": "4.4.0",
3
+ "generatedAt": "2026-10-31T08:08:32.772Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "Accordion",
@@ -60770,6 +60770,1548 @@
60770
60770
  }
60771
60771
  ]
60772
60772
  },
60773
+ {
60774
+ "name": "ImageCropper",
60775
+ "description": "Client-side image crop and resize. Compose a viewport, image, selection and external controls.",
60776
+ "importPath": "@wallarm-org/design-system/ImageCropper",
60777
+ "props": [
60778
+ {
60779
+ "name": "outputSize",
60780
+ "type": "ImageCropperSize",
60781
+ "required": true,
60782
+ "description": "Exact exported pixel dimensions; also determines the visible frame's aspect ratio."
60783
+ },
60784
+ {
60785
+ "name": "zoom",
60786
+ "type": "number | undefined",
60787
+ "required": false
60788
+ },
60789
+ {
60790
+ "name": "defaultZoom",
60791
+ "type": "number | undefined",
60792
+ "required": false,
60793
+ "defaultValue": "1"
60794
+ },
60795
+ {
60796
+ "name": "minZoom",
60797
+ "type": "number | undefined",
60798
+ "required": false,
60799
+ "description": "The minimum scale, relative to the image covering the frame. Must be at least 1.",
60800
+ "defaultValue": "1"
60801
+ },
60802
+ {
60803
+ "name": "maxZoom",
60804
+ "type": "number | undefined",
60805
+ "required": false,
60806
+ "defaultValue": "5"
60807
+ },
60808
+ {
60809
+ "name": "onZoomChange",
60810
+ "type": "((zoom: number) => void) | undefined",
60811
+ "required": false
60812
+ },
60813
+ {
60814
+ "name": "defaultChecked",
60815
+ "type": "boolean | undefined",
60816
+ "required": false
60817
+ },
60818
+ {
60819
+ "name": "defaultValue",
60820
+ "type": "string | number | readonly string[] | undefined",
60821
+ "required": false
60822
+ },
60823
+ {
60824
+ "name": "suppressContentEditableWarning",
60825
+ "type": "boolean | undefined",
60826
+ "required": false
60827
+ },
60828
+ {
60829
+ "name": "suppressHydrationWarning",
60830
+ "type": "boolean | undefined",
60831
+ "required": false
60832
+ },
60833
+ {
60834
+ "name": "accessKey",
60835
+ "type": "string | undefined",
60836
+ "required": false
60837
+ },
60838
+ {
60839
+ "name": "autoCapitalize",
60840
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
60841
+ "required": false
60842
+ },
60843
+ {
60844
+ "name": "autoFocus",
60845
+ "type": "boolean | undefined",
60846
+ "required": false
60847
+ },
60848
+ {
60849
+ "name": "contentEditable",
60850
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
60851
+ "required": false
60852
+ },
60853
+ {
60854
+ "name": "contextMenu",
60855
+ "type": "string | undefined",
60856
+ "required": false
60857
+ },
60858
+ {
60859
+ "name": "dir",
60860
+ "type": "string | undefined",
60861
+ "required": false
60862
+ },
60863
+ {
60864
+ "name": "draggable",
60865
+ "type": "Booleanish | undefined",
60866
+ "required": false
60867
+ },
60868
+ {
60869
+ "name": "enterKeyHint",
60870
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
60871
+ "required": false
60872
+ },
60873
+ {
60874
+ "name": "hidden",
60875
+ "type": "boolean | undefined",
60876
+ "required": false
60877
+ },
60878
+ {
60879
+ "name": "id",
60880
+ "type": "string | undefined",
60881
+ "required": false
60882
+ },
60883
+ {
60884
+ "name": "lang",
60885
+ "type": "string | undefined",
60886
+ "required": false
60887
+ },
60888
+ {
60889
+ "name": "nonce",
60890
+ "type": "string | undefined",
60891
+ "required": false
60892
+ },
60893
+ {
60894
+ "name": "slot",
60895
+ "type": "string | undefined",
60896
+ "required": false
60897
+ },
60898
+ {
60899
+ "name": "spellCheck",
60900
+ "type": "Booleanish | undefined",
60901
+ "required": false
60902
+ },
60903
+ {
60904
+ "name": "tabIndex",
60905
+ "type": "number | undefined",
60906
+ "required": false
60907
+ },
60908
+ {
60909
+ "name": "title",
60910
+ "type": "string | undefined",
60911
+ "required": false
60912
+ },
60913
+ {
60914
+ "name": "translate",
60915
+ "type": "\"yes\" | \"no\" | undefined",
60916
+ "required": false
60917
+ },
60918
+ {
60919
+ "name": "radioGroup",
60920
+ "type": "string | undefined",
60921
+ "required": false
60922
+ },
60923
+ {
60924
+ "name": "role",
60925
+ "type": "AriaRole | undefined",
60926
+ "required": false
60927
+ },
60928
+ {
60929
+ "name": "about",
60930
+ "type": "string | undefined",
60931
+ "required": false
60932
+ },
60933
+ {
60934
+ "name": "content",
60935
+ "type": "string | undefined",
60936
+ "required": false
60937
+ },
60938
+ {
60939
+ "name": "datatype",
60940
+ "type": "string | undefined",
60941
+ "required": false
60942
+ },
60943
+ {
60944
+ "name": "inlist",
60945
+ "type": "any",
60946
+ "required": false
60947
+ },
60948
+ {
60949
+ "name": "prefix",
60950
+ "type": "string | undefined",
60951
+ "required": false
60952
+ },
60953
+ {
60954
+ "name": "property",
60955
+ "type": "string | undefined",
60956
+ "required": false
60957
+ },
60958
+ {
60959
+ "name": "rel",
60960
+ "type": "string | undefined",
60961
+ "required": false
60962
+ },
60963
+ {
60964
+ "name": "resource",
60965
+ "type": "string | undefined",
60966
+ "required": false
60967
+ },
60968
+ {
60969
+ "name": "rev",
60970
+ "type": "string | undefined",
60971
+ "required": false
60972
+ },
60973
+ {
60974
+ "name": "typeof",
60975
+ "type": "string | undefined",
60976
+ "required": false
60977
+ },
60978
+ {
60979
+ "name": "vocab",
60980
+ "type": "string | undefined",
60981
+ "required": false
60982
+ },
60983
+ {
60984
+ "name": "autoCorrect",
60985
+ "type": "string | undefined",
60986
+ "required": false
60987
+ },
60988
+ {
60989
+ "name": "autoSave",
60990
+ "type": "string | undefined",
60991
+ "required": false
60992
+ },
60993
+ {
60994
+ "name": "color",
60995
+ "type": "string | undefined",
60996
+ "required": false
60997
+ },
60998
+ {
60999
+ "name": "itemProp",
61000
+ "type": "string | undefined",
61001
+ "required": false
61002
+ },
61003
+ {
61004
+ "name": "itemScope",
61005
+ "type": "boolean | undefined",
61006
+ "required": false
61007
+ },
61008
+ {
61009
+ "name": "itemType",
61010
+ "type": "string | undefined",
61011
+ "required": false
61012
+ },
61013
+ {
61014
+ "name": "itemID",
61015
+ "type": "string | undefined",
61016
+ "required": false
61017
+ },
61018
+ {
61019
+ "name": "itemRef",
61020
+ "type": "string | undefined",
61021
+ "required": false
61022
+ },
61023
+ {
61024
+ "name": "results",
61025
+ "type": "number | undefined",
61026
+ "required": false
61027
+ },
61028
+ {
61029
+ "name": "security",
61030
+ "type": "string | undefined",
61031
+ "required": false
61032
+ },
61033
+ {
61034
+ "name": "unselectable",
61035
+ "type": "\"off\" | \"on\" | undefined",
61036
+ "required": false
61037
+ },
61038
+ {
61039
+ "name": "popover",
61040
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
61041
+ "required": false
61042
+ },
61043
+ {
61044
+ "name": "popoverTargetAction",
61045
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
61046
+ "required": false
61047
+ },
61048
+ {
61049
+ "name": "popoverTarget",
61050
+ "type": "string | undefined",
61051
+ "required": false
61052
+ },
61053
+ {
61054
+ "name": "inert",
61055
+ "type": "boolean | undefined",
61056
+ "required": false,
61057
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
61058
+ },
61059
+ {
61060
+ "name": "inputMode",
61061
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
61062
+ "required": false,
61063
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
61064
+ },
61065
+ {
61066
+ "name": "is",
61067
+ "type": "string | undefined",
61068
+ "required": false,
61069
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
61070
+ },
61071
+ {
61072
+ "name": "exportparts",
61073
+ "type": "string | undefined",
61074
+ "required": false,
61075
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
61076
+ },
61077
+ {
61078
+ "name": "part",
61079
+ "type": "string | undefined",
61080
+ "required": false,
61081
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
61082
+ },
61083
+ {
61084
+ "name": "data-testid",
61085
+ "type": "string | undefined",
61086
+ "required": false
61087
+ }
61088
+ ],
61089
+ "variants": [],
61090
+ "subComponents": [
61091
+ {
61092
+ "name": "ImageCropperContext",
61093
+ "props": []
61094
+ },
61095
+ {
61096
+ "name": "ImageCropperGrid",
61097
+ "props": [
61098
+ {
61099
+ "name": "defaultChecked",
61100
+ "type": "boolean | undefined",
61101
+ "required": false
61102
+ },
61103
+ {
61104
+ "name": "defaultValue",
61105
+ "type": "string | number | readonly string[] | undefined",
61106
+ "required": false
61107
+ },
61108
+ {
61109
+ "name": "suppressContentEditableWarning",
61110
+ "type": "boolean | undefined",
61111
+ "required": false
61112
+ },
61113
+ {
61114
+ "name": "suppressHydrationWarning",
61115
+ "type": "boolean | undefined",
61116
+ "required": false
61117
+ },
61118
+ {
61119
+ "name": "accessKey",
61120
+ "type": "string | undefined",
61121
+ "required": false
61122
+ },
61123
+ {
61124
+ "name": "autoCapitalize",
61125
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
61126
+ "required": false
61127
+ },
61128
+ {
61129
+ "name": "autoFocus",
61130
+ "type": "boolean | undefined",
61131
+ "required": false
61132
+ },
61133
+ {
61134
+ "name": "contentEditable",
61135
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
61136
+ "required": false
61137
+ },
61138
+ {
61139
+ "name": "contextMenu",
61140
+ "type": "string | undefined",
61141
+ "required": false
61142
+ },
61143
+ {
61144
+ "name": "dir",
61145
+ "type": "string | undefined",
61146
+ "required": false
61147
+ },
61148
+ {
61149
+ "name": "draggable",
61150
+ "type": "Booleanish | undefined",
61151
+ "required": false
61152
+ },
61153
+ {
61154
+ "name": "enterKeyHint",
61155
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
61156
+ "required": false
61157
+ },
61158
+ {
61159
+ "name": "hidden",
61160
+ "type": "boolean | undefined",
61161
+ "required": false
61162
+ },
61163
+ {
61164
+ "name": "id",
61165
+ "type": "string | undefined",
61166
+ "required": false
61167
+ },
61168
+ {
61169
+ "name": "lang",
61170
+ "type": "string | undefined",
61171
+ "required": false
61172
+ },
61173
+ {
61174
+ "name": "nonce",
61175
+ "type": "string | undefined",
61176
+ "required": false
61177
+ },
61178
+ {
61179
+ "name": "slot",
61180
+ "type": "string | undefined",
61181
+ "required": false
61182
+ },
61183
+ {
61184
+ "name": "spellCheck",
61185
+ "type": "Booleanish | undefined",
61186
+ "required": false
61187
+ },
61188
+ {
61189
+ "name": "tabIndex",
61190
+ "type": "number | undefined",
61191
+ "required": false
61192
+ },
61193
+ {
61194
+ "name": "title",
61195
+ "type": "string | undefined",
61196
+ "required": false
61197
+ },
61198
+ {
61199
+ "name": "translate",
61200
+ "type": "\"yes\" | \"no\" | undefined",
61201
+ "required": false
61202
+ },
61203
+ {
61204
+ "name": "radioGroup",
61205
+ "type": "string | undefined",
61206
+ "required": false
61207
+ },
61208
+ {
61209
+ "name": "role",
61210
+ "type": "AriaRole | undefined",
61211
+ "required": false
61212
+ },
61213
+ {
61214
+ "name": "about",
61215
+ "type": "string | undefined",
61216
+ "required": false
61217
+ },
61218
+ {
61219
+ "name": "content",
61220
+ "type": "string | undefined",
61221
+ "required": false
61222
+ },
61223
+ {
61224
+ "name": "datatype",
61225
+ "type": "string | undefined",
61226
+ "required": false
61227
+ },
61228
+ {
61229
+ "name": "inlist",
61230
+ "type": "any",
61231
+ "required": false
61232
+ },
61233
+ {
61234
+ "name": "prefix",
61235
+ "type": "string | undefined",
61236
+ "required": false
61237
+ },
61238
+ {
61239
+ "name": "property",
61240
+ "type": "string | undefined",
61241
+ "required": false
61242
+ },
61243
+ {
61244
+ "name": "rel",
61245
+ "type": "string | undefined",
61246
+ "required": false
61247
+ },
61248
+ {
61249
+ "name": "resource",
61250
+ "type": "string | undefined",
61251
+ "required": false
61252
+ },
61253
+ {
61254
+ "name": "rev",
61255
+ "type": "string | undefined",
61256
+ "required": false
61257
+ },
61258
+ {
61259
+ "name": "typeof",
61260
+ "type": "string | undefined",
61261
+ "required": false
61262
+ },
61263
+ {
61264
+ "name": "vocab",
61265
+ "type": "string | undefined",
61266
+ "required": false
61267
+ },
61268
+ {
61269
+ "name": "autoCorrect",
61270
+ "type": "string | undefined",
61271
+ "required": false
61272
+ },
61273
+ {
61274
+ "name": "autoSave",
61275
+ "type": "string | undefined",
61276
+ "required": false
61277
+ },
61278
+ {
61279
+ "name": "color",
61280
+ "type": "string | undefined",
61281
+ "required": false
61282
+ },
61283
+ {
61284
+ "name": "itemProp",
61285
+ "type": "string | undefined",
61286
+ "required": false
61287
+ },
61288
+ {
61289
+ "name": "itemScope",
61290
+ "type": "boolean | undefined",
61291
+ "required": false
61292
+ },
61293
+ {
61294
+ "name": "itemType",
61295
+ "type": "string | undefined",
61296
+ "required": false
61297
+ },
61298
+ {
61299
+ "name": "itemID",
61300
+ "type": "string | undefined",
61301
+ "required": false
61302
+ },
61303
+ {
61304
+ "name": "itemRef",
61305
+ "type": "string | undefined",
61306
+ "required": false
61307
+ },
61308
+ {
61309
+ "name": "results",
61310
+ "type": "number | undefined",
61311
+ "required": false
61312
+ },
61313
+ {
61314
+ "name": "security",
61315
+ "type": "string | undefined",
61316
+ "required": false
61317
+ },
61318
+ {
61319
+ "name": "unselectable",
61320
+ "type": "\"off\" | \"on\" | undefined",
61321
+ "required": false
61322
+ },
61323
+ {
61324
+ "name": "popover",
61325
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
61326
+ "required": false
61327
+ },
61328
+ {
61329
+ "name": "popoverTargetAction",
61330
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
61331
+ "required": false
61332
+ },
61333
+ {
61334
+ "name": "popoverTarget",
61335
+ "type": "string | undefined",
61336
+ "required": false
61337
+ },
61338
+ {
61339
+ "name": "inert",
61340
+ "type": "boolean | undefined",
61341
+ "required": false,
61342
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
61343
+ },
61344
+ {
61345
+ "name": "inputMode",
61346
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
61347
+ "required": false,
61348
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
61349
+ },
61350
+ {
61351
+ "name": "is",
61352
+ "type": "string | undefined",
61353
+ "required": false,
61354
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
61355
+ },
61356
+ {
61357
+ "name": "exportparts",
61358
+ "type": "string | undefined",
61359
+ "required": false,
61360
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
61361
+ },
61362
+ {
61363
+ "name": "part",
61364
+ "type": "string | undefined",
61365
+ "required": false,
61366
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
61367
+ },
61368
+ {
61369
+ "name": "data-testid",
61370
+ "type": "string | undefined",
61371
+ "required": false
61372
+ }
61373
+ ]
61374
+ },
61375
+ {
61376
+ "name": "ImageCropperImage",
61377
+ "props": [
61378
+ {
61379
+ "name": "alt",
61380
+ "type": "string | undefined",
61381
+ "required": false,
61382
+ "defaultValue": ""
61383
+ },
61384
+ {
61385
+ "name": "crossOrigin",
61386
+ "type": "CrossOrigin",
61387
+ "required": false
61388
+ },
61389
+ {
61390
+ "name": "decoding",
61391
+ "type": "\"auto\" | \"async\" | \"sync\" | undefined",
61392
+ "required": false
61393
+ },
61394
+ {
61395
+ "name": "fetchPriority",
61396
+ "type": "\"auto\" | \"high\" | \"low\" | undefined",
61397
+ "required": false
61398
+ },
61399
+ {
61400
+ "name": "height",
61401
+ "type": "string | number | undefined",
61402
+ "required": false
61403
+ },
61404
+ {
61405
+ "name": "loading",
61406
+ "type": "\"eager\" | \"lazy\" | undefined",
61407
+ "required": false
61408
+ },
61409
+ {
61410
+ "name": "referrerPolicy",
61411
+ "type": "HTMLAttributeReferrerPolicy | undefined",
61412
+ "required": false
61413
+ },
61414
+ {
61415
+ "name": "sizes",
61416
+ "type": "string | undefined",
61417
+ "required": false
61418
+ },
61419
+ {
61420
+ "name": "src",
61421
+ "type": "string | undefined",
61422
+ "required": false
61423
+ },
61424
+ {
61425
+ "name": "srcSet",
61426
+ "type": "string | undefined",
61427
+ "required": false
61428
+ },
61429
+ {
61430
+ "name": "useMap",
61431
+ "type": "string | undefined",
61432
+ "required": false
61433
+ },
61434
+ {
61435
+ "name": "width",
61436
+ "type": "string | number | undefined",
61437
+ "required": false
61438
+ },
61439
+ {
61440
+ "name": "defaultChecked",
61441
+ "type": "boolean | undefined",
61442
+ "required": false
61443
+ },
61444
+ {
61445
+ "name": "defaultValue",
61446
+ "type": "string | number | readonly string[] | undefined",
61447
+ "required": false
61448
+ },
61449
+ {
61450
+ "name": "suppressContentEditableWarning",
61451
+ "type": "boolean | undefined",
61452
+ "required": false
61453
+ },
61454
+ {
61455
+ "name": "suppressHydrationWarning",
61456
+ "type": "boolean | undefined",
61457
+ "required": false
61458
+ },
61459
+ {
61460
+ "name": "accessKey",
61461
+ "type": "string | undefined",
61462
+ "required": false
61463
+ },
61464
+ {
61465
+ "name": "autoCapitalize",
61466
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
61467
+ "required": false
61468
+ },
61469
+ {
61470
+ "name": "autoFocus",
61471
+ "type": "boolean | undefined",
61472
+ "required": false
61473
+ },
61474
+ {
61475
+ "name": "contentEditable",
61476
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
61477
+ "required": false
61478
+ },
61479
+ {
61480
+ "name": "contextMenu",
61481
+ "type": "string | undefined",
61482
+ "required": false
61483
+ },
61484
+ {
61485
+ "name": "dir",
61486
+ "type": "string | undefined",
61487
+ "required": false
61488
+ },
61489
+ {
61490
+ "name": "draggable",
61491
+ "type": "Booleanish | undefined",
61492
+ "required": false
61493
+ },
61494
+ {
61495
+ "name": "enterKeyHint",
61496
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
61497
+ "required": false
61498
+ },
61499
+ {
61500
+ "name": "hidden",
61501
+ "type": "boolean | undefined",
61502
+ "required": false
61503
+ },
61504
+ {
61505
+ "name": "id",
61506
+ "type": "string | undefined",
61507
+ "required": false
61508
+ },
61509
+ {
61510
+ "name": "lang",
61511
+ "type": "string | undefined",
61512
+ "required": false
61513
+ },
61514
+ {
61515
+ "name": "nonce",
61516
+ "type": "string | undefined",
61517
+ "required": false
61518
+ },
61519
+ {
61520
+ "name": "slot",
61521
+ "type": "string | undefined",
61522
+ "required": false
61523
+ },
61524
+ {
61525
+ "name": "spellCheck",
61526
+ "type": "Booleanish | undefined",
61527
+ "required": false
61528
+ },
61529
+ {
61530
+ "name": "tabIndex",
61531
+ "type": "number | undefined",
61532
+ "required": false
61533
+ },
61534
+ {
61535
+ "name": "title",
61536
+ "type": "string | undefined",
61537
+ "required": false
61538
+ },
61539
+ {
61540
+ "name": "translate",
61541
+ "type": "\"yes\" | \"no\" | undefined",
61542
+ "required": false
61543
+ },
61544
+ {
61545
+ "name": "radioGroup",
61546
+ "type": "string | undefined",
61547
+ "required": false
61548
+ },
61549
+ {
61550
+ "name": "role",
61551
+ "type": "AriaRole | undefined",
61552
+ "required": false
61553
+ },
61554
+ {
61555
+ "name": "about",
61556
+ "type": "string | undefined",
61557
+ "required": false
61558
+ },
61559
+ {
61560
+ "name": "content",
61561
+ "type": "string | undefined",
61562
+ "required": false
61563
+ },
61564
+ {
61565
+ "name": "datatype",
61566
+ "type": "string | undefined",
61567
+ "required": false
61568
+ },
61569
+ {
61570
+ "name": "inlist",
61571
+ "type": "any",
61572
+ "required": false
61573
+ },
61574
+ {
61575
+ "name": "prefix",
61576
+ "type": "string | undefined",
61577
+ "required": false
61578
+ },
61579
+ {
61580
+ "name": "property",
61581
+ "type": "string | undefined",
61582
+ "required": false
61583
+ },
61584
+ {
61585
+ "name": "rel",
61586
+ "type": "string | undefined",
61587
+ "required": false
61588
+ },
61589
+ {
61590
+ "name": "resource",
61591
+ "type": "string | undefined",
61592
+ "required": false
61593
+ },
61594
+ {
61595
+ "name": "rev",
61596
+ "type": "string | undefined",
61597
+ "required": false
61598
+ },
61599
+ {
61600
+ "name": "typeof",
61601
+ "type": "string | undefined",
61602
+ "required": false
61603
+ },
61604
+ {
61605
+ "name": "vocab",
61606
+ "type": "string | undefined",
61607
+ "required": false
61608
+ },
61609
+ {
61610
+ "name": "autoCorrect",
61611
+ "type": "string | undefined",
61612
+ "required": false
61613
+ },
61614
+ {
61615
+ "name": "autoSave",
61616
+ "type": "string | undefined",
61617
+ "required": false
61618
+ },
61619
+ {
61620
+ "name": "color",
61621
+ "type": "string | undefined",
61622
+ "required": false
61623
+ },
61624
+ {
61625
+ "name": "itemProp",
61626
+ "type": "string | undefined",
61627
+ "required": false
61628
+ },
61629
+ {
61630
+ "name": "itemScope",
61631
+ "type": "boolean | undefined",
61632
+ "required": false
61633
+ },
61634
+ {
61635
+ "name": "itemType",
61636
+ "type": "string | undefined",
61637
+ "required": false
61638
+ },
61639
+ {
61640
+ "name": "itemID",
61641
+ "type": "string | undefined",
61642
+ "required": false
61643
+ },
61644
+ {
61645
+ "name": "itemRef",
61646
+ "type": "string | undefined",
61647
+ "required": false
61648
+ },
61649
+ {
61650
+ "name": "results",
61651
+ "type": "number | undefined",
61652
+ "required": false
61653
+ },
61654
+ {
61655
+ "name": "security",
61656
+ "type": "string | undefined",
61657
+ "required": false
61658
+ },
61659
+ {
61660
+ "name": "unselectable",
61661
+ "type": "\"off\" | \"on\" | undefined",
61662
+ "required": false
61663
+ },
61664
+ {
61665
+ "name": "popover",
61666
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
61667
+ "required": false
61668
+ },
61669
+ {
61670
+ "name": "popoverTargetAction",
61671
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
61672
+ "required": false
61673
+ },
61674
+ {
61675
+ "name": "popoverTarget",
61676
+ "type": "string | undefined",
61677
+ "required": false
61678
+ },
61679
+ {
61680
+ "name": "inert",
61681
+ "type": "boolean | undefined",
61682
+ "required": false,
61683
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
61684
+ },
61685
+ {
61686
+ "name": "inputMode",
61687
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
61688
+ "required": false,
61689
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
61690
+ },
61691
+ {
61692
+ "name": "is",
61693
+ "type": "string | undefined",
61694
+ "required": false,
61695
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
61696
+ },
61697
+ {
61698
+ "name": "exportparts",
61699
+ "type": "string | undefined",
61700
+ "required": false,
61701
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
61702
+ },
61703
+ {
61704
+ "name": "part",
61705
+ "type": "string | undefined",
61706
+ "required": false,
61707
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
61708
+ },
61709
+ {
61710
+ "name": "data-testid",
61711
+ "type": "string | undefined",
61712
+ "required": false
61713
+ }
61714
+ ]
61715
+ },
61716
+ {
61717
+ "name": "ImageCropperSelection",
61718
+ "props": [
61719
+ {
61720
+ "name": "defaultChecked",
61721
+ "type": "boolean | undefined",
61722
+ "required": false
61723
+ },
61724
+ {
61725
+ "name": "defaultValue",
61726
+ "type": "string | number | readonly string[] | undefined",
61727
+ "required": false
61728
+ },
61729
+ {
61730
+ "name": "suppressContentEditableWarning",
61731
+ "type": "boolean | undefined",
61732
+ "required": false
61733
+ },
61734
+ {
61735
+ "name": "suppressHydrationWarning",
61736
+ "type": "boolean | undefined",
61737
+ "required": false
61738
+ },
61739
+ {
61740
+ "name": "accessKey",
61741
+ "type": "string | undefined",
61742
+ "required": false
61743
+ },
61744
+ {
61745
+ "name": "autoCapitalize",
61746
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
61747
+ "required": false
61748
+ },
61749
+ {
61750
+ "name": "autoFocus",
61751
+ "type": "boolean | undefined",
61752
+ "required": false
61753
+ },
61754
+ {
61755
+ "name": "contentEditable",
61756
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
61757
+ "required": false
61758
+ },
61759
+ {
61760
+ "name": "contextMenu",
61761
+ "type": "string | undefined",
61762
+ "required": false
61763
+ },
61764
+ {
61765
+ "name": "dir",
61766
+ "type": "string | undefined",
61767
+ "required": false
61768
+ },
61769
+ {
61770
+ "name": "draggable",
61771
+ "type": "Booleanish | undefined",
61772
+ "required": false
61773
+ },
61774
+ {
61775
+ "name": "enterKeyHint",
61776
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
61777
+ "required": false
61778
+ },
61779
+ {
61780
+ "name": "hidden",
61781
+ "type": "boolean | undefined",
61782
+ "required": false
61783
+ },
61784
+ {
61785
+ "name": "id",
61786
+ "type": "string | undefined",
61787
+ "required": false
61788
+ },
61789
+ {
61790
+ "name": "lang",
61791
+ "type": "string | undefined",
61792
+ "required": false
61793
+ },
61794
+ {
61795
+ "name": "nonce",
61796
+ "type": "string | undefined",
61797
+ "required": false
61798
+ },
61799
+ {
61800
+ "name": "slot",
61801
+ "type": "string | undefined",
61802
+ "required": false
61803
+ },
61804
+ {
61805
+ "name": "spellCheck",
61806
+ "type": "Booleanish | undefined",
61807
+ "required": false
61808
+ },
61809
+ {
61810
+ "name": "tabIndex",
61811
+ "type": "number | undefined",
61812
+ "required": false
61813
+ },
61814
+ {
61815
+ "name": "title",
61816
+ "type": "string | undefined",
61817
+ "required": false
61818
+ },
61819
+ {
61820
+ "name": "translate",
61821
+ "type": "\"yes\" | \"no\" | undefined",
61822
+ "required": false
61823
+ },
61824
+ {
61825
+ "name": "radioGroup",
61826
+ "type": "string | undefined",
61827
+ "required": false
61828
+ },
61829
+ {
61830
+ "name": "role",
61831
+ "type": "AriaRole | undefined",
61832
+ "required": false
61833
+ },
61834
+ {
61835
+ "name": "about",
61836
+ "type": "string | undefined",
61837
+ "required": false
61838
+ },
61839
+ {
61840
+ "name": "content",
61841
+ "type": "string | undefined",
61842
+ "required": false
61843
+ },
61844
+ {
61845
+ "name": "datatype",
61846
+ "type": "string | undefined",
61847
+ "required": false
61848
+ },
61849
+ {
61850
+ "name": "inlist",
61851
+ "type": "any",
61852
+ "required": false
61853
+ },
61854
+ {
61855
+ "name": "prefix",
61856
+ "type": "string | undefined",
61857
+ "required": false
61858
+ },
61859
+ {
61860
+ "name": "property",
61861
+ "type": "string | undefined",
61862
+ "required": false
61863
+ },
61864
+ {
61865
+ "name": "rel",
61866
+ "type": "string | undefined",
61867
+ "required": false
61868
+ },
61869
+ {
61870
+ "name": "resource",
61871
+ "type": "string | undefined",
61872
+ "required": false
61873
+ },
61874
+ {
61875
+ "name": "rev",
61876
+ "type": "string | undefined",
61877
+ "required": false
61878
+ },
61879
+ {
61880
+ "name": "typeof",
61881
+ "type": "string | undefined",
61882
+ "required": false
61883
+ },
61884
+ {
61885
+ "name": "vocab",
61886
+ "type": "string | undefined",
61887
+ "required": false
61888
+ },
61889
+ {
61890
+ "name": "autoCorrect",
61891
+ "type": "string | undefined",
61892
+ "required": false
61893
+ },
61894
+ {
61895
+ "name": "autoSave",
61896
+ "type": "string | undefined",
61897
+ "required": false
61898
+ },
61899
+ {
61900
+ "name": "color",
61901
+ "type": "string | undefined",
61902
+ "required": false
61903
+ },
61904
+ {
61905
+ "name": "itemProp",
61906
+ "type": "string | undefined",
61907
+ "required": false
61908
+ },
61909
+ {
61910
+ "name": "itemScope",
61911
+ "type": "boolean | undefined",
61912
+ "required": false
61913
+ },
61914
+ {
61915
+ "name": "itemType",
61916
+ "type": "string | undefined",
61917
+ "required": false
61918
+ },
61919
+ {
61920
+ "name": "itemID",
61921
+ "type": "string | undefined",
61922
+ "required": false
61923
+ },
61924
+ {
61925
+ "name": "itemRef",
61926
+ "type": "string | undefined",
61927
+ "required": false
61928
+ },
61929
+ {
61930
+ "name": "results",
61931
+ "type": "number | undefined",
61932
+ "required": false
61933
+ },
61934
+ {
61935
+ "name": "security",
61936
+ "type": "string | undefined",
61937
+ "required": false
61938
+ },
61939
+ {
61940
+ "name": "unselectable",
61941
+ "type": "\"off\" | \"on\" | undefined",
61942
+ "required": false
61943
+ },
61944
+ {
61945
+ "name": "popover",
61946
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
61947
+ "required": false
61948
+ },
61949
+ {
61950
+ "name": "popoverTargetAction",
61951
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
61952
+ "required": false
61953
+ },
61954
+ {
61955
+ "name": "popoverTarget",
61956
+ "type": "string | undefined",
61957
+ "required": false
61958
+ },
61959
+ {
61960
+ "name": "inert",
61961
+ "type": "boolean | undefined",
61962
+ "required": false,
61963
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
61964
+ },
61965
+ {
61966
+ "name": "inputMode",
61967
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
61968
+ "required": false,
61969
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
61970
+ },
61971
+ {
61972
+ "name": "is",
61973
+ "type": "string | undefined",
61974
+ "required": false,
61975
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
61976
+ },
61977
+ {
61978
+ "name": "exportparts",
61979
+ "type": "string | undefined",
61980
+ "required": false,
61981
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
61982
+ },
61983
+ {
61984
+ "name": "part",
61985
+ "type": "string | undefined",
61986
+ "required": false,
61987
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
61988
+ },
61989
+ {
61990
+ "name": "data-testid",
61991
+ "type": "string | undefined",
61992
+ "required": false
61993
+ }
61994
+ ]
61995
+ },
61996
+ {
61997
+ "name": "ImageCropperViewport",
61998
+ "props": [
61999
+ {
62000
+ "name": "defaultChecked",
62001
+ "type": "boolean | undefined",
62002
+ "required": false
62003
+ },
62004
+ {
62005
+ "name": "defaultValue",
62006
+ "type": "string | number | readonly string[] | undefined",
62007
+ "required": false
62008
+ },
62009
+ {
62010
+ "name": "suppressContentEditableWarning",
62011
+ "type": "boolean | undefined",
62012
+ "required": false
62013
+ },
62014
+ {
62015
+ "name": "suppressHydrationWarning",
62016
+ "type": "boolean | undefined",
62017
+ "required": false
62018
+ },
62019
+ {
62020
+ "name": "accessKey",
62021
+ "type": "string | undefined",
62022
+ "required": false
62023
+ },
62024
+ {
62025
+ "name": "autoCapitalize",
62026
+ "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
62027
+ "required": false
62028
+ },
62029
+ {
62030
+ "name": "autoFocus",
62031
+ "type": "boolean | undefined",
62032
+ "required": false
62033
+ },
62034
+ {
62035
+ "name": "contentEditable",
62036
+ "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
62037
+ "required": false
62038
+ },
62039
+ {
62040
+ "name": "contextMenu",
62041
+ "type": "string | undefined",
62042
+ "required": false
62043
+ },
62044
+ {
62045
+ "name": "dir",
62046
+ "type": "string | undefined",
62047
+ "required": false
62048
+ },
62049
+ {
62050
+ "name": "draggable",
62051
+ "type": "Booleanish | undefined",
62052
+ "required": false
62053
+ },
62054
+ {
62055
+ "name": "enterKeyHint",
62056
+ "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
62057
+ "required": false
62058
+ },
62059
+ {
62060
+ "name": "hidden",
62061
+ "type": "boolean | undefined",
62062
+ "required": false
62063
+ },
62064
+ {
62065
+ "name": "id",
62066
+ "type": "string | undefined",
62067
+ "required": false
62068
+ },
62069
+ {
62070
+ "name": "lang",
62071
+ "type": "string | undefined",
62072
+ "required": false
62073
+ },
62074
+ {
62075
+ "name": "nonce",
62076
+ "type": "string | undefined",
62077
+ "required": false
62078
+ },
62079
+ {
62080
+ "name": "slot",
62081
+ "type": "string | undefined",
62082
+ "required": false
62083
+ },
62084
+ {
62085
+ "name": "spellCheck",
62086
+ "type": "Booleanish | undefined",
62087
+ "required": false
62088
+ },
62089
+ {
62090
+ "name": "tabIndex",
62091
+ "type": "number | undefined",
62092
+ "required": false
62093
+ },
62094
+ {
62095
+ "name": "title",
62096
+ "type": "string | undefined",
62097
+ "required": false
62098
+ },
62099
+ {
62100
+ "name": "translate",
62101
+ "type": "\"yes\" | \"no\" | undefined",
62102
+ "required": false
62103
+ },
62104
+ {
62105
+ "name": "radioGroup",
62106
+ "type": "string | undefined",
62107
+ "required": false
62108
+ },
62109
+ {
62110
+ "name": "role",
62111
+ "type": "AriaRole | undefined",
62112
+ "required": false
62113
+ },
62114
+ {
62115
+ "name": "about",
62116
+ "type": "string | undefined",
62117
+ "required": false
62118
+ },
62119
+ {
62120
+ "name": "content",
62121
+ "type": "string | undefined",
62122
+ "required": false
62123
+ },
62124
+ {
62125
+ "name": "datatype",
62126
+ "type": "string | undefined",
62127
+ "required": false
62128
+ },
62129
+ {
62130
+ "name": "inlist",
62131
+ "type": "any",
62132
+ "required": false
62133
+ },
62134
+ {
62135
+ "name": "prefix",
62136
+ "type": "string | undefined",
62137
+ "required": false
62138
+ },
62139
+ {
62140
+ "name": "property",
62141
+ "type": "string | undefined",
62142
+ "required": false
62143
+ },
62144
+ {
62145
+ "name": "rel",
62146
+ "type": "string | undefined",
62147
+ "required": false
62148
+ },
62149
+ {
62150
+ "name": "resource",
62151
+ "type": "string | undefined",
62152
+ "required": false
62153
+ },
62154
+ {
62155
+ "name": "rev",
62156
+ "type": "string | undefined",
62157
+ "required": false
62158
+ },
62159
+ {
62160
+ "name": "typeof",
62161
+ "type": "string | undefined",
62162
+ "required": false
62163
+ },
62164
+ {
62165
+ "name": "vocab",
62166
+ "type": "string | undefined",
62167
+ "required": false
62168
+ },
62169
+ {
62170
+ "name": "autoCorrect",
62171
+ "type": "string | undefined",
62172
+ "required": false
62173
+ },
62174
+ {
62175
+ "name": "autoSave",
62176
+ "type": "string | undefined",
62177
+ "required": false
62178
+ },
62179
+ {
62180
+ "name": "color",
62181
+ "type": "string | undefined",
62182
+ "required": false
62183
+ },
62184
+ {
62185
+ "name": "itemProp",
62186
+ "type": "string | undefined",
62187
+ "required": false
62188
+ },
62189
+ {
62190
+ "name": "itemScope",
62191
+ "type": "boolean | undefined",
62192
+ "required": false
62193
+ },
62194
+ {
62195
+ "name": "itemType",
62196
+ "type": "string | undefined",
62197
+ "required": false
62198
+ },
62199
+ {
62200
+ "name": "itemID",
62201
+ "type": "string | undefined",
62202
+ "required": false
62203
+ },
62204
+ {
62205
+ "name": "itemRef",
62206
+ "type": "string | undefined",
62207
+ "required": false
62208
+ },
62209
+ {
62210
+ "name": "results",
62211
+ "type": "number | undefined",
62212
+ "required": false
62213
+ },
62214
+ {
62215
+ "name": "security",
62216
+ "type": "string | undefined",
62217
+ "required": false
62218
+ },
62219
+ {
62220
+ "name": "unselectable",
62221
+ "type": "\"off\" | \"on\" | undefined",
62222
+ "required": false
62223
+ },
62224
+ {
62225
+ "name": "popover",
62226
+ "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
62227
+ "required": false
62228
+ },
62229
+ {
62230
+ "name": "popoverTargetAction",
62231
+ "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
62232
+ "required": false
62233
+ },
62234
+ {
62235
+ "name": "popoverTarget",
62236
+ "type": "string | undefined",
62237
+ "required": false
62238
+ },
62239
+ {
62240
+ "name": "inert",
62241
+ "type": "boolean | undefined",
62242
+ "required": false,
62243
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
62244
+ },
62245
+ {
62246
+ "name": "inputMode",
62247
+ "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
62248
+ "required": false,
62249
+ "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
62250
+ },
62251
+ {
62252
+ "name": "is",
62253
+ "type": "string | undefined",
62254
+ "required": false,
62255
+ "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
62256
+ },
62257
+ {
62258
+ "name": "exportparts",
62259
+ "type": "string | undefined",
62260
+ "required": false,
62261
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
62262
+ },
62263
+ {
62264
+ "name": "part",
62265
+ "type": "string | undefined",
62266
+ "required": false,
62267
+ "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
62268
+ },
62269
+ {
62270
+ "name": "data-testid",
62271
+ "type": "string | undefined",
62272
+ "required": false
62273
+ }
62274
+ ]
62275
+ }
62276
+ ],
62277
+ "examples": [
62278
+ {
62279
+ "name": "Avatar",
62280
+ "code": "export const Avatar = () => <Example compact />;",
62281
+ "storyFile": "ImageCropper/ImageCropper.stories.tsx",
62282
+ "storyTitle": "Inputs/ImageCropper",
62283
+ "description": "A small rounded preview like the avatar design; the saved square is 256 × 256 pixels."
62284
+ },
62285
+ {
62286
+ "name": "Landscape",
62287
+ "code": "import { LANDSCAPE } from './stories/fixtures';\n\nexport const Landscape = () => (\n <Example source={LANDSCAPE} outputSize={{ width: 320, height: 180 }} />\n);",
62288
+ "storyFile": "ImageCropper/ImageCropper.stories.tsx",
62289
+ "storyTitle": "Inputs/ImageCropper",
62290
+ "description": "Wide source and output: a 600 × 300 image is cropped to a 320 × 180 result."
62291
+ },
62292
+ {
62293
+ "name": "WithFileUpload",
62294
+ "code": "export const WithFileUpload = () => <Example upload />;",
62295
+ "storyFile": "ImageCropper/ImageCropper.stories.tsx",
62296
+ "storyTitle": "Inputs/ImageCropper",
62297
+ "description": "FileUpload owns picking and validation; useFilePreviewUrl releases the local object URL."
62298
+ },
62299
+ {
62300
+ "name": "Controlled",
62301
+ "code": "import { useState } from 'react';\nimport { Button } from '@wallarm-org/design-system/Button';\n\nexport const Controlled = () => {\n const [zoom, setZoom] = useState(1.5);\n const [locked, setLocked] = useState(false);\n return (\n <div className='flex flex-col items-center gap-16'>\n <Example\n zoom={zoom}\n onZoomChange={value => {\n if (!locked) setZoom(value);\n }}\n />\n <Button\n variant='secondary'\n color='neutral'\n data-testid='cropper-lock-zoom'\n onClick={() => setLocked(value => !value)}\n >\n {locked ? 'Unlock zoom' : 'Lock zoom'}\n </Button>\n </div>\n );\n};",
62302
+ "storyFile": "ImageCropper/ImageCropper.stories.tsx",
62303
+ "storyTitle": "Inputs/ImageCropper",
62304
+ "description": "The parent can accept or reject zoom changes; the image and external slider follow its value."
62305
+ },
62306
+ {
62307
+ "name": "Geometry",
62308
+ "code": "import { WIDE_BANDS } from './stories/fixtures';\n\nexport const Geometry = () => (\n <Example source={WIDE_BANDS} outputSize={{ width: 64, height: 64 }} geometry />\n);",
62309
+ "storyFile": "ImageCropper/ImageCropper.stories.tsx",
62310
+ "storyTitle": "Inputs/ImageCropper",
62311
+ "description": "Color bands make source proportions and the exact exported selection easy to verify."
62312
+ }
62313
+ ]
62314
+ },
60773
62315
  {
60774
62316
  "name": "Indicator",
60775
62317
  "importPath": "@wallarm-org/design-system/Indicator",