@asdp/ferryui 0.1.22-dev.9532 → 0.1.22-dev.9540

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 (5) hide show
  1. package/dist/index.js +126 -228
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +126 -228
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -12233,7 +12233,11 @@ var CardVehicleOwnerForm = ({
12233
12233
  ),
12234
12234
  /* @__PURE__ */ jsx(AccordionPanel, { children: /* @__PURE__ */ jsxs("div", { className: styles.form, children: [
12235
12235
  /* @__PURE__ */ jsxs(Row, { children: [
12236
- /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.senderNameLabel }) }),
12236
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12237
+ mergedLabels.cargoOwnerTitle,
12238
+ " ",
12239
+ /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12240
+ ] }) }),
12237
12241
  /* @__PURE__ */ jsxs(Col, { lg: 6, children: [
12238
12242
  /* @__PURE__ */ jsx(
12239
12243
  "div",
@@ -12248,15 +12252,15 @@ var CardVehicleOwnerForm = ({
12248
12252
  {
12249
12253
  disabled,
12250
12254
  layout: "horizontal",
12251
- value: owner.senderEntityType,
12255
+ value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12252
12256
  onChange: (_, data) => {
12253
12257
  onUpdateOwner(owner.id, {
12254
- senderEntityType: data.value,
12255
- senderEntity: "",
12256
- senderEntityOther: ""
12258
+ cargoOwnerEntityType: data.value,
12259
+ cargoOwnerEntity: "",
12260
+ cargoOwnerEntityOther: ""
12257
12261
  });
12258
- setValue(`owners.${index}.senderEntity`, "");
12259
- setValue(`owners.${index}.senderEntityOther`, "");
12262
+ setValue(`owners.${index}.cargoOwnerEntity`, "");
12263
+ setValue(`owners.${index}.cargoOwnerEntityOther`, "");
12260
12264
  },
12261
12265
  children: [
12262
12266
  /* @__PURE__ */ jsx(
@@ -12282,48 +12286,58 @@ var CardVehicleOwnerForm = ({
12282
12286
  /* @__PURE__ */ jsx(
12283
12287
  Col,
12284
12288
  {
12285
- xl: owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" ? 6 : 12,
12289
+ lg: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" ? 6 : 12,
12286
12290
  children: /* @__PURE__ */ jsx(
12287
12291
  InputDynamic_default,
12288
12292
  {
12289
- control,
12290
12293
  disabled,
12291
- name: `owners.${index}.senderEntity`,
12292
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12294
+ control,
12295
+ name: `owners.${index}.cargoOwnerEntity`,
12296
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12293
12297
  size: "large",
12294
- type: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12295
- options: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? companySenderOptions : [],
12298
+ type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12299
+ options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12296
12300
  onChange: (val) => {
12297
- setValue(`owners.${index}.senderEntity`, val);
12301
+ setValue(`owners.${index}.cargoOwnerEntity`, val);
12298
12302
  onUpdateOwner(owner.id, {
12299
- senderEntity: val
12303
+ cargoOwnerEntity: val
12300
12304
  });
12301
12305
  }
12302
12306
  }
12303
12307
  )
12304
12308
  }
12305
12309
  ),
12306
- owner.senderEntityType === MANIFEST_ENTITY.COMPANY && owner.senderEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12310
+ owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12307
12311
  InputDynamic_default,
12308
12312
  {
12309
12313
  control,
12310
12314
  disabled,
12311
- name: `owners.${index}.senderEntityOther`,
12312
- placeholder: owner.senderEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12315
+ name: `owners.${index}.cargoOwnerEntityOther`,
12316
+ placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12313
12317
  size: "large",
12314
12318
  type: "text",
12315
12319
  onChange: (val) => {
12316
12320
  setValue(
12317
- `owners.${index}.senderEntityOther`,
12321
+ `owners.${index}.cargoOwnerEntityOther`,
12318
12322
  val
12319
12323
  );
12320
12324
  onUpdateOwner(owner.id, {
12321
- senderEntityOther: val
12325
+ cargoOwnerEntityOther: val
12322
12326
  });
12323
12327
  }
12324
12328
  }
12325
12329
  ) })
12326
- ] })
12330
+ ] }),
12331
+ /* @__PURE__ */ jsx(
12332
+ Caption1,
12333
+ {
12334
+ style: {
12335
+ color: tokens.colorNeutralForeground3,
12336
+ marginTop: "0.25rem"
12337
+ },
12338
+ children: mergedLabels.otherCompanyHelperText
12339
+ }
12340
+ )
12327
12341
  ] }),
