@cambly/syntax-core 4.8.2 → 5.0.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 (8) hide show
  1. package/dist/index.css +332 -326
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.ts +27 -6
  4. package/dist/index.js +149 -121
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +141 -114
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -128,11 +128,76 @@ var Avatar = ({
128
128
  };
129
129
  var Avatar_default = Avatar;
130
130
 
131
- // src/Box/Box.tsx
131
+ // src/Typography/Typography.tsx
132
132
  var import_classnames2 = __toESM(require_classnames());
133
133
 
134
+ // css-module:./Typography.module.css#css-module
135
+ var Typography_module_default = { "typography": "_typography_1hx29_1", "size100": "_size100_1hx29_8", "size200": "_size200_1hx29_12", "size300": "_size300_1hx29_16", "size500": "_size500_1hx29_20", "size600": "_size600_1hx29_24", "size700": "_size700_1hx29_28", "size800": "_size800_1hx29_32", "center": "_center_1hx29_37", "forceLeft": "_forceLeft_1hx29_41", "forceRight": "_forceRight_1hx29_45", "start": "_start_1hx29_49", "end": "_end_1hx29_53", "bold": "_bold_1hx29_58", "regular": "_regular_1hx29_62", "semiBold": "_semiBold_1hx29_66", "heavy": "_heavy_1hx29_70", "underline": "_underline_1hx29_74", "inline": "_inline_1hx29_78", "uppercase": "_uppercase_1hx29_82", "lineClamp": "_lineClamp_1hx29_86" };
136
+
137
+ // css-module:../colors/colors.module.css#css-module
138
+ var colors_module_default = { "inheritColor": "_inheritColor_11wj3_2", "destructive700Color": "_destructive700Color_11wj3_6", "gray700Color": "_gray700Color_11wj3_10", "gray900Color": "_gray900Color_11wj3_14", "primary700Color": "_primary700Color_11wj3_18", "whiteColor": "_whiteColor_11wj3_22", "blackBackgroundColor": "_blackBackgroundColor_11wj3_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_11wj3_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_11wj3_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_11wj3_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_11wj3_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_11wj3_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_11wj3_51", "gray10BackgroundColor": "_gray10BackgroundColor_11wj3_55", "gray30BackgroundColor": "_gray30BackgroundColor_11wj3_59", "gray60BackgroundColor": "_gray60BackgroundColor_11wj3_63", "gray80BackgroundColor": "_gray80BackgroundColor_11wj3_67", "gray100BackgroundColor": "_gray100BackgroundColor_11wj3_71", "gray200BackgroundColor": "_gray200BackgroundColor_11wj3_75", "gray300BackgroundColor": "_gray300BackgroundColor_11wj3_79", "gray700BackgroundColor": "_gray700BackgroundColor_11wj3_83", "gray800BackgroundColor": "_gray800BackgroundColor_11wj3_87", "gray900BackgroundColor": "_gray900BackgroundColor_11wj3_91", "orange100BackgroundColor": "_orange100BackgroundColor_11wj3_95", "orange200BackgroundColor": "_orange200BackgroundColor_11wj3_99", "orange300BackgroundColor": "_orange300BackgroundColor_11wj3_103", "orange700BackgroundColor": "_orange700BackgroundColor_11wj3_107", "orange800BackgroundColor": "_orange800BackgroundColor_11wj3_111", "orange900BackgroundColor": "_orange900BackgroundColor_11wj3_115", "primary100BackgroundColor": "_primary100BackgroundColor_11wj3_119", "primary200BackgroundColor": "_primary200BackgroundColor_11wj3_123", "primary300BackgroundColor": "_primary300BackgroundColor_11wj3_127", "primary700BackgroundColor": "_primary700BackgroundColor_11wj3_131", "primary800BackgroundColor": "_primary800BackgroundColor_11wj3_135", "primary900BackgroundColor": "_primary900BackgroundColor_11wj3_139", "success100BackgroundColor": "_success100BackgroundColor_11wj3_143", "success200BackgroundColor": "_success200BackgroundColor_11wj3_147", "success300BackgroundColor": "_success300BackgroundColor_11wj3_151", "success700BackgroundColor": "_success700BackgroundColor_11wj3_155", "success800BackgroundColor": "_success800BackgroundColor_11wj3_159", "success900BackgroundColor": "_success900BackgroundColor_11wj3_163", "purple100BackgroundColor": "_purple100BackgroundColor_11wj3_167", "purple200BackgroundColor": "_purple200BackgroundColor_11wj3_171", "purple300BackgroundColor": "_purple300BackgroundColor_11wj3_175", "purple700BackgroundColor": "_purple700BackgroundColor_11wj3_179", "purple800BackgroundColor": "_purple800BackgroundColor_11wj3_183", "purple900BackgroundColor": "_purple900BackgroundColor_11wj3_187", "whiteBackgroundColor": "_whiteBackgroundColor_11wj3_191", "yellow100BackgroundColor": "_yellow100BackgroundColor_11wj3_195", "yellow200BackgroundColor": "_yellow200BackgroundColor_11wj3_199", "yellow300BackgroundColor": "_yellow300BackgroundColor_11wj3_203", "yellow700BackgroundColor": "_yellow700BackgroundColor_11wj3_207", "yellow800BackgroundColor": "_yellow800BackgroundColor_11wj3_211", "yellow900BackgroundColor": "_yellow900BackgroundColor_11wj3_215" };
139
+
140
+ // src/Typography/Typography.tsx
141
+ import { jsx as jsx2 } from "react/jsx-runtime";
142
+ function textColor(color) {
143
+ switch (color) {
144
+ case "gray700":
145
+ return colors_module_default.gray700Color;
146
+ case "white":
147
+ return colors_module_default.whiteColor;
148
+ case "inherit":
149
+ return colors_module_default.inheritColor;
150
+ case "primary":
151
+ return colors_module_default.primary700Color;
152
+ case "destructive-primary":
153
+ return colors_module_default.destructive700Color;
154
+ default:
155
+ return colors_module_default.gray900Color;
156
+ }
157
+ }
158
+ var Typography = ({
159
+ align = "start",
160
+ as = "div",
161
+ children,
162
+ color = "gray900",
163
+ inline = false,
164
+ lineClamp = void 0,
165
+ size = 200,
166
+ tooltip,
167
+ transform = "none",
168
+ underline = false,
169
+ weight = "regular"
170
+ }) => {
171
+ const Tag = as;
172
+ return /* @__PURE__ */ jsx2(
173
+ Tag,
174
+ {
175
+ className: (0, import_classnames2.default)(
176
+ Typography_module_default.typography,
177
+ Typography_module_default[align],
178
+ Typography_module_default[weight],
179
+ textColor(color),
180
+ inline && Typography_module_default.inline,
181
+ Typography_module_default[`size${size}`],
182
+ transform === "uppercase" && Typography_module_default.uppercase,
183
+ underline && Typography_module_default.underline,
184
+ lineClamp != null && Typography_module_default.lineClamp
185
+ ),
186
+ style: {
187
+ WebkitLineClamp: lineClamp
188
+ },
189
+ title: tooltip,
190
+ children
191
+ }
192
+ );
193
+ };
194
+ var Typography_default = Typography;
195
+
196
+ // src/Box/Box.tsx
197
+ var import_classnames3 = __toESM(require_classnames());
198
+
134
199
  // css-module:./Box.module.css#css-module
135
- var Box_module_default = { "box": "_box_7x1a7_1", "flexWrap": "_flexWrap_7x1a7_5", "alignItemscenter": "_alignItemscenter_7x1a7_10", "alignItemsstart": "_alignItemsstart_7x1a7_14", "alignItemsend": "_alignItemsend_7x1a7_18", "alignItemsstretch": "_alignItemsstretch_7x1a7_22", "alignItemsbaseline": "_alignItemsbaseline_7x1a7_26", "alignItemscenterSmall": "_alignItemscenterSmall_7x1a7_32", "alignItemsstartSmall": "_alignItemsstartSmall_7x1a7_36", "alignItemsendSmall": "_alignItemsendSmall_7x1a7_40", "alignItemsstretchSmall": "_alignItemsstretchSmall_7x1a7_44", "alignItemsbaselineSmall": "_alignItemsbaselineSmall_7x1a7_48", "alignItemscenterLarge": "_alignItemscenterLarge_7x1a7_55", "alignItemsstartLarge": "_alignItemsstartLarge_7x1a7_59", "alignItemsendLarge": "_alignItemsendLarge_7x1a7_63", "alignItemsstretchLarge": "_alignItemsstretchLarge_7x1a7_67", "alignItemsbaselineLarge": "_alignItemsbaselineLarge_7x1a7_71", "alignSelfcenter": "_alignSelfcenter_7x1a7_77", "alignSelfstart": "_alignSelfstart_7x1a7_81", "alignSelfend": "_alignSelfend_7x1a7_85", "alignSelfstretch": "_alignSelfstretch_7x1a7_89", "alignSelfbaseline": "_alignSelfbaseline_7x1a7_93", "alignSelfauto": "_alignSelfauto_7x1a7_97", "roundingsm": "_roundingsm_7x1a7_102", "roundingmd": "_roundingmd_7x1a7_106", "roundinglg": "_roundinglg_7x1a7_110", "roundingxl": "_roundingxl_7x1a7_114", "roundingfull": "_roundingfull_7x1a7_118", "block": "_block_7x1a7_123", "flex": "_flex_7x1a7_5", "inlineBlock": "_inlineBlock_7x1a7_131", "none": "_none_7x1a7_135", "visuallyHidden": "_visuallyHidden_7x1a7_139", "blockSmall": "_blockSmall_7x1a7_153", "flexSmall": "_flexSmall_7x1a7_157", "inlineBlockSmall": "_inlineBlockSmall_7x1a7_161", "noneSmall": "_noneSmall_7x1a7_165", "visuallyHiddenSmall": "_visuallyHiddenSmall_7x1a7_169", "blockLarge": "_blockLarge_7x1a7_184", "flexLarge": "_flexLarge_7x1a7_188", "inlineBlockLarge": "_inlineBlockLarge_7x1a7_192", "noneLarge": "_noneLarge_7x1a7_196", "visuallyHiddenLarge": "_visuallyHiddenLarge_7x1a7_200", "column": "_column_7x1a7_214", "row": "_row_7x1a7_218", "columnSmall": "_columnSmall_7x1a7_224", "rowSmall": "_rowSmall_7x1a7_228", "columnLarge": "_columnLarge_7x1a7_235", "rowLarge": "_rowLarge_7x1a7_239", "gap0": "_gap0_7x1a7_245", "gap1": "_gap1_7x1a7_249", "gap2": "_gap2_7x1a7_253", "gap3": "_gap3_7x1a7_257", "gap4": "_gap4_7x1a7_261", "gap5": "_gap5_7x1a7_265", "gap6": "_gap6_7x1a7_269", "gap7": "_gap7_7x1a7_273", "gap8": "_gap8_7x1a7_277", "gap9": "_gap9_7x1a7_281", "gap10": "_gap10_7x1a7_285", "gap11": "_gap11_7x1a7_289", "gap12": "_gap12_7x1a7_293", "justifyContentcenter": "_justifyContentcenter_7x1a7_298", "justifyContentstart": "_justifyContentstart_7x1a7_302", "justifyContentend": "_justifyContentend_7x1a7_306", "justifyContentbetween": "_justifyContentbetween_7x1a7_310", "justifyContentaround": "_justifyContentaround_7x1a7_314", "justifyContentevenly": "_justifyContentevenly_7x1a7_318", "justifyContentcenterSmall": "_justifyContentcenterSmall_7x1a7_324", "justifyContentstartSmall": "_justifyContentstartSmall_7x1a7_328", "justifyContentendSmall": "_justifyContentendSmall_7x1a7_332", "justifyContentbetweenSmall": "_justifyContentbetweenSmall_7x1a7_336", "justifyContentaroundSmall": "_justifyContentaroundSmall_7x1a7_340", "justifyContentevenlySmall": "_justifyContentevenlySmall_7x1a7_344", "justifyContentcenterLarge": "_justifyContentcenterLarge_7x1a7_351", "justifyContentstartLarge": "_justifyContentstartLarge_7x1a7_355", "justifyContentendLarge": "_justifyContentendLarge_7x1a7_359", "justifyContentbetweenLarge": "_justifyContentbetweenLarge_7x1a7_363", "justifyContentaroundLarge": "_justifyContentaroundLarge_7x1a7_367", "justifyContentevenlyLarge": "_justifyContentevenlyLarge_7x1a7_371", "absolute": "_absolute_7x1a7_377", "fixed": "_fixed_7x1a7_381", "relative": "_relative_7x1a7_385", "sticky": "_sticky_7x1a7_389" };
200
+ var Box_module_default = { "box": "_box_33gse_1", "flexnone": "_flexnone_33gse_5", "flexgrow": "_flexgrow_33gse_9", "flexWrap": "_flexWrap_33gse_13", "alignItemscenter": "_alignItemscenter_33gse_18", "alignItemsstart": "_alignItemsstart_33gse_22", "alignItemsend": "_alignItemsend_33gse_26", "alignItemsstretch": "_alignItemsstretch_33gse_30", "alignItemsbaseline": "_alignItemsbaseline_33gse_34", "alignItemscenterSmall": "_alignItemscenterSmall_33gse_40", "alignItemsstartSmall": "_alignItemsstartSmall_33gse_44", "alignItemsendSmall": "_alignItemsendSmall_33gse_48", "alignItemsstretchSmall": "_alignItemsstretchSmall_33gse_52", "alignItemsbaselineSmall": "_alignItemsbaselineSmall_33gse_56", "alignItemscenterLarge": "_alignItemscenterLarge_33gse_63", "alignItemsstartLarge": "_alignItemsstartLarge_33gse_67", "alignItemsendLarge": "_alignItemsendLarge_33gse_71", "alignItemsstretchLarge": "_alignItemsstretchLarge_33gse_75", "alignItemsbaselineLarge": "_alignItemsbaselineLarge_33gse_79", "alignSelfcenter": "_alignSelfcenter_33gse_85", "alignSelfstart": "_alignSelfstart_33gse_89", "alignSelfend": "_alignSelfend_33gse_93", "alignSelfstretch": "_alignSelfstretch_33gse_97", "alignSelfbaseline": "_alignSelfbaseline_33gse_101", "alignSelfauto": "_alignSelfauto_33gse_105", "roundingsm": "_roundingsm_33gse_110", "roundingmd": "_roundingmd_33gse_114", "roundinglg": "_roundinglg_33gse_118", "roundingxl": "_roundingxl_33gse_122", "roundingfull": "_roundingfull_33gse_126", "block": "_block_33gse_131", "flex": "_flex_33gse_5", "inlineBlock": "_inlineBlock_33gse_139", "none": "_none_33gse_143", "visuallyHidden": "_visuallyHidden_33gse_147", "blockSmall": "_blockSmall_33gse_161", "flexSmall": "_flexSmall_33gse_165", "inlineBlockSmall": "_inlineBlockSmall_33gse_169", "noneSmall": "_noneSmall_33gse_173", "visuallyHiddenSmall": "_visuallyHiddenSmall_33gse_177", "blockLarge": "_blockLarge_33gse_192", "flexLarge": "_flexLarge_33gse_196", "inlineBlockLarge": "_inlineBlockLarge_33gse_200", "noneLarge": "_noneLarge_33gse_204", "visuallyHiddenLarge": "_visuallyHiddenLarge_33gse_208", "column": "_column_33gse_222", "row": "_row_33gse_226", "columnSmall": "_columnSmall_33gse_232", "rowSmall": "_rowSmall_33gse_236", "columnLarge": "_columnLarge_33gse_243", "rowLarge": "_rowLarge_33gse_247", "gap0": "_gap0_33gse_253", "gap1": "_gap1_33gse_257", "gap2": "_gap2_33gse_261", "gap3": "_gap3_33gse_265", "gap4": "_gap4_33gse_269", "gap5": "_gap5_33gse_273", "gap6": "_gap6_33gse_277", "gap7": "_gap7_33gse_281", "gap8": "_gap8_33gse_285", "gap9": "_gap9_33gse_289", "gap10": "_gap10_33gse_293", "gap11": "_gap11_33gse_297", "gap12": "_gap12_33gse_301", "justifyContentcenter": "_justifyContentcenter_33gse_306", "justifyContentstart": "_justifyContentstart_33gse_310", "justifyContentend": "_justifyContentend_33gse_314", "justifyContentbetween": "_justifyContentbetween_33gse_318", "justifyContentaround": "_justifyContentaround_33gse_322", "justifyContentevenly": "_justifyContentevenly_33gse_326", "justifyContentcenterSmall": "_justifyContentcenterSmall_33gse_332", "justifyContentstartSmall": "_justifyContentstartSmall_33gse_336", "justifyContentendSmall": "_justifyContentendSmall_33gse_340", "justifyContentbetweenSmall": "_justifyContentbetweenSmall_33gse_344", "justifyContentaroundSmall": "_justifyContentaroundSmall_33gse_348", "justifyContentevenlySmall": "_justifyContentevenlySmall_33gse_352", "justifyContentcenterLarge": "_justifyContentcenterLarge_33gse_359", "justifyContentstartLarge": "_justifyContentstartLarge_33gse_363", "justifyContentendLarge": "_justifyContentendLarge_33gse_367", "justifyContentbetweenLarge": "_justifyContentbetweenLarge_33gse_371", "justifyContentaroundLarge": "_justifyContentaroundLarge_33gse_375", "justifyContentevenlyLarge": "_justifyContentevenlyLarge_33gse_379", "absolute": "_absolute_33gse_385", "fixed": "_fixed_33gse_389", "relative": "_relative_33gse_393", "sticky": "_sticky_33gse_397" };
136
201
 
137
202
  // css-module:./margin.module.css#css-module
138
203
  var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "marginBottom-11": "_marginBottom-11_1whn1_6", "marginBottom-10": "_marginBottom-10_1whn1_10", "marginBottom-9": "_marginBottom-9_1whn1_14", "marginBottom-8": "_marginBottom-8_1whn1_18", "marginBottom-7": "_marginBottom-7_1whn1_22", "marginBottom-6": "_marginBottom-6_1whn1_26", "marginBottom-5": "_marginBottom-5_1whn1_30", "marginBottom-4": "_marginBottom-4_1whn1_34", "marginBottom-3": "_marginBottom-3_1whn1_38", "marginBottom-2": "_marginBottom-2_1whn1_42", "marginBottom-1": "_marginBottom-1_1whn1_2", "marginBottom0": "_marginBottom0_1whn1_50", "marginBottom1": "_marginBottom1_1whn1_54", "marginBottom2": "_marginBottom2_1whn1_58", "marginBottom3": "_marginBottom3_1whn1_62", "marginBottom4": "_marginBottom4_1whn1_66", "marginBottom5": "_marginBottom5_1whn1_70", "marginBottom6": "_marginBottom6_1whn1_74", "marginBottom7": "_marginBottom7_1whn1_78", "marginBottom8": "_marginBottom8_1whn1_82", "marginBottom9": "_marginBottom9_1whn1_86", "marginBottom10": "_marginBottom10_1whn1_90", "marginBottom11": "_marginBottom11_1whn1_94", "marginBottom12": "_marginBottom12_1whn1_98", "marginBottomauto": "_marginBottomauto_1whn1_102", "marginEnd-12": "_marginEnd-12_1whn1_107", "marginEnd-11": "_marginEnd-11_1whn1_111", "marginEnd-10": "_marginEnd-10_1whn1_115", "marginEnd-9": "_marginEnd-9_1whn1_119", "marginEnd-8": "_marginEnd-8_1whn1_123", "marginEnd-7": "_marginEnd-7_1whn1_127", "marginEnd-6": "_marginEnd-6_1whn1_131", "marginEnd-5": "_marginEnd-5_1whn1_135", "marginEnd-4": "_marginEnd-4_1whn1_139", "marginEnd-3": "_marginEnd-3_1whn1_143", "marginEnd-2": "_marginEnd-2_1whn1_147", "marginEnd-1": "_marginEnd-1_1whn1_107", "marginEnd0": "_marginEnd0_1whn1_155", "marginEnd1": "_marginEnd1_1whn1_159", "marginEnd2": "_marginEnd2_1whn1_163", "marginEnd3": "_marginEnd3_1whn1_167", "marginEnd4": "_marginEnd4_1whn1_171", "marginEnd5": "_marginEnd5_1whn1_175", "marginEnd6": "_marginEnd6_1whn1_179", "marginEnd7": "_marginEnd7_1whn1_183", "marginEnd8": "_marginEnd8_1whn1_187", "marginEnd9": "_marginEnd9_1whn1_191", "marginEnd10": "_marginEnd10_1whn1_195", "marginEnd11": "_marginEnd11_1whn1_199", "marginEnd12": "_marginEnd12_1whn1_203", "marginEndauto": "_marginEndauto_1whn1_207", "marginStart-12": "_marginStart-12_1whn1_212", "marginStart-11": "_marginStart-11_1whn1_216", "marginStart-10": "_marginStart-10_1whn1_220", "marginStart-9": "_marginStart-9_1whn1_224", "marginStart-8": "_marginStart-8_1whn1_228", "marginStart-7": "_marginStart-7_1whn1_232", "marginStart-6": "_marginStart-6_1whn1_236", "marginStart-5": "_marginStart-5_1whn1_240", "marginStart-4": "_marginStart-4_1whn1_244", "marginStart-3": "_marginStart-3_1whn1_248", "marginStart-2": "_marginStart-2_1whn1_252", "marginStart-1": "_marginStart-1_1whn1_212", "marginStart0": "_marginStart0_1whn1_260", "marginStart1": "_marginStart1_1whn1_264", "marginStart2": "_marginStart2_1whn1_268", "marginStart3": "_marginStart3_1whn1_272", "marginStart4": "_marginStart4_1whn1_276", "marginStart5": "_marginStart5_1whn1_280", "marginStart6": "_marginStart6_1whn1_284", "marginStart7": "_marginStart7_1whn1_288", "marginStart8": "_marginStart8_1whn1_292", "marginStart9": "_marginStart9_1whn1_296", "marginStart10": "_marginStart10_1whn1_300", "marginStart11": "_marginStart11_1whn1_304", "marginStart12": "_marginStart12_1whn1_308", "marginStartauto": "_marginStartauto_1whn1_312", "marginTop-12": "_marginTop-12_1whn1_317", "marginTop-11": "_marginTop-11_1whn1_321", "marginTop-10": "_marginTop-10_1whn1_325", "marginTop-9": "_marginTop-9_1whn1_329", "marginTop-8": "_marginTop-8_1whn1_333", "marginTop-7": "_marginTop-7_1whn1_337", "marginTop-6": "_marginTop-6_1whn1_341", "marginTop-5": "_marginTop-5_1whn1_345", "marginTop-4": "_marginTop-4_1whn1_349", "marginTop-3": "_marginTop-3_1whn1_353", "marginTop-2": "_marginTop-2_1whn1_357", "marginTop-1": "_marginTop-1_1whn1_317", "marginTop0": "_marginTop0_1whn1_365", "marginTop1": "_marginTop1_1whn1_369", "marginTop2": "_marginTop2_1whn1_373", "marginTop3": "_marginTop3_1whn1_377", "marginTop4": "_marginTop4_1whn1_381", "marginTop5": "_marginTop5_1whn1_385", "marginTop6": "_marginTop6_1whn1_389", "marginTop7": "_marginTop7_1whn1_393", "marginTop8": "_marginTop8_1whn1_397", "marginTop9": "_marginTop9_1whn1_401", "marginTop10": "_marginTop10_1whn1_405", "marginTop11": "_marginTop11_1whn1_409", "marginTop12": "_marginTop12_1whn1_413", "marginTopauto": "_marginTopauto_1whn1_417", "marginBottom-12Small": "_marginBottom-12Small_1whn1_423", "marginBottom-11Small": "_marginBottom-11Small_1whn1_427", "marginBottom-10Small": "_marginBottom-10Small_1whn1_431", "marginBottom-9Small": "_marginBottom-9Small_1whn1_435", "marginBottom-8Small": "_marginBottom-8Small_1whn1_439", "marginBottom-7Small": "_marginBottom-7Small_1whn1_443", "marginBottom-6Small": "_marginBottom-6Small_1whn1_447", "marginBottom-5Small": "_marginBottom-5Small_1whn1_451", "marginBottom-4Small": "_marginBottom-4Small_1whn1_455", "marginBottom-3Small": "_marginBottom-3Small_1whn1_459", "marginBottom-2Small": "_marginBottom-2Small_1whn1_463", "marginBottom-1Small": "_marginBottom-1Small_1whn1_467", "marginBottom0Small": "_marginBottom0Small_1whn1_471", "marginBottom1Small": "_marginBottom1Small_1whn1_475", "marginBottom2Small": "_marginBottom2Small_1whn1_479", "marginBottom3Small": "_marginBottom3Small_1whn1_483", "marginBottom4Small": "_marginBottom4Small_1whn1_487", "marginBottom5Small": "_marginBottom5Small_1whn1_491", "marginBottom6Small": "_marginBottom6Small_1whn1_495", "marginBottom7Small": "_marginBottom7Small_1whn1_499", "marginBottom8Small": "_marginBottom8Small_1whn1_503", "marginBottom9Small": "_marginBottom9Small_1whn1_507", "marginBottom10Small": "_marginBottom10Small_1whn1_511", "marginBottom11Small": "_marginBottom11Small_1whn1_515", "marginBottom12Small": "_marginBottom12Small_1whn1_519", "marginBottomautoSmall": "_marginBottomautoSmall_1whn1_523", "marginEnd-12Small": "_marginEnd-12Small_1whn1_527", "marginEnd-11Small": "_marginEnd-11Small_1whn1_531", "marginEnd-10Small": "_marginEnd-10Small_1whn1_535", "marginEnd-9Small": "_marginEnd-9Small_1whn1_539", "marginEnd-8Small": "_marginEnd-8Small_1whn1_543", "marginEnd-7Small": "_marginEnd-7Small_1whn1_547", "marginEnd-6Small": "_marginEnd-6Small_1whn1_551", "marginEnd-5Small": "_marginEnd-5Small_1whn1_555", "marginEnd-4Small": "_marginEnd-4Small_1whn1_559", "marginEnd-3Small": "_marginEnd-3Small_1whn1_563", "marginEnd-2Small": "_marginEnd-2Small_1whn1_567", "marginEnd-1Small": "_marginEnd-1Small_1whn1_571", "marginEnd0Small": "_marginEnd0Small_1whn1_575", "marginEnd1Small": "_marginEnd1Small_1whn1_579", "marginEnd2Small": "_marginEnd2Small_1whn1_583", "marginEnd3Small": "_marginEnd3Small_1whn1_587", "marginEnd4Small": "_marginEnd4Small_1whn1_591", "marginEnd5Small": "_marginEnd5Small_1whn1_595", "marginEnd6Small": "_marginEnd6Small_1whn1_599", "marginEnd7Small": "_marginEnd7Small_1whn1_603", "marginEnd8Small": "_marginEnd8Small_1whn1_607", "marginEnd9Small": "_marginEnd9Small_1whn1_611", "marginEnd10Small": "_marginEnd10Small_1whn1_615", "marginEnd11Small": "_marginEnd11Small_1whn1_619", "marginEnd12Small": "_marginEnd12Small_1whn1_623", "marginEndautoSmall": "_marginEndautoSmall_1whn1_627", "marginStart-12Small": "_marginStart-12Small_1whn1_631", "marginStart-11Small": "_marginStart-11Small_1whn1_635", "marginStart-10Small": "_marginStart-10Small_1whn1_639", "marginStart-9Small": "_marginStart-9Small_1whn1_643", "marginStart-8Small": "_marginStart-8Small_1whn1_647", "marginStart-7Small": "_marginStart-7Small_1whn1_651", "marginStart-6Small": "_marginStart-6Small_1whn1_655", "marginStart-5Small": "_marginStart-5Small_1whn1_659", "marginStart-4Small": "_marginStart-4Small_1whn1_663", "marginStart-3Small": "_marginStart-3Small_1whn1_667", "marginStart-2Small": "_marginStart-2Small_1whn1_671", "marginStart-1Small": "_marginStart-1Small_1whn1_675", "marginStart0Small": "_marginStart0Small_1whn1_679", "marginStart1Small": "_marginStart1Small_1whn1_683", "marginStart2Small": "_marginStart2Small_1whn1_687", "marginStart3Small": "_marginStart3Small_1whn1_691", "marginStart4Small": "_marginStart4Small_1whn1_695", "marginStart5Small": "_marginStart5Small_1whn1_699", "marginStart6Small": "_marginStart6Small_1whn1_703", "marginStart7Small": "_marginStart7Small_1whn1_707", "marginStart8Small": "_marginStart8Small_1whn1_711", "marginStart9Small": "_marginStart9Small_1whn1_715", "marginStart10Small": "_marginStart10Small_1whn1_719", "marginStart11Small": "_marginStart11Small_1whn1_723", "marginStart12Small": "_marginStart12Small_1whn1_727", "marginStartautoSmall": "_marginStartautoSmall_1whn1_731", "marginTop-12Small": "_marginTop-12Small_1whn1_735", "marginTop-11Small": "_marginTop-11Small_1whn1_739", "marginTop-10Small": "_marginTop-10Small_1whn1_743", "marginTop-9Small": "_marginTop-9Small_1whn1_747", "marginTop-8Small": "_marginTop-8Small_1whn1_751", "marginTop-7Small": "_marginTop-7Small_1whn1_755", "marginTop-6Small": "_marginTop-6Small_1whn1_759", "marginTop-5Small": "_marginTop-5Small_1whn1_763", "marginTop-4Small": "_marginTop-4Small_1whn1_767", "marginTop-3Small": "_marginTop-3Small_1whn1_771", "marginTop-2Small": "_marginTop-2Small_1whn1_775", "marginTop-1Small": "_marginTop-1Small_1whn1_779", "marginTop0Small": "_marginTop0Small_1whn1_783", "marginTop1Small": "_marginTop1Small_1whn1_787", "marginTop2Small": "_marginTop2Small_1whn1_791", "marginTop3Small": "_marginTop3Small_1whn1_795", "marginTop4Small": "_marginTop4Small_1whn1_799", "marginTop5Small": "_marginTop5Small_1whn1_803", "marginTop6Small": "_marginTop6Small_1whn1_807", "marginTop7Small": "_marginTop7Small_1whn1_811", "marginTop8Small": "_marginTop8Small_1whn1_815", "marginTop9Small": "_marginTop9Small_1whn1_819", "marginTop10Small": "_marginTop10Small_1whn1_823", "marginTop11Small": "_marginTop11Small_1whn1_827", "marginTop12Small": "_marginTop12Small_1whn1_831", "marginTopautoSmall": "_marginTopautoSmall_1whn1_835", "marginBottom-12Large": "_marginBottom-12Large_1whn1_842", "marginBottom-11Large": "_marginBottom-11Large_1whn1_846", "marginBottom-10Large": "_marginBottom-10Large_1whn1_850", "marginBottom-9Large": "_marginBottom-9Large_1whn1_854", "marginBottom-8Large": "_marginBottom-8Large_1whn1_858", "marginBottom-7Large": "_marginBottom-7Large_1whn1_862", "marginBottom-6Large": "_marginBottom-6Large_1whn1_866", "marginBottom-5Large": "_marginBottom-5Large_1whn1_870", "marginBottom-4Large": "_marginBottom-4Large_1whn1_874", "marginBottom-3Large": "_marginBottom-3Large_1whn1_878", "marginBottom-2Large": "_marginBottom-2Large_1whn1_882", "marginBottom-1Large": "_marginBottom-1Large_1whn1_886", "marginBottom0Large": "_marginBottom0Large_1whn1_890", "marginBottom1Large": "_marginBottom1Large_1whn1_894", "marginBottom2Large": "_marginBottom2Large_1whn1_898", "marginBottom3Large": "_marginBottom3Large_1whn1_902", "marginBottom4Large": "_marginBottom4Large_1whn1_906", "marginBottom5Large": "_marginBottom5Large_1whn1_910", "marginBottom6Large": "_marginBottom6Large_1whn1_914", "marginBottom7Large": "_marginBottom7Large_1whn1_918", "marginBottom8Large": "_marginBottom8Large_1whn1_922", "marginBottom9Large": "_marginBottom9Large_1whn1_926", "marginBottom10Large": "_marginBottom10Large_1whn1_930", "marginBottom11Large": "_marginBottom11Large_1whn1_934", "marginBottom12Large": "_marginBottom12Large_1whn1_938", "marginBottomautoLarge": "_marginBottomautoLarge_1whn1_942", "marginEnd-12Large": "_marginEnd-12Large_1whn1_946", "marginEnd-11Large": "_marginEnd-11Large_1whn1_950", "marginEnd-10Large": "_marginEnd-10Large_1whn1_954", "marginEnd-9Large": "_marginEnd-9Large_1whn1_958", "marginEnd-8Large": "_marginEnd-8Large_1whn1_962", "marginEnd-7Large": "_marginEnd-7Large_1whn1_966", "marginEnd-6Large": "_marginEnd-6Large_1whn1_970", "marginEnd-5Large": "_marginEnd-5Large_1whn1_974", "marginEnd-4Large": "_marginEnd-4Large_1whn1_978", "marginEnd-3Large": "_marginEnd-3Large_1whn1_982", "marginEnd-2Large": "_marginEnd-2Large_1whn1_986", "marginEnd-1Large": "_marginEnd-1Large_1whn1_990", "marginEnd0Large": "_marginEnd0Large_1whn1_994", "marginEnd1Large": "_marginEnd1Large_1whn1_998", "marginEnd2Large": "_marginEnd2Large_1whn1_1002", "marginEnd3Large": "_marginEnd3Large_1whn1_1006", "marginEnd4Large": "_marginEnd4Large_1whn1_1010", "marginEnd5Large": "_marginEnd5Large_1whn1_1014", "marginEnd6Large": "_marginEnd6Large_1whn1_1018", "marginEnd7Large": "_marginEnd7Large_1whn1_1022", "marginEnd8Large": "_marginEnd8Large_1whn1_1026", "marginEnd9Large": "_marginEnd9Large_1whn1_1030", "marginEnd10Large": "_marginEnd10Large_1whn1_1034", "marginEnd11Large": "_marginEnd11Large_1whn1_1038", "marginEnd12Large": "_marginEnd12Large_1whn1_1042", "marginEndautoLarge": "_marginEndautoLarge_1whn1_1046", "marginStart-12Large": "_marginStart-12Large_1whn1_1050", "marginStart-11Large": "_marginStart-11Large_1whn1_1054", "marginStart-10Large": "_marginStart-10Large_1whn1_1058", "marginStart-9Large": "_marginStart-9Large_1whn1_1062", "marginStart-8Large": "_marginStart-8Large_1whn1_1066", "marginStart-7Large": "_marginStart-7Large_1whn1_1070", "marginStart-6Large": "_marginStart-6Large_1whn1_1074", "marginStart-5Large": "_marginStart-5Large_1whn1_1078", "marginStart-4Large": "_marginStart-4Large_1whn1_1082", "marginStart-3Large": "_marginStart-3Large_1whn1_1086", "marginStart-2Large": "_marginStart-2Large_1whn1_1090", "marginStart-1Large": "_marginStart-1Large_1whn1_1094", "marginStart0Large": "_marginStart0Large_1whn1_1098", "marginStart1Large": "_marginStart1Large_1whn1_1102", "marginStart2Large": "_marginStart2Large_1whn1_1106", "marginStart3Large": "_marginStart3Large_1whn1_1110", "marginStart4Large": "_marginStart4Large_1whn1_1114", "marginStart5Large": "_marginStart5Large_1whn1_1118", "marginStart6Large": "_marginStart6Large_1whn1_1122", "marginStart7Large": "_marginStart7Large_1whn1_1126", "marginStart8Large": "_marginStart8Large_1whn1_1130", "marginStart9Large": "_marginStart9Large_1whn1_1134", "marginStart10Large": "_marginStart10Large_1whn1_1138", "marginStart11Large": "_marginStart11Large_1whn1_1142", "marginStart12Large": "_marginStart12Large_1whn1_1146", "marginStartautoLarge": "_marginStartautoLarge_1whn1_1150", "marginTop-12Large": "_marginTop-12Large_1whn1_1154", "marginTop-11Large": "_marginTop-11Large_1whn1_1158", "marginTop-10Large": "_marginTop-10Large_1whn1_1162", "marginTop-9Large": "_marginTop-9Large_1whn1_1166", "marginTop-8Large": "_marginTop-8Large_1whn1_1170", "marginTop-7Large": "_marginTop-7Large_1whn1_1174", "marginTop-6Large": "_marginTop-6Large_1whn1_1178", "marginTop-5Large": "_marginTop-5Large_1whn1_1182", "marginTop-4Large": "_marginTop-4Large_1whn1_1186", "marginTop-3Large": "_marginTop-3Large_1whn1_1190", "marginTop-2Large": "_marginTop-2Large_1whn1_1194", "marginTop-1Large": "_marginTop-1Large_1whn1_1198", "marginTop0Large": "_marginTop0Large_1whn1_1202", "marginTop1Large": "_marginTop1Large_1whn1_1206", "marginTop2Large": "_marginTop2Large_1whn1_1210", "marginTop3Large": "_marginTop3Large_1whn1_1214", "marginTop4Large": "_marginTop4Large_1whn1_1218", "marginTop5Large": "_marginTop5Large_1whn1_1222", "marginTop6Large": "_marginTop6Large_1whn1_1226", "marginTop7Large": "_marginTop7Large_1whn1_1230", "marginTop8Large": "_marginTop8Large_1whn1_1234", "marginTop9Large": "_marginTop9Large_1whn1_1238", "marginTop10Large": "_marginTop10Large_1whn1_1242", "marginTop11Large": "_marginTop11Large_1whn1_1246", "marginTop12Large": "_marginTop12Large_1whn1_1250", "marginTopautoLarge": "_marginTopautoLarge_1whn1_1254" };
