@seed-design/figma 0.1.9 → 0.1.11

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 (48) hide show
  1. package/lib/codegen/index.cjs +174 -136
  2. package/lib/codegen/index.d.ts +49 -30
  3. package/lib/codegen/index.d.ts.map +1 -1
  4. package/lib/codegen/index.js +174 -136
  5. package/lib/codegen/targets/react/index.cjs +247 -198
  6. package/lib/codegen/targets/react/index.d.ts +1 -0
  7. package/lib/codegen/targets/react/index.d.ts.map +1 -1
  8. package/lib/codegen/targets/react/index.js +247 -198
  9. package/lib/index.cjs +175 -136
  10. package/lib/index.d.ts +1 -0
  11. package/lib/index.d.ts.map +1 -1
  12. package/lib/index.js +175 -136
  13. package/package.json +2 -2
  14. package/src/codegen/targets/figma/props.ts +1 -1
  15. package/src/codegen/targets/react/component/handlers/avatar-stack.ts +17 -12
  16. package/src/codegen/targets/react/component/handlers/checkbox.ts +3 -5
  17. package/src/codegen/targets/react/component/handlers/chip.ts +1 -2
  18. package/src/codegen/targets/react/component/handlers/reaction-button.ts +3 -5
  19. package/src/codegen/targets/react/component/handlers/select-box.ts +2 -4
  20. package/src/codegen/targets/react/component/handlers/switch.ts +2 -4
  21. package/src/codegen/targets/react/component/handlers/toggle-button.ts +3 -5
  22. package/src/codegen/targets/react/frame.ts +28 -17
  23. package/src/codegen/targets/react/instance.ts +15 -1
  24. package/src/codegen/targets/react/props.ts +1 -0
  25. package/src/entities/data/__generated__/component-sets/checkbox.d.ts +9 -7
  26. package/src/entities/data/__generated__/component-sets/checkbox.mjs +9 -7
  27. package/src/entities/data/__generated__/component-sets/checkmark.d.ts +9 -7
  28. package/src/entities/data/__generated__/component-sets/checkmark.mjs +9 -7
  29. package/src/entities/data/__generated__/component-sets/chip.d.ts +7 -7
  30. package/src/entities/data/__generated__/component-sets/chip.mjs +7 -7
  31. package/src/entities/data/__generated__/component-sets/index.d.ts +1 -0
  32. package/src/entities/data/__generated__/component-sets/index.mjs +1 -0
  33. package/src/entities/data/__generated__/component-sets/radio-mark.d.ts +4 -10
  34. package/src/entities/data/__generated__/component-sets/radio-mark.mjs +4 -10
  35. package/src/entities/data/__generated__/component-sets/radio.d.ts +8 -4
  36. package/src/entities/data/__generated__/component-sets/radio.mjs +8 -4
  37. package/src/entities/data/__generated__/component-sets/reaction-button.d.ts +8 -5
  38. package/src/entities/data/__generated__/component-sets/reaction-button.mjs +8 -5
  39. package/src/entities/data/__generated__/component-sets/select-box.d.ts +8 -3
  40. package/src/entities/data/__generated__/component-sets/select-box.mjs +8 -3
  41. package/src/entities/data/__generated__/component-sets/superscript-child.d.ts +18 -0
  42. package/src/entities/data/__generated__/component-sets/superscript-child.mjs +18 -0
  43. package/src/entities/data/__generated__/component-sets/switch.d.ts +8 -3
  44. package/src/entities/data/__generated__/component-sets/switch.mjs +8 -3
  45. package/src/entities/data/__generated__/component-sets/toggle-button.d.ts +8 -5
  46. package/src/entities/data/__generated__/component-sets/toggle-button.mjs +8 -5
  47. package/src/normalizer/from-plugin.ts +1 -0
  48. package/src/normalizer/types.ts +2 -0
@@ -7627,7 +7627,7 @@ const FIGMA_VARIABLES = {
7627
7627
  }
7628
7628
  };
7629
7629
 