12328
12342
  /* @__PURE__ */ jsxs(Col, { lg: 6, children: [
12329
12343
  /* @__PURE__ */ jsx("div", { style: { height: "1rem" } }),
@@ -12351,58 +12365,10 @@ var CardVehicleOwnerForm = ({
12351
12365
  )
12352
12366
  ] })
12353
12367
  ] }),
12354
- /* @__PURE__ */ jsxs(Row, { children: [
12355
- /* @__PURE__ */ jsxs(Col, { children: [
12356
- /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.originCityLabel }),
12357
- /* @__PURE__ */ jsx(
12358
- InputDynamic_default,
12359
- {
12360
- control,
12361
- disabled,
12362
- name: `owners.${index}.originCity`,
12363
- placeholder: mergedLabels.selectPlaceholder,
12364
- type: "select",
12365
- options: cityOriginOptions,
12366
- size: "large",
12367
- onChange: (val) => {
12368
- setValue(`owners.${index}.originCity`, val);
12369
- onUpdateOwner(owner.id, {
12370
- originCity: val
12371
- });
12372
- }
12373
- }
12374
- )
12375
- ] }),
12376
- /* @__PURE__ */ jsxs(Col, { children: [
12377
- /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.destinationCityLabel }),
12378
- /* @__PURE__ */ jsx(
12379
- InputDynamic_default,
12380
- {
12381
- control,
12382
- disabled,
12383
- name: `owners.${index}.destinationCity`,
12384
- placeholder: mergedLabels.selectPlaceholder,
12385
- type: "select",
12386
- options: cityDestinationOptions,
12387
- size: "large",
12388
- onChange: (val) => {
12389
- setValue(`owners.${index}.destinationCity`, val);
12390
- onUpdateOwner(owner.id, {
12391
- destinationCity: val
12392
- });
12393
- }
12394
- }
12395
- )
12396
- ] })
12397
- ] }),
12398
- hasLoad && /* @__PURE__ */ jsxs(Fragment, { children: [
12399
- /* @__PURE__ */ jsxs(Row, { children: [
12400
- /* @__PURE__ */ jsxs(Col, { children: [
12401
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12402
- mergedLabels.cargoOwnerTitle,
12403
- " ",
12404
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12405
- ] }),
12368
+ hasLoad && /* @__PURE__ */ jsxs(Row, { children: [
12369
+ /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, children: [
12370
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoReceiverTitle }) }),
12371
+ /* @__PURE__ */ jsxs(Col, { lg: 12, children: [
12406
12372
  /* @__PURE__ */ jsx(
12407
12373
  "div",
12408
12374
  {
@@ -12416,16 +12382,19 @@ var CardVehicleOwnerForm = ({
12416
12382
  {
12417
12383
  disabled,
12418
12384
  layout: "horizontal",
12419
- value: owner.cargoOwnerEntityType || MANIFEST_ENTITY.COMPANY,
12385
+ value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12420
12386
  onChange: (_, data) => {
12421
12387
  onUpdateOwner(owner.id, {
12422
- cargoOwnerEntityType: data.value,
12423
- cargoOwnerEntity: "",
12424
- cargoOwnerEntityOther: ""
12388
+ cargoReceiverEntityType: data.value,
12389
+ cargoReceiverEntity: "",
12390
+ cargoReceiverEntityOther: ""
12425
12391
  });
12426
- setValue(`owners.${index}.cargoOwnerEntity`, "");
12427
12392
  setValue(
12428
- `owners.${index}.cargoOwnerEntityOther`,
12393
+ `owners.${index}.cargoReceiverEntity`,
12394
+ ""
12395
+ );
12396
+ setValue(
12397
+ `owners.${index}.cargoReceiverEntityOther`,
12429
12398
  ""
12430
12399
  );
12431
12400
  },
@@ -12453,46 +12422,46 @@ var CardVehicleOwnerForm = ({
12453
12422
  /* @__PURE__ */ jsx(
12454
12423
  Col,
12455
12424
  {
12456
- xl: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" ? 6 : 12,
12425
+ lg: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" ? 6 : 12,
12457
12426
  children: /* @__PURE__ */ jsx(
12458
12427
  InputDynamic_default,
12459
12428
  {
12460
- disabled,
12461
12429
  control,
12462
- name: `owners.${index}.cargoOwnerEntity`,
12463
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoOwnerCompanyPlaceholder : mergedLabels.cargoOwnerIndividualPlaceholder,
12430
+ disabled,
12431
+ name: `owners.${index}.cargoReceiverEntity`,
12432
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12464
12433
  size: "large",
12465
- type: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12466
- options: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? companyOwnerOptions : [],
12434
+ type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12435
+ options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12467
12436
  onChange: (val) => {
12468
12437
  setValue(
12469
- `owners.${index}.cargoOwnerEntity`,
12438
+ `owners.${index}.cargoReceiverEntity`,
12470
12439
  val
12471
12440
  );
12472
12441
  onUpdateOwner(owner.id, {
12473
- cargoOwnerEntity: val
12442
+ cargoReceiverEntity: val
12474
12443
  });
12475
12444
  }
12476
12445
  }
12477
12446
  )
12478
12447
  }
12479
12448
  ),
12480
- owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoOwnerEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12449
+ owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsx(
12481
12450
  InputDynamic_default,
12482
12451
  {
12483
12452
  control,
12484
12453
  disabled,
12485
- name: `owners.${index}.cargoOwnerEntityOther`,
12486
- placeholder: owner.cargoOwnerEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12454
+ name: `owners.${index}.cargoReceiverEntityOther`,
12455
+ placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12487
12456
  size: "large",
12488
12457
  type: "text",
12489
12458
  onChange: (val) => {
12490
12459
  setValue(
12491
- `owners.${index}.cargoOwnerEntityOther`,
12460
+ `owners.${index}.cargoReceiverEntityOther`,
12492
12461
  val
12493
12462
  );
12494
12463
  onUpdateOwner(owner.id, {
12495
- cargoOwnerEntityOther: val
12464
+ cargoReceiverEntityOther: val
12496
12465
  });
12497
12466
  }
12498
12467
  }
@@ -12508,13 +12477,15 @@ var CardVehicleOwnerForm = ({
12508
12477
  children: mergedLabels.otherCompanyHelperText
12509
12478
  }
12510
12479
  )
12511
- ] }),
12512
- /* @__PURE__ */ jsxs(Col, { children: [
12513
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12514
- mergedLabels.logisticsCompanyTitle,
12515
- " ",
12516
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12517
- ] }),
12480
+ ] })
12481
+ ] }) }),
12482
+ /* @__PURE__ */ jsx(Col, { lg: 6, children: /* @__PURE__ */ jsxs(Row, { nogutter: true, children: [
12483
+ /* @__PURE__ */ jsx(Col, { lg: 12, children: /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12484
+ mergedLabels.logisticsCompanyTitle,
12485
+ " ",
12486
+ /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12487
+ ] }) }),
12488
+ /* @__PURE__ */ jsxs(Col, { lg: 12, children: [
12518
12489
  /* @__PURE__ */ jsx(
12519
12490
  "div",
12520
12491
  {
@@ -12609,138 +12580,65 @@ var CardVehicleOwnerForm = ({
12609
12580
  }
12610
12581
  }
12611
12582
  ) })
12612
- ] }),
12613
- /* @__PURE__ */ jsx(
12614
- Caption1,
12615
- {
12616
- style: {
12617
- color: tokens.colorNeutralForeground3,
12618
- marginTop: "0.25rem"
12619
- },
12620
- children: mergedLabels.otherCompanyHelperText
12621
- }
12622
- )
12623
- ] })
12624
- ] }),
12625
- /* @__PURE__ */ jsxs(Row, { children: [
12626
- /* @__PURE__ */ jsx(Col, { xs: 12, md: 12, lg: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoReceiverTitle }) }),
12627
- /* @__PURE__ */ jsxs(Col, { children: [
12628
- /* @__PURE__ */ jsxs(
12629
- RadioGroup,
12630
- {
12631
- disabled,
12632
- layout: "horizontal",
12633
- value: owner.cargoReceiverEntityType || MANIFEST_ENTITY.COMPANY,
12634
- onChange: (_, data) => {
12635
- onUpdateOwner(owner.id, {
12636
- cargoReceiverEntityType: data.value,
12637
- cargoReceiverEntity: "",
12638
- cargoReceiverEntityOther: ""
12639
- });
12640
- setValue(`owners.${index}.cargoReceiverEntity`, "");
12641
- setValue(
12642
- `owners.${index}.cargoReceiverEntityOther`,
12643
- ""
12644
- );
12645
- },
12646
- children: [
12647
- /* @__PURE__ */ jsx(
12648
- Radio,
12649
- {
12650
- value: MANIFEST_ENTITY.COMPANY,
12651
- label: mergedLabels.senderTypeCompany
12652
- }
12653
- ),
12654
- /* @__PURE__ */ jsx(
12655
- Radio,
12656
- {
12657
- value: MANIFEST_ENTITY.INDIVIDUAL,
12658
- label: mergedLabels.senderTypeIndividual
12659
- }
12660
- )
12661
- ]
12662
- }
12663
- ),
12664
- /* @__PURE__ */ jsxs(Row, { children: [
12665
- /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12666
- InputDynamic_default,
12667
- {
12668
- control,
12669
- disabled,
12670
- name: `owners.${index}.cargoReceiverEntity`,
12671
- placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.cargoReceiverCompanyPlaceholder : mergedLabels.cargoReceiverIndividualPlaceholder,
12672
- size: "large",
12673
- type: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? "select" : "text",
12674
- options: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? companyReceiverOptions : [],
12675
- onChange: (val) => {
12676
- setValue(
12677
- `owners.${index}.cargoReceiverEntity`,
12678
- val
12679
- );
12680
- onUpdateOwner(owner.id, {
12681
- cargoReceiverEntity: val
12682
- });
12683
- }
12684
- }
12685
- ) }),
12686
- owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY && owner.cargoReceiverEntity === "999999" && /* @__PURE__ */ jsx(Col, { xl: 6, children: /* @__PURE__ */ jsx(
12687
- InputDynamic_default,
12688
- {
12689
- control,
12690
- disabled,
12691
- name: `owners.${index}.cargoReceiverEntityOther`,
12692
- placeholder: owner.cargoReceiverEntityType === MANIFEST_ENTITY.COMPANY ? mergedLabels.selectCompanyPlaceholder : mergedLabels.inputSenderNamePlaceholder,
12693
- size: "large",
12694
- type: "text",
12695
- onChange: (val) => {
12696
- setValue(
12697
- `owners.${index}.cargoReceiverEntityOther`,
12698
- val
12699
- );
12700
- onUpdateOwner(owner.id, {
12701
- cargoReceiverEntityOther: val
12702
- });
12703
- }
12704
- }
12705
- ) })
12706
- ] }),
12707
- /* @__PURE__ */ jsx(
12708
- Caption1,
12709
- {
12710
- style: {
12711
- color: tokens.colorNeutralForeground3,
12712
- marginTop: "0.25rem"
12713
- },
12714
- children: mergedLabels.otherCompanyHelperText
12715
- }
12716
- )
12583
+ ] })
12717
12584
  ] }),