@@ -140,12 +205,9 @@ var margin_module_default = { "marginBottom-12": "_marginBottom-12_1whn1_2", "ma
140
205
  // css-module:./padding.module.css#css-module
141
206
  var padding_module_default = { "paddingX0": "_paddingX0_1aqye_2", "paddingX1": "_paddingX1_1aqye_7", "paddingX2": "_paddingX2_1aqye_12", "paddingX3": "_paddingX3_1aqye_17", "paddingX4": "_paddingX4_1aqye_22", "paddingX5": "_paddingX5_1aqye_27", "paddingX6": "_paddingX6_1aqye_32", "paddingX7": "_paddingX7_1aqye_37", "paddingX8": "_paddingX8_1aqye_42", "paddingX9": "_paddingX9_1aqye_47", "paddingX10": "_paddingX10_1aqye_52", "paddingX11": "_paddingX11_1aqye_57", "paddingX12": "_paddingX12_1aqye_62", "paddingY0": "_paddingY0_1aqye_67", "paddingY1": "_paddingY1_1aqye_72", "paddingY2": "_paddingY2_1aqye_77", "paddingY3": "_paddingY3_1aqye_82", "paddingY4": "_paddingY4_1aqye_87", "paddingY5": "_paddingY5_1aqye_92", "paddingY6": "_paddingY6_1aqye_97", "paddingY7": "_paddingY7_1aqye_102", "paddingY8": "_paddingY8_1aqye_107", "paddingY9": "_paddingY9_1aqye_112", "paddingY10": "_paddingY10_1aqye_117", "paddingY11": "_paddingY11_1aqye_122", "paddingY12": "_paddingY12_1aqye_127", "paddingX0Small": "_paddingX0Small_1aqye_134", "paddingX1Small": "_paddingX1Small_1aqye_139", "paddingX2Small": "_paddingX2Small_1aqye_144", "paddingX3Small": "_paddingX3Small_1aqye_149", "paddingX4Small": "_paddingX4Small_1aqye_154", "paddingX5Small": "_paddingX5Small_1aqye_159", "paddingX6Small": "_paddingX6Small_1aqye_164", "paddingX7Small": "_paddingX7Small_1aqye_169", "paddingX8Small": "_paddingX8Small_1aqye_174", "paddingX9Small": "_paddingX9Small_1aqye_179", "paddingX10Small": "_paddingX10Small_1aqye_184", "paddingX11Small": "_paddingX11Small_1aqye_189", "paddingX12Small": "_paddingX12Small_1aqye_194", "paddingY0Small": "_paddingY0Small_1aqye_199", "paddingY1Small": "_paddingY1Small_1aqye_204", "paddingY2Small": "_paddingY2Small_1aqye_209", "paddingY3Small": "_paddingY3Small_1aqye_214", "paddingY4Small": "_paddingY4Small_1aqye_219", "paddingY5Small": "_paddingY5Small_1aqye_224", "paddingY6Small": "_paddingY6Small_1aqye_229", "paddingY7Small": "_paddingY7Small_1aqye_234", "paddingY8Small": "_paddingY8Small_1aqye_239", "paddingY9Small": "_paddingY9Small_1aqye_244", "paddingY10Small": "_paddingY10Small_1aqye_249", "paddingY11Small": "_paddingY11Small_1aqye_254", "paddingY12Small": "_paddingY12Small_1aqye_259", "paddingX0Large": "_paddingX0Large_1aqye_267", "paddingX1Large": "_paddingX1Large_1aqye_272", "paddingX2Large": "_paddingX2Large_1aqye_277", "paddingX3Large": "_paddingX3Large_1aqye_282", "paddingX4Large": "_paddingX4Large_1aqye_287", "paddingX5Large": "_paddingX5Large_1aqye_292", "paddingX6Large": "_paddingX6Large_1aqye_297", "paddingX7Large": "_paddingX7Large_1aqye_302", "paddingX8Large": "_paddingX8Large_1aqye_307", "paddingX9Large": "_paddingX9Large_1aqye_312", "paddingX10Large": "_paddingX10Large_1aqye_317", "paddingX11Large": "_paddingX11Large_1aqye_322", "paddingX12Large": "_paddingX12Large_1aqye_327", "paddingY0Large": "_paddingY0Large_1aqye_332", "paddingY1Large": "_paddingY1Large_1aqye_337", "paddingY2Large": "_paddingY2Large_1aqye_342", "paddingY3Large": "_paddingY3Large_1aqye_347", "paddingY4Large": "_paddingY4Large_1aqye_352", "paddingY5Large": "_paddingY5Large_1aqye_357", "paddingY6Large": "_paddingY6Large_1aqye_362", "paddingY7Large": "_paddingY7Large_1aqye_367", "paddingY8Large": "_paddingY8Large_1aqye_372", "paddingY9Large": "_paddingY9Large_1aqye_377", "paddingY10Large": "_paddingY10Large_1aqye_382", "paddingY11Large": "_paddingY11Large_1aqye_387", "paddingY12Large": "_paddingY12Large_1aqye_392" };
142
207
 
143
- // css-module:../colors/colors.module.css#css-module
144
- var colors_module_default = { "inheritColor": "_inheritColor_11wj3_2", "destructive700Color": "_destructive700Color_11wj3_6", "gray700Color": "_gray700Color_11wj3_10", "gray900Color": "_gray900Color_11wj3_14", "primary700Color": "_primary700Color_11wj3_18", "whiteColor": "_whiteColor_11wj3_22", "blackBackgroundColor": "_blackBackgroundColor_11wj3_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_11wj3_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_11wj3_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_11wj3_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_11wj3_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_11wj3_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_11wj3_51", "gray10BackgroundColor": "_gray10BackgroundColor_11wj3_55", "gray30BackgroundColor": "_gray30BackgroundColor_11wj3_59", "gray60BackgroundColor": "_gray60BackgroundColor_11wj3_63", "gray80BackgroundColor": "_gray80BackgroundColor_11wj3_67", "gray100BackgroundColor": "_gray100BackgroundColor_11wj3_71", "gray200BackgroundColor": "_gray200BackgroundColor_11wj3_75", "gray300BackgroundColor": "_gray300BackgroundColor_11wj3_79", "gray700BackgroundColor": "_gray700BackgroundColor_11wj3_83", "gray800BackgroundColor": "_gray800BackgroundColor_11wj3_87", "gray900BackgroundColor": "_gray900BackgroundColor_11wj3_91", "orange100BackgroundColor": "_orange100BackgroundColor_11wj3_95", "orange200BackgroundColor": "_orange200BackgroundColor_11wj3_99", "orange300BackgroundColor": "_orange300BackgroundColor_11wj3_103", "orange700BackgroundColor": "_orange700BackgroundColor_11wj3_107", "orange800BackgroundColor": "_orange800BackgroundColor_11wj3_111", "orange900BackgroundColor": "_orange900BackgroundColor_11wj3_115", "primary100BackgroundColor": "_primary100BackgroundColor_11wj3_119", "primary200BackgroundColor": "_primary200BackgroundColor_11wj3_123", "primary300BackgroundColor": "_primary300BackgroundColor_11wj3_127", "primary700BackgroundColor": "_primary700BackgroundColor_11wj3_131", "primary800BackgroundColor": "_primary800BackgroundColor_11wj3_135", "primary900BackgroundColor": "_primary900BackgroundColor_11wj3_139", "success100BackgroundColor": "_success100BackgroundColor_11wj3_143", "success200BackgroundColor": "_success200BackgroundColor_11wj3_147", "success300BackgroundColor": "_success300BackgroundColor_11wj3_151", "success700BackgroundColor": "_success700BackgroundColor_11wj3_155", "success800BackgroundColor": "_success800BackgroundColor_11wj3_159", "success900BackgroundColor": "_success900BackgroundColor_11wj3_163", "purple100BackgroundColor": "_purple100BackgroundColor_11wj3_167", "purple200BackgroundColor": "_purple200BackgroundColor_11wj3_171", "purple300BackgroundColor": "_purple300BackgroundColor_11wj3_175", "purple700BackgroundColor": "_purple700BackgroundColor_11wj3_179", "purple800BackgroundColor": "_purple800BackgroundColor_11wj3_183", "purple900BackgroundColor": "_purple900BackgroundColor_11wj3_187", "whiteBackgroundColor": "_whiteBackgroundColor_11wj3_191", "yellow100BackgroundColor": "_yellow100BackgroundColor_11wj3_195", "yellow200BackgroundColor": "_yellow200BackgroundColor_11wj3_199", "yellow300BackgroundColor": "_yellow300BackgroundColor_11wj3_203", "yellow700BackgroundColor": "_yellow700BackgroundColor_11wj3_207", "yellow800BackgroundColor": "_yellow800BackgroundColor_11wj3_211", "yellow900BackgroundColor": "_yellow900BackgroundColor_11wj3_215" };
145
-
146
208
  // src/Box/Box.tsx
147
209
  import { forwardRef } from "react";
148
- import { jsx as jsx2 } from "react/jsx-runtime";
210
+ import { jsx as jsx3 } from "react/jsx-runtime";
149
211
  var Box_default = forwardRef(function Box(props, ref) {
150
212
  var _c;
151
213
  const _a = props, { as: BoxElement = "div", children } = _a, boxProps = __objRest(_a, ["as", "children"]);
@@ -161,7 +223,7 @@ var Box_default = forwardRef(function Box(props, ref) {
161
223
  display,
162
224
  smDisplay,
163
225
  lgDisplay,
164
- flexShrink,
226
+ flex,
165
227
  flexWrap,
166
228
  gap: gap2,
167
229
  justifyContent,
@@ -213,7 +275,7 @@ var Box_default = forwardRef(function Box(props, ref) {
213
275
  "display",
214
276
  "smDisplay",
215
277
  "lgDisplay",
216
- "flexShrink",
278
+ "flex",
217
279
  "flexWrap",
218
280
  "gap",
219
281
  "justifyContent",
@@ -257,7 +319,7 @@ var Box_default = forwardRef(function Box(props, ref) {
257
319
  "width"
258
320
  ]);
259
321
  const parsedProps = {
260
- className: (0, import_classnames2.default)(
322
+ className: (0, import_classnames3.default)(
261
323
  Box_module_default.box,
262
324
  alignItems && Box_module_default[`alignItems${alignItems}`],
263
325
  smAlignItems && Box_module_default[`alignItems${smAlignItems}Small`],
@@ -270,6 +332,7 @@ var Box_default = forwardRef(function Box(props, ref) {
270
332
  display && Box_module_default[display],
271
333
  smDisplay && Box_module_default[`${smDisplay}Small`],
272
334
  lgDisplay && Box_module_default[`${lgDisplay}Large`],
335
+ flex && (flex === "none" || flex === "grow") && Box_module_default[`flex${flex}`],
273
336
  flexWrap && Box_module_default.flexWrap,
274
337
  gap2 != null && Box_module_default[`gap${gap2}`],
275
338
  margin != null && !marginBottom && margin_module_default[`marginBottom${margin}`],
@@ -315,7 +378,6 @@ var Box_default = forwardRef(function Box(props, ref) {
315
378
  rounding && rounding !== "none" && Box_module_default[`rounding${rounding}`]
316
379
  ),
317
380
  style: __spreadValues({
318
- flexShrink,
319
381
  height,
320
382
  maxHeight,
321
383
  maxWidth,
@@ -330,11 +392,37 @@ var Box_default = forwardRef(function Box(props, ref) {
330
392
  }
331
393
  return acc;
332
394
  }, {});
333
- return /* @__PURE__ */ jsx2(BoxElement, __spreadProps(__spreadValues(__spreadValues({}, parsedProps), passthroughProps), { ref, children }));
395
+ return /* @__PURE__ */ jsx3(BoxElement, __spreadProps(__spreadValues(__spreadValues({}, parsedProps), passthroughProps), { ref, children }));
334
396
  });
335
397
 
398
+ // src/Badge/Badge.tsx
399
+ import { jsx as jsx4 } from "react/jsx-runtime";
400
+ var Badge = ({
401
+ text,
402
+ color = "primary700"
403
+ }) => /* @__PURE__ */ jsx4(
404
+ Box_default,
405
+ {
406
+ display: "inlineBlock",
407
+ paddingX: 2,
408
+ paddingY: 1,
409
+ rounding: "full",
410
+ backgroundColor: color,
411
+ children: /* @__PURE__ */ jsx4(
412
+ Typography_default,
413
+ {
414
+ color: color === "yellow700" ? "gray900" : "white",
415
+ size: 100,
416
+ weight: "bold",
417
+ children: text
418
+ }
419
+ )
420
+ }
421
+ );
422
+ var Badge_default = Badge;
423
+
336
424
  // src/Button/Button.tsx
337
- var import_classnames3 = __toESM(require_classnames());
425
+ var import_classnames4 = __toESM(require_classnames());
338
426
 
339
427
  // css-module:./colors.module.css#css-module
340
428
  var colors_module_default2 = { "inheritColor": "_inheritColor_11wj3_2", "destructive700Color": "_destructive700Color_11wj3_6", "gray700Color": "_gray700Color_11wj3_10", "gray900Color": "_gray900Color_11wj3_14", "primary700Color": "_primary700Color_11wj3_18", "whiteColor": "_whiteColor_11wj3_22", "blackBackgroundColor": "_blackBackgroundColor_11wj3_27", "destructive100BackgroundColor": "_destructive100BackgroundColor_11wj3_31", "destructive200BackgroundColor": "_destructive200BackgroundColor_11wj3_35", "destructive300BackgroundColor": "_destructive300BackgroundColor_11wj3_39", "destructive700BackgroundColor": "_destructive700BackgroundColor_11wj3_43", "destructive800BackgroundColor": "_destructive800BackgroundColor_11wj3_47", "destructive900BackgroundColor": "_destructive900BackgroundColor_11wj3_51", "gray10BackgroundColor": "_gray10BackgroundColor_11wj3_55", "gray30BackgroundColor": "_gray30BackgroundColor_11wj3_59", "gray60BackgroundColor": "_gray60BackgroundColor_11wj3_63", "gray80BackgroundColor": "_gray80BackgroundColor_11wj3_67", "gray100BackgroundColor": "_gray100BackgroundColor_11wj3_71", "gray200BackgroundColor": "_gray200BackgroundColor_11wj3_75", "gray300BackgroundColor": "_gray300BackgroundColor_11wj3_79", "gray700BackgroundColor": "_gray700BackgroundColor_11wj3_83", "gray800BackgroundColor": "_gray800BackgroundColor_11wj3_87", "gray900BackgroundColor": "_gray900BackgroundColor_11wj3_91", "orange100BackgroundColor": "_orange100BackgroundColor_11wj3_95", "orange200BackgroundColor": "_orange200BackgroundColor_11wj3_99", "orange300BackgroundColor": "_orange300BackgroundColor_11wj3_103", "orange700BackgroundColor": "_orange700BackgroundColor_11wj3_107", "orange800BackgroundColor": "_orange800BackgroundColor_11wj3_111", "orange900BackgroundColor": "_orange900BackgroundColor_11wj3_115", "primary100BackgroundColor": "_primary100BackgroundColor_11wj3_119", "primary200BackgroundColor": "_primary200BackgroundColor_11wj3_123", "primary300BackgroundColor": "_primary300BackgroundColor_11wj3_127", "primary700BackgroundColor": "_primary700BackgroundColor_11wj3_131", "primary800BackgroundColor": "_primary800BackgroundColor_11wj3_135", "primary900BackgroundColor": "_primary900BackgroundColor_11wj3_139", "success100BackgroundColor": "_success100BackgroundColor_11wj3_143", "success200BackgroundColor": "_success200BackgroundColor_11wj3_147", "success300BackgroundColor": "_success300BackgroundColor_11wj3_151", "success700BackgroundColor": "_success700BackgroundColor_11wj3_155", "success800BackgroundColor": "_success800BackgroundColor_11wj3_159", "success900BackgroundColor": "_success900BackgroundColor_11wj3_163", "purple100BackgroundColor": "_purple100BackgroundColor_11wj3_167", "purple200BackgroundColor": "_purple200BackgroundColor_11wj3_171", "purple300BackgroundColor": "_purple300BackgroundColor_11wj3_175", "purple700BackgroundColor": "_purple700BackgroundColor_11wj3_179", "purple800BackgroundColor": "_purple800BackgroundColor_11wj3_183", "purple900BackgroundColor": "_purple900BackgroundColor_11wj3_187", "whiteBackgroundColor": "_whiteBackgroundColor_11wj3_191", "yellow100BackgroundColor": "_yellow100BackgroundColor_11wj3_195", "yellow200BackgroundColor": "_yellow200BackgroundColor_11wj3_199", "yellow300BackgroundColor": "_yellow300BackgroundColor_11wj3_203", "yellow700BackgroundColor": "_yellow700BackgroundColor_11wj3_207", "yellow800BackgroundColor": "_yellow800BackgroundColor_11wj3_211", "yellow900BackgroundColor": "_yellow900BackgroundColor_11wj3_215" };
@@ -383,7 +471,7 @@ import { forwardRef as forwardRef2 } from "react";
383
471
  var Button_module_default = { "button": "_button_13egy_1", "buttonGap": "_buttonGap_13egy_9", "fullWidth": "_fullWidth_13egy_50", "sm": "_sm_13egy_54", "md": "_md_13egy_61", "lg": "_lg_13egy_68", "icon": "_icon_13egy_75", "smIcon": "_smIcon_13egy_79", "mdIcon": "_mdIcon_13egy_86", "lgIcon": "_lgIcon_13egy_93", "textContainer": "_textContainer_13egy_100", "secondaryBorder": "_secondaryBorder_13egy_105", "secondaryDestructiveBorder": "_secondaryDestructiveBorder_13egy_109", "loading": "_loading_13egy_123", "syntaxButtonLoadingRotate": "_syntaxButtonLoadingRotate_13egy_1", "loadingCircle": "_loadingCircle_13egy_127", "buttonText": "_buttonText_13egy_135", "buttonTextSmall": "_buttonTextSmall_13egy_142", "buttonTextMedium": "_buttonTextMedium_13egy_146", "buttonTextLarge": "_buttonTextLarge_13egy_150" };
384
472
 
385
473
  // src/Button/Button.tsx
386
- import { jsx as jsx3, jsxs } from "react/jsx-runtime";
474
+ import { jsx as jsx5, jsxs } from "react/jsx-runtime";
387
475
  var textVariant = {
388
476
  // Replace with `Typography` once it lands in `syntax-core`
389
477
  ["sm"]: Button_module_default.buttonTextSmall,
@@ -424,7 +512,7 @@ var Button = forwardRef2(
424
512
  title: tooltip,
425
513
  disabled: disabled || loading,
426
514
  onClick,
427
- className: (0, import_classnames3.default)(
515
+ className: (0, import_classnames4.default)(
428
516
  Button_module_default.button,
429
517
  foregroundColor(color),
430
518
  backgroundColor(color),
@@ -437,17 +525,17 @@ var Button = forwardRef2(
437
525
  }
438
526
  ),
439
527
  children: [
440
- !loading && StartIcon && /* @__PURE__ */ jsx3(StartIcon, { className: (0, import_classnames3.default)(Button_module_default.icon, iconSize[size]) }),
441
- (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx3("div", { className: Button_module_default.textContainer, children: /* @__PURE__ */ jsx3("div", { className: (0, import_classnames3.default)(Button_module_default.buttonText, textVariant[size]), children: loading ? loadingText : text }) }),
442
- !loading && EndIcon && /* @__PURE__ */ jsx3(EndIcon, { className: (0, import_classnames3.default)(Button_module_default.icon, iconSize[size]) }),
443
- loading && /* @__PURE__ */ jsx3(
528
+ !loading && StartIcon && /* @__PURE__ */ jsx5(StartIcon, { className: (0, import_classnames4.default)(Button_module_default.icon, iconSize[size]) }),
529
+ (loading && loadingText || !loading && text) && /* @__PURE__ */ jsx5("div", { className: Button_module_default.textContainer, children: /* @__PURE__ */ jsx5("div", { className: (0, import_classnames4.default)(Button_module_default.buttonText, textVariant[size]), children: loading ? loadingText : text }) }),
530
+ !loading && EndIcon && /* @__PURE__ */ jsx5(EndIcon, { className: (0, import_classnames4.default)(Button_module_default.icon, iconSize[size]) }),
531
+ loading && /* @__PURE__ */ jsx5(
444
532
  "svg",
445
533
  {
446
- className: (0, import_classnames3.default)(Button_module_default.loading, foregroundColor(color)),
534
+ className: (0, import_classnames4.default)(Button_module_default.loading, foregroundColor(color)),
447
535
  viewBox: "22 22 44 44",
448
536
  width: loadingIconSize[size],
449
537
  height: loadingIconSize[size],
450
- children: /* @__PURE__ */ jsx3(
538
+ children: /* @__PURE__ */ jsx5(
451
539
  "circle",
452
540
  {
453
541
  className: Button_module_default.loadingCircle,
@@ -472,8 +560,8 @@ var Button_default = Button;
472
560
  var ButtonGroup_module_default = { "buttonGroup": "_buttonGroup_1f9x9_1", "horizontal": "_horizontal_1f9x9_5", "vertical": "_vertical_1f9x9_9", "smallGap": "_smallGap_1f9x9_13", "mediumGap": "_mediumGap_1f9x9_17", "largeGap": "_largeGap_1f9x9_21" };
473
561
 
474
562
  // src/ButtonGroup/ButtonGroup.tsx
475
- var import_classnames4 = __toESM(require_classnames());
476
- import { jsx as jsx4 } from "react/jsx-runtime";
563
+ var import_classnames5 = __toESM(require_classnames());
564
+ import { jsx as jsx6 } from "react/jsx-runtime";
477
565
  var gap = {
478
566
  ["sm"]: ButtonGroup_module_default.smallGap,
479
567
  ["md"]: ButtonGroup_module_default.mediumGap,
@@ -484,95 +572,33 @@ var ButtonGroup = ({
484
572
  size = "md",
485
573
  children
486
574
  }) => {
487
- const classnames2 = (0, import_classnames4.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
575
+ const classnames2 = (0, import_classnames5.default)(ButtonGroup_module_default.buttonGroup, gap[size], {
488
576
  [ButtonGroup_module_default.horizontal]: orientation === "horizontal",
489
577
  [ButtonGroup_module_default.vertical]: orientation === "vertical"
490
578
  });
491
- return /* @__PURE__ */ jsx4("div", { className: classnames2, children });
579
+ return /* @__PURE__ */ jsx6("div", { className: classnames2, children });
492
580
  };
493
581
  var ButtonGroup_default = ButtonGroup;
494
582
 
495
583
  // src/Card/Card.tsx
496
- import { jsx as jsx5 } from "react/jsx-runtime";
584
+ import { jsx as jsx7 } from "react/jsx-runtime";
497
585
  var Card = ({
498
586
  children
499
- }) => /* @__PURE__ */ jsx5(Box_default, { rounding: "xl", padding: 7, smPadding: 9, backgroundColor: "white", children });
587
+ }) => /* @__PURE__ */ jsx7(Box_default, { rounding: "xl", padding: 7, smPadding: 9, backgroundColor: "white", children });
500
588
  var Card_default = Card;
501
589
 
502
590
  // css-module:./Divider.module.css#css-module
503
591
  var Divider_module_default = { "divider": "_divider_1ddgq_1" };
504
592
 
505
593
  // src/Divider/Divider.tsx
506
- import { jsx as jsx6 } from "react/jsx-runtime";
594
+ import { jsx as jsx8 } from "react/jsx-runtime";
507
595
  function Divider() {
508
- return /* @__PURE__ */ jsx6("hr", { className: Divider_module_default.divider });
596
+ return /* @__PURE__ */ jsx8("hr", { className: Divider_module_default.divider });
509
597
  }
510
598
  Divider.displayName = "Divider";
511
599
 
512
- // src/Typography/Typography.tsx
513
- var import_classnames5 = __toESM(require_classnames());
514
-
515
- // css-module:./Typography.module.css#css-module
516
- var Typography_module_default = { "typography": "_typography_1hx29_1", "size100": "_size100_1hx29_8", "size200": "_size200_1hx29_12", "size300": "_size300_1hx29_16", "size500": "_size500_1hx29_20", "size600": "_size600_1hx29_24", "size700": "_size700_1hx29_28", "size800": "_size800_1hx29_32", "center": "_center_1hx29_37", "forceLeft": "_forceLeft_1hx29_41", "forceRight": "_forceRight_1hx29_45", "start": "_start_1hx29_49", "end": "_end_1hx29_53", "bold": "_bold_1hx29_58", "regular": "_regular_1hx29_62", "semiBold": "_semiBold_1hx29_66", "heavy": "_heavy_1hx29_70", "underline": "_underline_1hx29_74", "inline": "_inline_1hx29_78", "uppercase": "_uppercase_1hx29_82", "lineClamp": "_lineClamp_1hx29_86" };
517
-
518
- // src/Typography/Typography.tsx
519
- import { jsx as jsx7 } from "react/jsx-runtime";
520
- function textColor(color) {
521
- switch (color) {
522
- case "gray700":
523
- return colors_module_default.gray700Color;
524
- case "white":
525
- return colors_module_default.whiteColor;
526
- case "inherit":
527
- return colors_module_default.inheritColor;
528
- case "primary":
529
- return colors_module_default.primary700Color;
530
- case "destructive-primary":
531
- return colors_module_default.destructive700Color;
532
- default:
533
- return colors_module_default.gray900Color;
534
- }
535
- }
536
- var Typography = ({
537
- align = "start",
538
- as = "div",
539
- children,
540
- color = "gray900",
541
- inline = false,
542
- lineClamp = void 0,
543
- size = 200,
544
- tooltip,
545
- transform = "none",
546
- underline = false,
547
- weight = "regular"
548
- }) => {
549
- const Tag = as;
550
- return /* @__PURE__ */ jsx7(
551
- Tag,
552
- {
553
- className: (0, import_classnames5.default)(
554
- Typography_module_default.typography,
555
- Typography_module_default[align],
556
- Typography_module_default[weight],
557
- textColor(color),
558
- inline && Typography_module_default.inline,
559
- Typography_module_default[`size${size}`],
560
- transform === "uppercase" && Typography_module_default.uppercase,
561
- underline && Typography_module_default.underline,
562
- lineClamp != null && Typography_module_default.lineClamp
563
- ),
564
- style: {
565
- WebkitLineClamp: lineClamp
566
- },
567
- title: tooltip,
568
- children
569
- }
570
- );
571
- };
572
- var Typography_default = Typography;
573
-
574
600
  // src/Heading/Heading.tsx
575
- import { jsx as jsx8 } from "react/jsx-runtime";
601
+ import { jsx as jsx9 } from "react/jsx-runtime";
576
602
  var Heading = ({
577
603
  align = "start",
578
604
  as = "h1",
@@ -581,7 +607,7 @@ var Heading = ({
581
607
  size = 500
582
608
  }) => {
583
609
  const weight = [700, 800].includes(size) ? "heavy" : "bold";
584
- return /* @__PURE__ */ jsx8(Typography_default, { align, as, color, size, weight, children });
610
+ return /* @__PURE__ */ jsx9(Typography_default, { align, as, color, size, weight, children });
585
611
  };
586
612
  var Heading_default = Heading;
587
613
 
@@ -593,7 +619,7 @@ import { forwardRef as forwardRef3 } from "react";
593
619
  var IconButton_module_default = { "iconButton": "_iconButton_dzhn0_1", "sm": "_sm_dzhn0_46", "md": "_md_dzhn0_51", "lg": "_lg_dzhn0_56", "smIcon": "_smIcon_dzhn0_61", "mdIcon": "_mdIcon_dzhn0_68", "lgIcon": "_lgIcon_dzhn0_75" };
594
620
 
595
621
  // src/IconButton/IconButton.tsx
596
- import { jsx as jsx9 } from "react/jsx-runtime";
622
+ import { jsx as jsx10 } from "react/jsx-runtime";
597
623
  var iconSize2 = {
598
624
  ["sm"]: IconButton_module_default.smIcon,
599
625
  ["md"]: IconButton_module_default.mdIcon,
@@ -609,7 +635,7 @@ var IconButton = forwardRef3(
609
635
  tooltip,
610
636
  onClick
611
637
  }, ref) => {
612
- return /* @__PURE__ */ jsx9(
638
+ return /* @__PURE__ */ jsx10(
613
639
  "button",
614
640
  {
615
641
  "aria-label": accessibilityLabel,
@@ -624,7 +650,7 @@ var IconButton = forwardRef3(
624
650
  IconButton_module_default[size]
625
651
  ),
626
652
  ref,
627
- children: /* @__PURE__ */ jsx9(Icon, { className: iconSize2[size] })
653
+ children: /* @__PURE__ */ jsx10(Icon, { className: iconSize2[size] })
628
654
  }
629
655
  );
630
656
  }
@@ -733,7 +759,7 @@ var Checkbox_module_default = { "mainContainer": "_mainContainer_1jq7b_1", "chec
733
759
  var Focus_module_default = { "accessibilityOutlineFocus": "_accessibilityOutlineFocus_1h8bq_1" };
734
760
 
735
761
  // src/Checkbox/Checkbox.tsx
736
- import { jsx as jsx10, jsxs as jsxs2 } from "react/jsx-runtime";
762
+ import { jsx as jsx11, jsxs as jsxs2 } from "react/jsx-runtime";
737
763
  var typographySize = {
738
764
  sm: 100,
739
765
  md: 200
@@ -765,7 +791,7 @@ var Checkbox = ({
765
791
  });
766
792
  return /* @__PURE__ */ jsxs2("label", { className: (0, import_classnames7.default)(Checkbox_module_default.mainContainer), children: [
767
793
  /* @__PURE__ */ jsxs2("div", { className: Checkbox_module_default.checkboxContainer, children: [
768
- /* @__PURE__ */ jsx10(
794
+ /* @__PURE__ */ jsx11(
769
795
  "input",
770
796
  {
771
797
  type: "checkbox",
@@ -781,7 +807,7 @@ var Checkbox = ({
781
807
  }
782
808
  }
783
809
  ),
784
- /* @__PURE__ */ jsx10("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx10("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx10(
810
+ /* @__PURE__ */ jsx11("div", { className: checked ? checkedStyling : uncheckedStyling, children: checked && /* @__PURE__ */ jsx11("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", width: iconWidth[size], children: /* @__PURE__ */ jsx11(
785
811
  "path",
786
812
  {
787
813
  fill: "#fff",
@@ -789,7 +815,7 @@ var Checkbox = ({
789
815
  }
790
816
  ) }) })
791
817
  ] }),
792
- /* @__PURE__ */ jsx10(
818
+ /* @__PURE__ */ jsx11(
793
819
  Typography_default,
794
820
  {
795
821
  size: typographySize[size],
@@ -805,10 +831,10 @@ var Checkbox_default = Checkbox;
805
831
  var MiniActionCard_module_default = { "miniActionCard": "_miniActionCard_qebkn_1", "card": "_card_qebkn_9" };
806
832
 
807
833
  // src/MiniActionCard/MiniActionCard.tsx
808
- import { jsx as jsx11 } from "react/jsx-runtime";
834
+ import { jsx as jsx12 } from "react/jsx-runtime";
809
835
  var MiniActionCard = ({
810
836
  children
811
- }) => /* @__PURE__ */ jsx11("div", { className: MiniActionCard_module_default.miniActionCard, children });
837
+ }) => /* @__PURE__ */ jsx12("div", { className: MiniActionCard_module_default.miniActionCard, children });
812
838
  var MiniActionCard_default = MiniActionCard;
813
839
 
814
840
  // src/RadioButton/RadioButton.tsx
@@ -819,7 +845,7 @@ import { useState as useState3 } from "react";
819
845
  var RadioButton_module_default = { "radioBaseContainer": "_radioBaseContainer_ne98c_1", "smBase": "_smBase_ne98c_9", "mdBase": "_mdBase_ne98c_14", "radioStyleOverride": "_radioStyleOverride_ne98c_19", "smOverride": "_smOverride_ne98c_24", "mdOverride": "_mdOverride_ne98c_29", "background": "_background_ne98c_34", "sm": "_sm_ne98c_9", "md": "_md_ne98c_14", "neutralBorder": "_neutralBorder_ne98c_51", "smCheckedBorder": "_smCheckedBorder_ne98c_55", "mdCheckedBorder": "_mdCheckedBorder_ne98c_59", "errorBorderColor": "_errorBorderColor_ne98c_63", "borderColor": "_borderColor_ne98c_67" };
820
846
 
821
847
  // src/RadioButton/RadioButton.tsx
822
- import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
848
+ import { jsx as jsx13, jsxs as jsxs3 } from "react/jsx-runtime";
823
849
  var RadioButton = ({
824
850
  checked = false,
825
851
  disabled = false,
@@ -845,7 +871,7 @@ var RadioButton = ({
845
871
  [RadioButton_module_default.mdBase]: size === "md"
846
872
  }),
847
873
  children: [
848
- /* @__PURE__ */ jsx12(
874
+ /* @__PURE__ */ jsx13(
849
875
  "input",
850
876
  {
851
877
  type: "radio",
@@ -866,7 +892,7 @@ var RadioButton = ({
866
892
  }
867
893
  }
868
894
  ),
869
- checked ? /* @__PURE__ */ jsx12(
895
+ checked ? /* @__PURE__ */ jsx13(
870
896
  "div",
871
897
  {
872
898
  className: (0, import_classnames8.default)(sharedStyles, {
@@ -874,8 +900,8 @@ var RadioButton = ({
874
900
  [RadioButton_module_default.smCheckedBorder]: size === "sm"
875
901
  })
876
902
  }
877
- ) : /* @__PURE__ */ jsx12("div", { className: (0, import_classnames8.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
878
- /* @__PURE__ */ jsx12(
903
+ ) : /* @__PURE__ */ jsx13("div", { className: (0, import_classnames8.default)(sharedStyles, RadioButton_module_default.neutralBorder) }),
904
+ /* @__PURE__ */ jsx13(
879
905
  Typography_default,
880
906
  {
881
907
  size: size === "md" ? 200 : 100,
@@ -904,12 +930,12 @@ var ColorBaseGray800 = "#353535";
904
930
  var SelectList_module_default = { "selectContainer": "_selectContainer_1e7f9_1", "opacityOverlay": "_opacityOverlay_1e7f9_7", "outerTextContainer": "_outerTextContainer_1e7f9_11", "selectWrapper": "_selectWrapper_1e7f9_16", "selectBox": "_selectBox_1e7f9_21", "seletBoxMouseFocusStyling": "_seletBoxMouseFocusStyling_1e7f9_35", "unselected": "_unselected_1e7f9_40", "selected": "_selected_1e7f9_44", "arrowIcon": "_arrowIcon_1e7f9_48", "sm": "_sm_1e7f9_62", "md": "_md_1e7f9_67", "lg": "_lg_1e7f9_72", "selectError": "_selectError_1e7f9_77" };
905
931
 
906
932
  // src/SelectList/SelectOption.tsx
907
- import { jsx as jsx13 } from "react/jsx-runtime";
933
+ import { jsx as jsx14 } from "react/jsx-runtime";
908
934
  var SelectOption = ({
909
935
  value,
910
936
  label,
911
937
  disabled = false
912
- }) => /* @__PURE__ */ jsx13(
938
+ }) => /* @__PURE__ */ jsx14(
913
939
  "option",
914
940
  {
915
941
  "data-testid": `syntax-select-${value}`,
@@ -921,7 +947,7 @@ var SelectOption = ({
921
947
  var SelectOption_default = SelectOption;
922
948
 
923
949
  // src/SelectList/SelectList.tsx
924
- import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
950
+ import { jsx as jsx15, jsxs as jsxs4 } from "react/jsx-runtime";
925
951
  var iconSize3 = {
926
952
  sm: 20,
927
953
  md: 24,
@@ -948,7 +974,7 @@ var SelectList = ({
948
974
  [SelectList_module_default.opacityOverlay]: disabled
949
975
  }),
950
976
  children: [
951
- /* @__PURE__ */ jsx14("label", { htmlFor: id, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx14(Typography_default, { size: 100, color: "gray700", children: label }) }),
977
+ /* @__PURE__ */ jsx15("label", { htmlFor: id, className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx15(Typography_default, { size: 100, color: "gray700", children: label }) }),
952
978
  /* @__PURE__ */ jsxs4("div", { className: SelectList_module_default.selectWrapper, children: [
953
979
  /* @__PURE__ */ jsxs4(
954
980
  "select",
@@ -970,19 +996,19 @@ var SelectList = ({
970
996
  onFocus: () => setIsFocused(true),
971
997
  onBlur: () => setIsFocused(false),
972
998
  children: [
973
- placeholderText && /* @__PURE__ */ jsx14("option", { disabled: true, value: placeholderText, children: placeholderText }),
999
+ placeholderText && /* @__PURE__ */ jsx15("option", { disabled: true, value: placeholderText, children: placeholderText }),
974
1000
  children
975
1001
  ]
976
1002
  }
977
1003
  ),
978
- /* @__PURE__ */ jsx14("div", { className: SelectList_module_default.arrowIcon, children: /* @__PURE__ */ jsx14(
1004
+ /* @__PURE__ */ jsx15("div", { className: SelectList_module_default.arrowIcon, children: /* @__PURE__ */ jsx15(
979
1005
  "svg",
980
1006
  {
981
1007
  focusable: "false",
982
1008
  "aria-hidden": "true",
983
1009
  viewBox: "0 0 24 24",
984
1010
  width: iconSize3[size],
985
- children: /* @__PURE__ */ jsx14(
1011
+ children: /* @__PURE__ */ jsx15(
986
1012
  "path",
987
1013
  {
988
1014
  fill: errorText ? ColorBaseDestructive700 : ColorBaseGray800,
@@ -992,7 +1018,7 @@ var SelectList = ({
992
1018
  }
993
1019
  ) })
994
1020
  ] }),
995
- /* @__PURE__ */ jsx14("div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx14(
1021
+ /* @__PURE__ */ jsx15("div", { className: SelectList_module_default.outerTextContainer, children: /* @__PURE__ */ jsx15(
996
1022
  Typography_default,
997
1023
  {
998
1024
  size: 100,
@@ -1008,6 +1034,7 @@ var SelectList_default = SelectList;
1008
1034
  SelectList.Option = SelectOption_default;
1009
1035
  export {
1010
1036
  Avatar_default as Avatar,
1037
+ Badge_default as Badge,
1011
1038
  Box_default as Box,
1012
1039
  Button_default as Button,
1013
1040
  ButtonGroup_default as ButtonGroup,