7630
- const metadata$K = {
7630
+ const metadata$L = {
7631
7631
  "name": "🔵 [Template] Button Group",
7632
7632
  "key": "29109a34197f2eb5d390b1d9ebba270979a7b302",
7633
7633
  "componentPropertyDefinitions": {
@@ -7655,7 +7655,7 @@ const metadata$K = {
7655
7655
  }
7656
7656
  };
7657
7657
 
7658
- const metadata$J = {
7658
+ const metadata$K = {
7659
7659
  "name": "🔵 [Template] Chip Group",
7660
7660
  "key": "5b1155aae0f90d1bce6a7499f53a547e88ec3b86",
7661
7661
  "componentPropertyDefinitions": {
@@ -7685,7 +7685,7 @@ const metadata$J = {
7685
7685
  }
7686
7686
  };
7687
7687
 
7688
- const metadata$I = {
7688
+ const metadata$J = {
7689
7689
  "name": "🔵 [Template] Completion",
7690
7690
  "key": "d91c789c66c2da665d820318f1a4d8671946eb79",
7691
7691
  "componentPropertyDefinitions": {
@@ -7714,7 +7714,7 @@ const metadata$I = {
7714
7714
  }
7715
7715
  };
7716
7716
 
7717
- const metadata$H = {
7717
+ const metadata$I = {
7718
7718
  "name": "🔵 [Template] Error State",
7719
7719
  "key": "39b4ecd0b5b4d35f4dc5791765ca04aa062a5172",
7720
7720
  "componentPropertyDefinitions": {
@@ -7747,7 +7747,7 @@ const metadata$H = {
7747
7747
  }
7748
7748
  };
7749
7749
 
7750
- const metadata$G = {
7750
+ const metadata$H = {
7751
7751
  "name": "🔵 [Template] Select Box Group",
7752
7752
  "key": "a3d58bb8540600878742cdcf2608a4b3851667ec",
7753
7753
  "componentPropertyDefinitions": {
@@ -7772,7 +7772,7 @@ const metadata$G = {
7772
7772
  }
7773
7773
  };
7774
7774
 
7775
- const metadata$F = {
7775
+ const metadata$G = {
7776
7776
  "name": "🔵 [Template] Top Navigation",
7777
7777
  "key": "74f045c1972dc31d0fddd0a0027537b6779cd0e8",
7778
7778
  "componentPropertyDefinitions": {
@@ -7800,7 +7800,7 @@ const metadata$F = {
7800
7800
  }
7801
7801
  };
7802
7802
 
7803
- const metadata$E = {
7803
+ const metadata$F = {
7804
7804
  "name": "🟢 Action Button",
7805
7805
  "key": "450ede9d0bf42fc6ef14345c77e6e407d6d5ee89",
7806
7806
  "componentPropertyDefinitions": {
@@ -7860,7 +7860,7 @@ const metadata$E = {
7860
7860
  }
7861
7861
  };
7862
7862
 
7863
- const metadata$D = {
7863
+ const metadata$E = {
7864
7864
  "name": "🟢 Alert Dialog",
7865
7865
  "key": "e0c89524a554ca1bf95c016b7255f29e257624aa",
7866
7866
  "componentPropertyDefinitions": {
@@ -7887,7 +7887,7 @@ const metadata$D = {
7887
7887
  }
7888
7888
  };
7889
7889
 
7890
- const metadata$C = {
7890
+ const metadata$D = {
7891
7891
  "name": "🟢 Avatar",
7892
7892
  "key": "4a8853c3068c08b69b13e71dd42ce186e968697e",
7893
7893
  "componentPropertyDefinitions": {
@@ -7919,7 +7919,7 @@ const metadata$C = {
7919
7919
  }
7920
7920
  };
7921
7921
 
7922
- const metadata$B = {
7922
+ const metadata$C = {
7923
7923
  "name": "🟢 Avatar Stack",
7924
7924
  "key": "e8e91e01000d878742c55cd6e44b6786460440f7",
7925
7925
  "componentPropertyDefinitions": {
@@ -7939,7 +7939,7 @@ const metadata$B = {
7939
7939
  }
7940
7940
  };
7941
7941
 
7942
- const metadata$A = {
7942
+ const metadata$B = {
7943
7943
  "name": "🟢 Badge",
7944
7944
  "key": "04609a35d47a1a0ef4904b3c25f79451892a85a1",
7945
7945
  "componentPropertyDefinitions": {
@@ -7974,7 +7974,7 @@ const metadata$A = {
7974
7974
  }
7975
7975
  };
7976
7976
 
7977
- const metadata$z = {
7977
+ const metadata$A = {
7978
7978
  "name": "🟢 Bottom Navigation / Global",
7979
7979
  "key": "983650a4dff639b38bf68ff6004efc8ec4fb5c20",
7980
7980
  "componentPropertyDefinitions": {
@@ -7998,7 +7998,7 @@ const metadata$z = {
7998
7998
  }
7999
7999
  };
8000
8000
 
8001
- const metadata$y = {
8001
+ const metadata$z = {
8002
8002
  "name": "🟢 Bottom Navigation / KR",
8003
8003
  "key": "accc7cea2d0250cdfbf0197ce00a677c6b9e0dae",
8004
8004
  "componentPropertyDefinitions": {
@@ -8015,7 +8015,7 @@ const metadata$y = {
8015
8015
  }
8016
8016
  };
8017
8017
 
8018
- const metadata$x = {
8018
+ const metadata$y = {
8019
8019
  "name": "🟢 Bottom Sheet",
8020
8020
  "key": "16bafa5d1155896fe18fb6f52f904f5cd2048686",
8021
8021
  "componentPropertyDefinitions": {
@@ -8079,7 +8079,7 @@ const metadata$x = {
8079
8079
  }
8080
8080
  };
8081
8081
 
8082
- const metadata$w = {
8082
+ const metadata$x = {
8083
8083
  "name": "🟢 Callout",
8084
8084
  "key": "ec46d38baac3c367c4a5ffa47a2110d51ba0a4fe",
8085
8085
  "componentPropertyDefinitions": {
@@ -8128,7 +8128,7 @@ const metadata$w = {
8128
8128
  }
8129
8129
  };
8130
8130
 
8131
- const metadata$v = {
8131
+ const metadata$w = {
8132
8132
  "name": "🟢 Checkbox",
8133
8133
  "key": "94a2f6957a86f8ae3b8c7ca200dfcd5e29f6075b",
8134
8134
  "componentPropertyDefinitions": {
@@ -8156,24 +8156,26 @@ const metadata$v = {
8156
8156
  "Stronger"
8157
8157
  ]
8158
8158
  },
8159
+ "Selected": {
8160
+ "type": "VARIANT",
8161
+ "variantOptions": [
8162
+ "True",
8163
+ "False",
8164
+ "Indeterminate"
8165
+ ]
8166
+ },
8159
8167
  "State": {
8160
8168
  "type": "VARIANT",
8161
8169
  "variantOptions": [
8162
8170
  "Enabled",
8163
8171
  "Pressed",
8164
- "Disabled",
8165
- "Selected",
8166
- "Selected-Pressed",
8167
- "Selected-Disabled",
8168
- "Indeterminate",
8169
- "Indeterminate-Pressed",
8170
- "Indeterminate-Disabled"
8172
+ "Disabled"
8171
8173
  ]
8172
8174
  }
8173
8175
  }
8174
8176
  };
8175
8177
 
8176
- const metadata$u = {
8178
+ const metadata$v = {
8177
8179
  "name": "🟢 Checkmark",
8178
8180
  "key": "fae60fb392f55bde60de1dbccb2f453320068805",
8179
8181
  "componentPropertyDefinitions": {
@@ -8191,24 +8193,26 @@ const metadata$u = {
8191
8193
  "Large"
8192
8194
  ]
8193
8195
  },
8196
+ "Selected": {
8197
+ "type": "VARIANT",
8198
+ "variantOptions": [
8199
+ "True",
8200
+ "False",
8201
+ "Indeterminate"
8202
+ ]
8203
+ },
8194
8204
  "State": {
8195
8205
  "type": "VARIANT",
8196
8206
  "variantOptions": [
8197
8207
  "Enabled",
8198
8208
  "Pressed",
8199
- "Selected",
8200
- "Selected-Pressed",
8201
- "Indeterminate",
8202
- "Indeterminate-Pressed",
8203
- "Disabled",
8204
- "Disabled-Selected",
8205
- "Disabled-Indeterminate"
8209
+ "Disabled"
8206
8210
  ]
8207
8211
  }
8208
8212
  }
8209
8213
  };
8210
8214
 
8211
- const metadata$t = {
8215
+ const metadata$u = {
8212
8216
  "name": "🟢 Chip",
8213
8217
  "key": "8156ef08d9aaa2b0de1cc4a113ec0c9d0586f831",
8214
8218
  "componentPropertyDefinitions": {
@@ -8272,19 +8276,19 @@ const metadata$t = {
8272
8276
  "Small"
8273
8277
  ]
8274
8278
  },
8275
- "State": {
8279
+ "Selected": {
8276
8280
  "type": "VARIANT",
8277
8281
  "variantOptions": [
8278
- "Enabled",
8279
- "Pressed",
8280
- "Disabled"
8282
+ "False",
8283
+ "True"
8281
8284
  ]
8282
8285
  },
8283
- "Selected": {
8286
+ "State": {
8284
8287
  "type": "VARIANT",
8285
8288
  "variantOptions": [
8286
- "False",
8287
- "True"
8289
+ "Enabled",
8290
+ "Pressed",
8291
+ "Disabled"
8288
8292
  ]
8289
8293
  },
8290
8294
  "Prefix Type": {
@@ -8299,7 +8303,7 @@ const metadata$t = {
8299
8303
  }
8300
8304
  };
8301
8305
 
8302
- const metadata$s = {
8306
+ const metadata$t = {
8303
8307
  "name": "🟢 Chlid",
8304
8308
  "key": "aa9ffdd60fbfdea42f0d11162cd64f4b4389ddcc",
8305
8309
  "componentPropertyDefinitions": {
@@ -8314,7 +8318,7 @@ const metadata$s = {
8314
8318
  }
8315
8319
  };
8316
8320
 
8317
- const metadata$r = {
8321
+ const metadata$s = {
8318
8322
  "name": "🟢 Contextual Floating Button",
8319
8323
  "key": "032f3fddaad0aa3fa5a7f680768c1f5d02fb463f",
8320
8324
  "componentPropertyDefinitions": {
@@ -8351,7 +8355,7 @@ const metadata$r = {
8351
8355
  }
8352
8356
  };
8353
8357
 
8354
- const metadata$q = {
8358
+ const metadata$r = {
8355
8359
  "name": "🟢 Divider",
8356
8360
  "key": "848e953725f757ea1a79e1fecc0b608a035032d3",
8357
8361
  "componentPropertyDefinitions": {
@@ -8365,7 +8369,7 @@ const metadata$q = {
8365
8369
  }
8366
8370
  };
8367
8371
 
8368
- const metadata$p = {
8372
+ const metadata$q = {
8369
8373
  "name": "🟢 Floating Action Button",
8370
8374
  "key": "65f9e7eede627b893fb8ff94ed9a7d0db900c464",
8371
8375
  "componentPropertyDefinitions": {
@@ -8379,7 +8383,7 @@ const metadata$p = {
8379
8383
  }
8380
8384
  };
8381
8385
 
8382
- const metadata$o = {
8386
+ const metadata$p = {
8383
8387
  "name": "🟢 Help Bubble",
8384
8388
  "key": "804b327c091278a40d5891939eaed90bb2889659",
8385
8389
  "componentPropertyDefinitions": {
@@ -8412,7 +8416,7 @@ const metadata$o = {
8412
8416
  }
8413
8417
  };
8414
8418
 
8415
- const metadata$n = {
8419
+ const metadata$o = {
8416
8420
  "name": "🟢 Inline Banner",
8417
8421
  "key": "ce587d0f21754af05240cb32a4880227cb0ea1e1",
8418
8422
  "componentPropertyDefinitions": {
@@ -8453,7 +8457,7 @@ const metadata$n = {
8453
8457
  }
8454
8458
  };
8455
8459
 
8456
- const metadata$m = {
8460
+ const metadata$n = {
8457
8461
  "name": "🟢 Main Tab Navigation / Global",
8458
8462
  "key": "a694a1da14a5c1d7d5c66bc78218c0c61fb388ab",
8459
8463
  "componentPropertyDefinitions": {
@@ -8480,7 +8484,7 @@ const metadata$m = {
8480
8484
  }
8481
8485
  };
8482
8486
 
8483
- const metadata$l = {
8487
+ const metadata$m = {
8484
8488
  "name": "🟢 Main Tab Navigation / KR",
8485
8489
  "key": "41d3601e6b4c632a56cdc8fad485a76c026fdd8e",
8486
8490
  "componentPropertyDefinitions": {
@@ -8504,7 +8508,7 @@ const metadata$l = {
8504
8508
  }
8505
8509
  };
8506
8510
 
8507
- const metadata$k = {
8511
+ const metadata$l = {
8508
8512
  "name": "🟢 Manner Temp",
8509
8513
  "key": "37c0a35f73a730fdfba7929cea91a7590fc93733",
8510
8514
  "componentPropertyDefinitions": {
@@ -8522,7 +8526,7 @@ const metadata$k = {
8522
8526
  }
8523
8527
  };
8524
8528
 
8525
- const metadata$j = {
8529
+ const metadata$k = {
8526
8530
  "name": "🟢 Manner Temp Badge",
8527
8531
  "key": "3ef9a84d4d80046ff9a581136bd56269554a6e00",
8528
8532
  "componentPropertyDefinitions": {
@@ -8540,7 +8544,7 @@ const metadata$j = {
8540
8544
  }
8541
8545
  };
8542
8546
 
8543
- const metadata$i = {
8547
+ const metadata$j = {
8544
8548
  "name": "🟢 Menu Sheet",
8545
8549
  "key": "cd4cf8a850bf3de87b79080b36b421a649bf3fcb",
8546
8550
  "componentPropertyDefinitions": {
@@ -8577,7 +8581,7 @@ const metadata$i = {
8577
8581
  }
8578
8582
  };
8579
8583
 
8580
- const metadata$h = {
8584
+ const metadata$i = {
8581
8585
  "name": "🟢 Multiline Text Field",
8582
8586
  "key": "88b2399c930c85f9ce2972163a078bc684b84bbe",
8583
8587
  "componentPropertyDefinitions": {
@@ -8646,7 +8650,7 @@ const metadata$h = {
8646
8650
  }
8647
8651
  };
8648
8652
 
8649
- const metadata$g = {
8653
+ const metadata$h = {
8650
8654
  "name": "🟢 Progress Circle",
8651
8655
  "key": "6e6779a372cab2485a0e25529bc4dbc9932a7346",
8652
8656
  "componentPropertyDefinitions": {
@@ -8679,7 +8683,7 @@ const metadata$g = {
8679
8683
  }
8680
8684
  };
8681
8685
 
8682
- const metadata$f = {
8686
+ const metadata$g = {
8683
8687
  "name": "🟢 Radio",
8684
8688
  "key": "ac72d9e5ab04a1d59eaf77dffd380fd6e491ecf8",
8685
8689
  "componentPropertyDefinitions": {
@@ -8693,21 +8697,25 @@ const metadata$f = {
8693
8697
  "Large"
8694
8698
  ]
8695
8699
  },
8700
+ "Selected": {
8701
+ "type": "VARIANT",
8702
+ "variantOptions": [
8703
+ "True",
8704
+ "False"
8705
+ ]
8706
+ },
8696
8707
  "State": {
8697
8708
  "type": "VARIANT",
8698
8709
  "variantOptions": [
8699
8710
  "Enabled",
8700
8711
  "Pressed",
8701
- "Disabled",
8702
- "Selected",
8703
- "Selected-Pressed",
8704
- "Selected-Disabled"
8712
+ "Disabled"
8705
8713
  ]
8706
8714
  }
8707
8715
  }
8708
8716
  };
8709
8717
 
8710
- const metadata$e = {
8718
+ const metadata$f = {
8711
8719
  "name": "🟢 Radio Mark",
8712
8720
  "key": "832d696d6e9566610968cd70f128f500ec009d6a",
8713
8721
  "componentPropertyDefinitions": {
@@ -8725,24 +8733,18 @@ const metadata$e = {
8725
8733
  "False"
8726
8734
  ]
8727
8735
  },
8728
- "Pressed": {
8729
- "type": "VARIANT",
8730
- "variantOptions": [
8731
- "True",
8732
- "False"
8733
- ]
8734
- },
8735
- "Disabled": {
8736
+ "State": {
8736
8737
  "type": "VARIANT",
8737
8738
  "variantOptions": [
8738
- "True",
8739
- "False"
8739
+ "Enabled",
8740
+ "Pressed",
8741
+ "Disabled"
8740
8742
  ]
8741
8743
  }
8742
8744
  }
8743
8745
  };
8744
8746
 
8745
- const metadata$d = {
8747
+ const metadata$e = {
8746
8748
  "name": "🟢 Range Slider",
8747
8749
  "key": "64fc49184979e0be40aa367ca98868601eb7dad5",
8748
8750
  "componentPropertyDefinitions": {
@@ -8774,7 +8776,7 @@ const metadata$d = {
8774
8776
  }
8775
8777
  };
8776
8778
 
8777
- const metadata$c = {
8779
+ const metadata$d = {
8778
8780
  "name": "🟢 Reaction Button",
8779
8781
  "key": "ec43e4e881f7048e95601f8b58c01a0905a174e0",
8780
8782
  "componentPropertyDefinitions": {
@@ -8798,23 +8800,26 @@ const metadata$c = {
8798
8800
  "Small"
8799
8801
  ]
8800
8802
  },
8803
+ "Selected": {
8804
+ "type": "VARIANT",
8805
+ "variantOptions": [
8806
+ "True",
8807
+ "False"
8808
+ ]
8809
+ },
8801
8810
  "State": {
8802
8811
  "type": "VARIANT",
8803
8812
  "variantOptions": [
8804
8813
  "Enabled",
8805
8814
  "Pressed",
8806
8815
  "Loading",
8807
- "Selected",
8808
- "Selected-Pressed",
8809
- "Selected-Loading",
8810
- "Disabled",
8811
- "Disabled-Selected"
8816
+ "Disabled"
8812
8817
  ]
8813
8818
  }
8814
8819
  }
8815
8820
  };
8816
8821
 
8817
- const metadata$b = {
8822
+ const metadata$c = {
8818
8823
  "name": "🟢 Resizable.Icon",
8819
8824
  "key": "1f74eedb6fb186fd201d6ad5b2dbcd46a2bddf3e",
8820
8825
  "componentPropertyDefinitions": {
@@ -8833,7 +8838,7 @@ const metadata$b = {
8833
8838
  }
8834
8839
  };
8835
8840
 
8836
- const metadata$a = {
8841
+ const metadata$b = {
8837
8842
  "name": "🟢 ResizableChild",
8838
8843
  "key": "df43b92004c850e7c6d2869e7a4ba1ef9a2d7db6",
8839
8844
  "componentPropertyDefinitions": {
@@ -8852,7 +8857,7 @@ const metadata$a = {
8852
8857
  }
8853
8858
  };
8854
8859
 
8855
- const metadata$9 = {
8860
+ const metadata$a = {
8856
8861
  "name": "🟢 Segmented Control",
8857
8862
  "key": "3ad7133ba52755867f42f9232375f75639e00d58",
8858
8863
  "componentPropertyDefinitions": {
@@ -8876,7 +8881,7 @@ const metadata$9 = {
8876
8881
  }
8877
8882
  };
8878
8883
 
8879
- const metadata$8 = {
8884
+ const metadata$9 = {
8880
8885
  "name": "🟢 Select Box",
8881
8886
  "key": "38722ffeb4c966256a709155e8ddac50c93d7c60",
8882
8887
  "componentPropertyDefinitions": {
@@ -8896,19 +8901,24 @@ const metadata$8 = {
8896
8901
  "Radio"
8897
8902
  ]
8898
8903
  },
8904
+ "Selected": {
8905
+ "type": "VARIANT",
8906
+ "variantOptions": [
8907
+ "True",
8908
+ "False"
8909
+ ]
8910
+ },
8899
8911
  "State": {
8900
8912
  "type": "VARIANT",
8901
8913
  "variantOptions": [
8902
8914
  "Enabled",
8903
- "Pressed",
8904
- "Selected",
8905
- "Selected-Pressed"
8915
+ "Pressed"
8906
8916
  ]
8907
8917
  }
8908
8918
  }
8909
8919
  };
8910
8920
 
8911
- const metadata$7 = {
8921
+ const metadata$8 = {
8912
8922
  "name": "🟢 Skeleton",
8913
8923
  "key": "ef22c3288722fbfa64a5ab73df397ade88f8e05a",
8914
8924
  "componentPropertyDefinitions": {
@@ -8931,7 +8941,7 @@ const metadata$7 = {
8931
8941
  }
8932
8942
  };
8933
8943
 
8934
- const metadata$6 = {
8944
+ const metadata$7 = {
8935
8945
  "name": "🟢 Slider",
8936
8946
  "key": "aee027230a478315e380704c4523141e67e464ee",
8937
8947
  "componentPropertyDefinitions": {
@@ -8963,7 +8973,7 @@ const metadata$6 = {
8963
8973
  }
8964
8974
  };
8965
8975
 
8966
- const metadata$5 = {
8976
+ const metadata$6 = {
8967
8977
  "name": "🟢 Snackbar",
8968
8978
  "key": "81b17fb8c7d731a19cf8d36a8605559d41414eca",
8969
8979
  "componentPropertyDefinitions": {
@@ -8987,6 +8997,25 @@ const metadata$5 = {
8987
8997
  }
8988
8998
  };
8989
8999
 
9000
+ const metadata$5 = {
9001
+ "name": "🟢 SuperscriptChild",
9002
+ "key": "19923052d4152393ecdc6e2f5853ea0359849127",
9003
+ "componentPropertyDefinitions": {
9004
+ "Icon#37641:0": {
9005
+ "type": "INSTANCE_SWAP",
9006
+ "preferredValues": []
9007
+ },
9008
+ "Type": {
9009
+ "type": "VARIANT",
9010
+ "variantOptions": [
9011
+ "Icon",
9012
+ "Notification Badge",
9013
+ "Custom"
9014
+ ]
9015
+ }
9016
+ }
9017
+ };
9018
+
8990
9019
  const metadata$4 = {
8991
9020
  "name": "🟢 Switch",
8992
9021
  "key": "65e0e7ba1a0c13b42e5fd0ceb17d5f756128dd6b",
@@ -9002,13 +9031,18 @@ const metadata$4 = {
9002
9031
  "32"
9003
9032
  ]
9004
9033
  },
9034
+ "Selected": {
9035
+ "type": "VARIANT",
9036
+ "variantOptions": [
9037
+ "True",
9038
+ "False"
9039
+ ]
9040
+ },
9005
9041
  "State": {
9006
9042
  "type": "VARIANT",
9007
9043
  "variantOptions": [
9008
9044
  "Enabled",
9009
- "Disabled",
9010
- "Selected",
9011
- "Selected-Disabled"
9045
+ "Disabled"
9012
9046
  ]
9013
9047
  },
9014
9048
  "Label Layout(Figma Only)": {
@@ -9171,17 +9205,20 @@ const metadata$1 = {
9171
9205
  "Brand Solid"
9172
9206
  ]
9173
9207
  },
9208
+ "Selected": {
9209
+ "type": "VARIANT",
9210
+ "variantOptions": [
9211
+ "True",
9212
+ "False"
9213
+ ]
9214
+ },
9174
9215
  "State": {
9175
9216
  "type": "VARIANT",
9176
9217
  "variantOptions": [
9177
9218
  "Enabled",
9178
9219
  "Pressed",
9179
9220
  "Loading",
9180
- "Selected",
9181
- "Selected-Pressed",
9182
- "Selected-Loading",
9183
- "Disabled",
9184
- "Disabled-Selected"
9221
+ "Disabled"
9185
9222
  ]
9186
9223
  }
9187
9224
  }
@@ -9232,50 +9269,51 @@ const metadata = {
9232
9269
 
9233
9270
  var FIGMA_COMPONENTS = {
9234
9271
  __proto__: null,
9235
- actionButton: metadata$E,
9236
- alertDialog: metadata$D,
9237
- avatar: metadata$C,
9238
- avatarStack: metadata$B,
9239
- badge: metadata$A,
9240
- bottomNavigationGlobal: metadata$z,
9241
- bottomNavigationKr: metadata$y,
9242
- bottomSheet: metadata$x,
9243
- callout: metadata$w,
9244
- checkbox: metadata$v,
9245
- checkmark: metadata$u,
9246
- chip: metadata$t,
9247
- chlid: metadata$s,
9248
- contextualFloatingButton: metadata$r,
9249
- divider: metadata$q,
9250
- floatingActionButton: metadata$p,
9251
- helpBubble: metadata$o,
9252
- inlineBanner: metadata$n,
9253
- mainTabNavigationGlobal: metadata$m,
9254
- mainTabNavigationKr: metadata$l,
9255
- mannerTemp: metadata$k,
9256
- mannerTempBadge: metadata$j,
9257
- menuSheet: metadata$i,
9258
- multilineTextField: metadata$h,
9259
- progressCircle: metadata$g,
9260
- radio: metadata$f,
9261
- radioMark: metadata$e,
9262
- rangeSlider: metadata$d,
9263
- reactionButton: metadata$c,
9264
- resizableChild: metadata$a,
9265
- resizableIcon: metadata$b,
9266
- segmentedControl: metadata$9,
9267
- selectBox: metadata$8,
9268
- skeleton: metadata$7,
9269
- slider: metadata$6,
9270
- snackbar: metadata$5,
9272
+ actionButton: metadata$F,
9273
+ alertDialog: metadata$E,
9274
+ avatar: metadata$D,
9275
+ avatarStack: metadata$C,
9276
+ badge: metadata$B,
9277
+ bottomNavigationGlobal: metadata$A,
9278
+ bottomNavigationKr: metadata$z,
9279
+ bottomSheet: metadata$y,
9280
+ callout: metadata$x,
9281
+ checkbox: metadata$w,
9282
+ checkmark: metadata$v,
9283
+ chip: metadata$u,
9284
+ chlid: metadata$t,
9285
+ contextualFloatingButton: metadata$s,
9286
+ divider: metadata$r,
9287
+ floatingActionButton: metadata$q,
9288
+ helpBubble: metadata$p,
9289
+ inlineBanner: metadata$o,
9290
+ mainTabNavigationGlobal: metadata$n,
9291
+ mainTabNavigationKr: metadata$m,
9292
+ mannerTemp: metadata$l,
9293
+ mannerTempBadge: metadata$k,
9294
+ menuSheet: metadata$j,
9295
+ multilineTextField: metadata$i,
9296
+ progressCircle: metadata$h,
9297
+ radio: metadata$g,
9298
+ radioMark: metadata$f,
9299
+ rangeSlider: metadata$e,
9300
+ reactionButton: metadata$d,
9301
+ resizableChild: metadata$b,
9302
+ resizableIcon: metadata$c,
9303
+ segmentedControl: metadata$a,
9304
+ selectBox: metadata$9,
9305
+ skeleton: metadata$8,
9306
+ slider: metadata$7,
9307
+ snackbar: metadata$6,
9308
+ superscriptChild: metadata$5,
9271
9309
  switch: metadata$4,
9272
9310
  tabs: metadata$3,
9273
- templateButtonGroup: metadata$K,
9274
- templateChipGroup: metadata$J,
9275
- templateCompletion: metadata$I,
9276
- templateErrorState: metadata$H,
9277
- templateSelectBoxGroup: metadata$G,
9278
- templateTopNavigation: metadata$F,
9311
+ templateButtonGroup: metadata$L,
9312
+ templateChipGroup: metadata$K,
9313
+ templateCompletion: metadata$J,
9314
+ templateErrorState: metadata$I,
9315
+ templateSelectBoxGroup: metadata$H,
9316
+ templateTopNavigation: metadata$G,
9279
9317
  textField: metadata$2,
9280
9318
  toggleButton: metadata$1,
9281
9319
  topNavigation: metadata
@@ -9524,7 +9562,7 @@ function createInstanceTransformer({ frameTransformer, componentRepository }) {
9524
9562
  function createContainerLayoutPropsConverter(valueResolver) {
9525
9563
  return createPropsConverter({
9526
9564
  handlers: {
9527
- layoutMode: ({ layoutMode })=>layoutMode ?? "NONE",
9565
+ layoutMode: ({ layoutMode })=>!layoutMode || layoutMode === "GRID" ? "NONE" : layoutMode,
9528
9566
  primaryAxisAlignItems: ({ primaryAxisAlignItems })=>primaryAxisAlignItems,
9529
9567
  counterAxisAlignItems: ({ counterAxisAlignItems })=>counterAxisAlignItems,
9530
9568
  layoutWrap: ({ layoutWrap })=>layoutWrap,