12718
- /* @__PURE__ */ jsxs(Col, { children: [
12719
- /* @__PURE__ */ jsx("div", { style: { height: ".5rem" } }),
12720
- /* @__PURE__ */ jsxs(Body1, { className: styles.label, children: [
12721
- mergedLabels.totalWeightLabel,
12722
- " ",
12723
- /* @__PURE__ */ jsx("span", { style: { color: "red" }, children: "*" })
12724
- ] }),
12725
- /* @__PURE__ */ jsx(
12726
- InputDynamic_default,
12727
- {
12728
- control,
12729
- disabled,
12730
- name: `owners.${index}.cargoWeight`,
12731
- placeholder: mergedLabels.inputNumberPlaceholder,
12732
- type: "number",
12733
- size: "large",
12734
- onChange: (val) => {
12735
- setValue(`owners.${index}.cargoWeight`, val);
12736
- onUpdateOwner(owner.id, {
12737
- cargoWeight: val
12738
- });
12739
- }
12585
+ /* @__PURE__ */ jsx(
12586
+ Caption1,
12587
+ {
12588
+ style: {
12589
+ color: tokens.colorNeutralForeground3,
12590
+ marginTop: "0.25rem"
12591
+ },
12592
+ children: mergedLabels.otherCompanyHelperText
12593
+ }
12594
+ )
12595
+ ] }) })
12596
+ ] }),
12597
+ /* @__PURE__ */ jsxs(Row, { children: [
12598
+ /* @__PURE__ */ jsxs(Col, { children: [
12599
+ /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.originCityLabel }),
12600
+ /* @__PURE__ */ jsx(
12601
+ InputDynamic_default,
12602
+ {
12603
+ control,
12604
+ disabled,
12605
+ name: `owners.${index}.originCity`,
12606
+ placeholder: mergedLabels.selectPlaceholder,
12607
+ type: "select",
12608
+ options: cityOriginOptions,
12609
+ size: "large",
12610
+ onChange: (val) => {
12611
+ setValue(`owners.${index}.originCity`, val);
12612
+ onUpdateOwner(owner.id, {
12613
+ originCity: val
12614
+ });
12740
12615
  }
12741
- )
12742
- ] })
12616
+ }
12617
+ )
12743
12618
  ] }),
12619
+ /* @__PURE__ */ jsxs(Col, { children: [
12620
+ /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.destinationCityLabel }),
12621
+ /* @__PURE__ */ jsx(
12622
+ InputDynamic_default,
12623
+ {
12624
+ control,
12625
+ disabled,
12626
+ name: `owners.${index}.destinationCity`,
12627
+ placeholder: mergedLabels.selectPlaceholder,
12628
+ type: "select",
12629
+ options: cityDestinationOptions,
12630
+ size: "large",
12631
+ onChange: (val) => {
12632
+ setValue(`owners.${index}.destinationCity`, val);
12633
+ onUpdateOwner(owner.id, {
12634
+ destinationCity: val
12635
+ });
12636
+ }
12637
+ }
12638
+ )
12639
+ ] })
12640
+ ] }),
12641
+ hasLoad && /* @__PURE__ */ jsxs(Fragment, { children: [
12744
12642
  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsx(Col, { xs: 12, children: /* @__PURE__ */ jsx(Body1, { className: styles.label, children: mergedLabels.cargoListTitle }) }) }),
12745
12643
  /* @__PURE__ */ jsx(Row, { children: /* @__PURE__ */ jsxs(Col, { xs: 12, children: [
12746
12644
  /* @__PURE__ */ jsx(