@luminescent/ui 0.3.6 → 0.4.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.
@@ -356,14 +356,12 @@ const TextInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlined
356
356
  for: qwik._fnSignal((p0) => p0.id, [
357
357
  props
358
358
  ], "p0.id")
359
- }, qwik._fnSignal((p0) => p0.label, [
360
- props
361
- ], "p0.label"), 3, null),
359
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "dC_0"), 1, null),
362
360
  /* @__PURE__ */ qwik._jsxC(TextInputRaw, {
363
361
  ...props,
364
362
  children: void 0
365
- }, 0, "dC_0")
366
- ], 1, "dC_1");
363
+ }, 0, "dC_1")
364
+ ], 1, "dC_2");
367
365
  }, "TextInput_component_AXp2j5aulZI"));
368
366
  const TextInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
369
367
  return /* @__PURE__ */ qwik._jsxS("input", {
@@ -372,7 +370,7 @@ const TextInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inli
372
370
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-3 py-2": true,
373
371
  ...props.class
374
372
  }
375
- }, null, 0, "dC_2");
373
+ }, null, 0, "dC_3");
376
374
  }, "TextInputRaw_component_ssloWlmBB4w"));
377
375
  const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
378
376
  function getMousePosition(e) {
@@ -972,11 +970,11 @@ const ColorInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inline
972
970
  value: (props.value ?? "#FFFFFF") || "#FFFFFF"
973
971
  });
974
972
  return /* @__PURE__ */ qwik._jsxQ("div", null, null, [
975
- props1.label && /* @__PURE__ */ qwik._jsxQ("label", {
973
+ /* @__PURE__ */ qwik._jsxQ("label", {
976
974
  for: qwik._wrapSignal(props1, "id")
977
975
  }, {
978
976
  class: "mb-2 flex"
979
- }, qwik._wrapSignal(props1, "label"), 1, "0s_0"),
977
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "0s_0"), 1, null),
980
978
  /* @__PURE__ */ qwik._jsxC(TextInputRaw, {
981
979
  ...props1,
982
980
  get value() {
@@ -1098,13 +1096,12 @@ const NumberInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1098
1096
  for: qwik._fnSignal((p0) => p0.id, [
1099
1097
  props
1100
1098
  ], "p0.id")
1101
- }, qwik._fnSignal((p0) => p0.label, [
1102
- props
1103
- ], "p0.label"), 3, null),
1099
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "gk_0"), 1, null),
1104
1100
  /* @__PURE__ */ qwik._jsxC(NumberInputRaw, {
1105
- ...props
1106
- }, 0, "gk_0")
1107
- ], 1, "gk_1");
1101
+ ...props,
1102
+ children: void 0
1103
+ }, 0, "gk_1")
1104
+ ], 1, "gk_2");
1108
1105
  }, "NumberInput_component_1NmuE0VG00M"));
1109
1106
  const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1110
1107
  const props1 = qwik._restProps(props, [
@@ -1151,7 +1148,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1151
1148
  class: qwik._IMMUTABLE,
1152
1149
  width: qwik._IMMUTABLE
1153
1150
  }
1154
- }, 3, "gk_2"), 1, null),
1151
+ }, 3, "gk_3"), 1, null),
1155
1152
  props.input && /* @__PURE__ */ qwik._jsxS("input", {
1156
1153
  ...props1,
1157
1154
  class: {
@@ -1166,7 +1163,7 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1166
1163
  value: qwik._fnSignal((p0) => p0.value, [
1167
1164
  store
1168
1165
  ], "p0.value")
1169
- }, 0, "gk_3"),
1166
+ }, 0, "gk_4"),
1170
1167
  /* @__PURE__ */ qwik._jsxQ("button", {
1171
1168
  class: {
1172
1169
  "flex justify-center items-center transition ease-in-out border border-gray-700 bg-gray-800 text-2xl hover:bg-gray-600 h-full py-1.5 cursor-pointer": true,
@@ -1193,8 +1190,8 @@ const NumberInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1193
1190
  class: qwik._IMMUTABLE,
1194
1191
  width: qwik._IMMUTABLE
1195
1192
  }
1196
- }, 3, "gk_4"), 1, null)
1197
- ], 1, "gk_5");
1193
+ }, 3, "gk_5"), 1, null)
1194
+ ], 1, "gk_6");
1198
1195
  }, "NumberInputRaw_component_8sGf0eS1rvo"));
1199
1196
  const OutputField = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1200
1197
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1205,13 +1202,12 @@ const OutputField = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1205
1202
  for: qwik._fnSignal((p0) => p0.id, [
1206
1203
  props
1207
1204
  ], "p0.id")
1208
- }, qwik._fnSignal((p0) => p0.label, [
1209
- props
1210
- ], "p0.label"), 3, null),
1205
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "ze_0"), 1, null),
1211
1206
  /* @__PURE__ */ qwik._jsxC(OutputFieldRaw, {
1212
- ...props
1213
- }, 0, "ze_0")
1214
- ], 1, "ze_1");
1207
+ ...props,
1208
+ children: void 0
1209
+ }, 0, "ze_1")
1210
+ ], 1, "ze_2");
1215
1211
  }, "OutputField_component_6Kc38ThYgF4"));
1216
1212
  const OutputFieldRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1217
1213
  const props1 = qwik._restProps(props, [
@@ -1258,7 +1254,7 @@ const OutputFieldRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1258
1254
  dangerouslySetInnerHTML: qwik._wrapSignal(alert, "text")
1259
1255
  }, null, null, 3, `output-alert${i}`))
1260
1256
  ]
1261
- }, 1, "ze_2");
1257
+ }, 1, "ze_3");
1262
1258
  }, "OutputFieldRaw_component_OxiM0W3AR0o"));
1263
1259
  const SelectInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1264
1260
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1269,14 +1265,17 @@ const SelectInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlin
1269
1265
  for: qwik._fnSignal((p0) => p0.id, [
1270
1266
  props
1271
1267
  ], "p0.id")
1272
- }, qwik._fnSignal((p0) => p0.label, [
1273
- props
1274
- ], "p0.label"), 3, null),
1268
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, {
1269
+ name: "label",
1270
+ [qwik._IMMUTABLE]: {
1271
+ name: qwik._IMMUTABLE
1272
+ }
1273
+ }, 3, "cA_0"), 1, null),
1275
1274
  /* @__PURE__ */ qwik._jsxC(SelectInputRaw, {
1276
1275
  ...props,
1277
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "cA_0")
1278
- }, 0, "cA_1")
1279
- ], 1, "cA_2");
1276
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "cA_1")
1277
+ }, 0, "cA_2")
1278
+ ], 1, "cA_3");
1280
1279
  }, "SelectInput_component_m80ag1KuJSk"));
1281
1280
  const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1282
1281
  const props1 = qwik._restProps(props, [
@@ -1284,13 +1283,13 @@ const SelectInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.in
1284
1283
  ]);
1285
1284
  return /* @__PURE__ */ qwik._jsxS("select", {
1286
1285
  ...props1,
1287
- children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "cA_3"),
1286
+ children: /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "cA_4"),
1288
1287
  class: {
1289
1288
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-2 py-3": true,
1290
1289
  "border-0 bg-transparent": props.transparent,
1291
1290
  ...props1.class
1292
1291
  }
1293
- }, null, 0, "cA_4");
1292
+ }, null, 0, "cA_5");
1294
1293
  }, "SelectInputRaw_component_Itdx5yPeQd4"));
1295
1294
  const TextAreaInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1296
1295
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1301,13 +1300,11 @@ const TextAreaInput = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
1301
1300
  for: qwik._fnSignal((p0) => p0.id, [
1302
1301
  props
1303
1302
  ], "p0.id")
1304
- }, qwik._fnSignal((p0) => p0.label, [
1305
- props
1306
- ], "p0.label"), 3, null),
1303
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "8U_0"), 1, null),
1307
1304
  /* @__PURE__ */ qwik._jsxC(TextAreaInputRaw, {
1308
1305
  ...props
1309
- }, 0, "8U_0")
1310
- ], 1, "8U_1");
1306
+ }, 0, "8U_1")
1307
+ ], 1, "8U_2");
1311
1308
  }, "TextAreaInput_component_5hzQkVgFVlw"));
1312
1309
  const TextAreaInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1313
1310
  return /* @__PURE__ */ qwik._jsxS("textarea", {
@@ -1316,11 +1313,10 @@ const TextAreaInputRaw = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.
1316
1313
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-3 py-2 resize-y w-full h-32": true,
1317
1314
  ...props.class
1318
1315
  }
1319
- }, null, 0, "8U_2");
1316
+ }, null, 0, "8U_3");
1320
1317
  }, "TextAreaInputRaw_component_CupRtuvzbEs"));
1321
1318
  const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
1322
1319
  const props1 = qwik._restProps(props, [
1323
- "label",
1324
1320
  "center"
1325
1321
  ]);
1326
1322
  return /* @__PURE__ */ qwik._jsxQ("div", null, {
@@ -1352,13 +1348,11 @@ const Toggle = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl
1352
1348
  }
1353
1349
  }, null, 3, null)
1354
1350
  ], 1, null),
1355
- props.label && /* @__PURE__ */ qwik._jsxQ("label", {
1351
+ /* @__PURE__ */ qwik._jsxQ("label", {
1356
1352
  for: qwik._wrapSignal(props1, "id")
1357
1353
  }, {
1358
1354
  class: "text-gray-100"
1359
- }, qwik._fnSignal((p0) => p0.label, [
1360
- props
1361
- ], "p0.label"), 3, "yu_0")
1355
+ }, /* @__PURE__ */ qwik._jsxC(qwik.Slot, null, 3, "yu_0"), 1, null)
1362
1356
  ], 1, "yu_1");
1363
1357
  }, "Toggle_component_ujuOvR082hY"));
1364
1358
  const LogoBirdflop = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inlinedQrl((props) => {
@@ -354,14 +354,12 @@ const TextInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props
354
354
  for: _fnSignal((p0) => p0.id, [
355
355
  props
356
356
  ], "p0.id")
357
- }, _fnSignal((p0) => p0.label, [
358
- props
359
- ], "p0.label"), 3, null),
357
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "dC_0"), 1, null),
360
358
  /* @__PURE__ */ _jsxC(TextInputRaw, {
361
359
  ...props,
362
360
  children: void 0
363
- }, 0, "dC_0")
364
- ], 1, "dC_1");
361
+ }, 0, "dC_1")
362
+ ], 1, "dC_2");
365
363
  }, "TextInput_component_AXp2j5aulZI"));
366
364
  const TextInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
367
365
  return /* @__PURE__ */ _jsxS("input", {
@@ -370,7 +368,7 @@ const TextInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pr
370
368
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-3 py-2": true,
371
369
  ...props.class
372
370
  }
373
- }, null, 0, "dC_2");
371
+ }, null, 0, "dC_3");
374
372
  }, "TextInputRaw_component_ssloWlmBB4w"));
375
373
  const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
376
374
  function getMousePosition(e) {
@@ -970,11 +968,11 @@ const ColorInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((prop
970
968
  value: (props.value ?? "#FFFFFF") || "#FFFFFF"
971
969
  });
972
970
  return /* @__PURE__ */ _jsxQ("div", null, null, [
973
- props1.label && /* @__PURE__ */ _jsxQ("label", {
971
+ /* @__PURE__ */ _jsxQ("label", {
974
972
  for: _wrapSignal(props1, "id")
975
973
  }, {
976
974
  class: "mb-2 flex"
977
- }, _wrapSignal(props1, "label"), 1, "0s_0"),
975
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "0s_0"), 1, null),
978
976
  /* @__PURE__ */ _jsxC(TextInputRaw, {
979
977
  ...props1,
980
978
  get value() {
@@ -1096,13 +1094,12 @@ const NumberInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1096
1094
  for: _fnSignal((p0) => p0.id, [
1097
1095
  props
1098
1096
  ], "p0.id")
1099
- }, _fnSignal((p0) => p0.label, [
1100
- props
1101
- ], "p0.label"), 3, null),
1097
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "gk_0"), 1, null),
1102
1098
  /* @__PURE__ */ _jsxC(NumberInputRaw, {
1103
- ...props
1104
- }, 0, "gk_0")
1105
- ], 1, "gk_1");
1099
+ ...props,
1100
+ children: void 0
1101
+ }, 0, "gk_1")
1102
+ ], 1, "gk_2");
1106
1103
  }, "NumberInput_component_1NmuE0VG00M"));
1107
1104
  const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1108
1105
  const props1 = _restProps(props, [
@@ -1149,7 +1146,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1149
1146
  class: _IMMUTABLE,
1150
1147
  width: _IMMUTABLE
1151
1148
  }
1152
- }, 3, "gk_2"), 1, null),
1149
+ }, 3, "gk_3"), 1, null),
1153
1150
  props.input && /* @__PURE__ */ _jsxS("input", {
1154
1151
  ...props1,
1155
1152
  class: {
@@ -1164,7 +1161,7 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1164
1161
  value: _fnSignal((p0) => p0.value, [
1165
1162
  store
1166
1163
  ], "p0.value")
1167
- }, 0, "gk_3"),
1164
+ }, 0, "gk_4"),
1168
1165
  /* @__PURE__ */ _jsxQ("button", {
1169
1166
  class: {
1170
1167
  "flex justify-center items-center transition ease-in-out border border-gray-700 bg-gray-800 text-2xl hover:bg-gray-600 h-full py-1.5 cursor-pointer": true,
@@ -1191,8 +1188,8 @@ const NumberInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1191
1188
  class: _IMMUTABLE,
1192
1189
  width: _IMMUTABLE
1193
1190
  }
1194
- }, 3, "gk_4"), 1, null)
1195
- ], 1, "gk_5");
1191
+ }, 3, "gk_5"), 1, null)
1192
+ ], 1, "gk_6");
1196
1193
  }, "NumberInputRaw_component_8sGf0eS1rvo"));
1197
1194
  const OutputField = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1198
1195
  return /* @__PURE__ */ _jsxQ("div", null, {
@@ -1203,13 +1200,12 @@ const OutputField = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1203
1200
  for: _fnSignal((p0) => p0.id, [
1204
1201
  props
1205
1202
  ], "p0.id")
1206
- }, _fnSignal((p0) => p0.label, [
1207
- props
1208
- ], "p0.label"), 3, null),
1203
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "ze_0"), 1, null),
1209
1204
  /* @__PURE__ */ _jsxC(OutputFieldRaw, {
1210
- ...props
1211
- }, 0, "ze_0")
1212
- ], 1, "ze_1");
1205
+ ...props,
1206
+ children: void 0
1207
+ }, 0, "ze_1")
1208
+ ], 1, "ze_2");
1213
1209
  }, "OutputField_component_6Kc38ThYgF4"));
1214
1210
  const OutputFieldRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1215
1211
  const props1 = _restProps(props, [
@@ -1256,7 +1252,7 @@ const OutputFieldRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1256
1252
  dangerouslySetInnerHTML: _wrapSignal(alert, "text")
1257
1253
  }, null, null, 3, `output-alert${i}`))
1258
1254
  ]
1259
- }, 1, "ze_2");
1255
+ }, 1, "ze_3");
1260
1256
  }, "OutputFieldRaw_component_OxiM0W3AR0o"));
1261
1257
  const SelectInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1262
1258
  return /* @__PURE__ */ _jsxQ("div", null, {
@@ -1267,14 +1263,17 @@ const SelectInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((pro
1267
1263
  for: _fnSignal((p0) => p0.id, [
1268
1264
  props
1269
1265
  ], "p0.id")
1270
- }, _fnSignal((p0) => p0.label, [
1271
- props
1272
- ], "p0.label"), 3, null),
1266
+ }, /* @__PURE__ */ _jsxC(Slot, {
1267
+ name: "label",
1268
+ [_IMMUTABLE]: {
1269
+ name: _IMMUTABLE
1270
+ }
1271
+ }, 3, "cA_0"), 1, null),
1273
1272
  /* @__PURE__ */ _jsxC(SelectInputRaw, {
1274
1273
  ...props,
1275
- children: /* @__PURE__ */ _jsxC(Slot, null, 3, "cA_0")
1276
- }, 0, "cA_1")
1277
- ], 1, "cA_2");
1274
+ children: /* @__PURE__ */ _jsxC(Slot, null, 3, "cA_1")
1275
+ }, 0, "cA_2")
1276
+ ], 1, "cA_3");
1278
1277
  }, "SelectInput_component_m80ag1KuJSk"));
1279
1278
  const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1280
1279
  const props1 = _restProps(props, [
@@ -1282,13 +1281,13 @@ const SelectInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((
1282
1281
  ]);
1283
1282
  return /* @__PURE__ */ _jsxS("select", {
1284
1283
  ...props1,
1285
- children: /* @__PURE__ */ _jsxC(Slot, null, 3, "cA_3"),
1284
+ children: /* @__PURE__ */ _jsxC(Slot, null, 3, "cA_4"),
1286
1285
  class: {
1287
1286
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-2 py-3": true,
1288
1287
  "border-0 bg-transparent": props.transparent,
1289
1288
  ...props1.class
1290
1289
  }
1291
- }, null, 0, "cA_4");
1290
+ }, null, 0, "cA_5");
1292
1291
  }, "SelectInputRaw_component_Itdx5yPeQd4"));
1293
1292
  const TextAreaInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1294
1293
  return /* @__PURE__ */ _jsxQ("div", null, {
@@ -1299,13 +1298,11 @@ const TextAreaInput = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
1299
1298
  for: _fnSignal((p0) => p0.id, [
1300
1299
  props
1301
1300
  ], "p0.id")
1302
- }, _fnSignal((p0) => p0.label, [
1303
- props
1304
- ], "p0.label"), 3, null),
1301
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "8U_0"), 1, null),
1305
1302
  /* @__PURE__ */ _jsxC(TextAreaInputRaw, {
1306
1303
  ...props
1307
- }, 0, "8U_0")
1308
- ], 1, "8U_1");
1304
+ }, 0, "8U_1")
1305
+ ], 1, "8U_2");
1309
1306
  }, "TextAreaInput_component_5hzQkVgFVlw"));
1310
1307
  const TextAreaInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1311
1308
  return /* @__PURE__ */ _jsxS("textarea", {
@@ -1314,11 +1311,10 @@ const TextAreaInputRaw = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl
1314
1311
  "transition ease-in-out text-lg border border-gray-700 bg-gray-800 text-gray-50 hover:bg-gray-700 focus:bg-gray-700 rounded-md px-3 py-2 resize-y w-full h-32": true,
1315
1312
  ...props.class
1316
1313
  }
1317
- }, null, 0, "8U_2");
1314
+ }, null, 0, "8U_3");
1318
1315
  }, "TextAreaInputRaw_component_CupRtuvzbEs"));
1319
1316
  const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
1320
1317
  const props1 = _restProps(props, [
1321
- "label",
1322
1318
  "center"
1323
1319
  ]);
1324
1320
  return /* @__PURE__ */ _jsxQ("div", null, {
@@ -1350,13 +1346,11 @@ const Toggle = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) =
1350
1346
  }
1351
1347
  }, null, 3, null)
1352
1348
  ], 1, null),
1353
- props.label && /* @__PURE__ */ _jsxQ("label", {
1349
+ /* @__PURE__ */ _jsxQ("label", {
1354
1350
  for: _wrapSignal(props1, "id")
1355
1351
  }, {
1356
1352
  class: "text-gray-100"
1357
- }, _fnSignal((p0) => p0.label, [
1358
- props
1359
- ], "p0.label"), 3, "yu_0")
1353
+ }, /* @__PURE__ */ _jsxC(Slot, null, 3, "yu_0"), 1, null)
1360
1354
  ], 1, "yu_1");
1361
1355
  }, "Toggle_component_ujuOvR082hY"));
1362
1356
  const LogoBirdflop = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((props) => {
@@ -1,9 +1,8 @@
1
1
  import type { QRL } from '@builder.io/qwik';
2
2
  import type { TextInputRawProps } from './TextInput';
3
- interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$'> {
3
+ interface ColorInputProps extends Omit<TextInputRawProps, 'onInput$' | 'children'> {
4
4
  onInput$?: QRL<(color: string, element: HTMLInputElement) => void>;
5
5
  value?: string;
6
- label?: string;
7
6
  presetColors?: string[];
8
7
  }
9
8
  export declare const ColorInput: import("@builder.io/qwik").Component<ColorInputProps>;
@@ -1,4 +1,4 @@
1
- import type { PropsOf, QRL } from '@builder.io/qwik';
1
+ import type { JSXChildren, PropsOf, QRL } from '@builder.io/qwik';
2
2
  interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
3
3
  type: 'number';
4
4
  }), 'class' | 'type'> {
@@ -17,9 +17,9 @@ interface NumberInputRawProps extends Omit<(PropsOf<'input'> & {
17
17
  max?: number;
18
18
  step?: number;
19
19
  }
20
- interface NumberInputProps extends NumberInputRawProps {
20
+ interface NumberInputProps extends Omit<NumberInputRawProps, 'children'> {
21
21
  id: string;
22
- label: string;
22
+ children?: JSXChildren;
23
23
  }
24
24
  export declare const NumberInput: import("@builder.io/qwik").Component<NumberInputProps>;
25
25
  export declare const NumberInputRaw: import("@builder.io/qwik").Component<NumberInputRawProps>;
@@ -11,9 +11,8 @@ interface OutputFieldRawProps extends Omit<PropsOf<'textarea'>, 'class' | 'onCha
11
11
  };
12
12
  onChange$?: QRL<(event: Event, element: HTMLTextAreaElement, alertsStore: alertsStore) => any>;
13
13
  }
14
- interface OutputFieldProps extends OutputFieldRawProps {
14
+ interface OutputFieldProps extends Omit<OutputFieldRawProps, 'children'> {
15
15
  id: string;
16
- label: string;
17
16
  }
18
17
  export declare const OutputField: import("@builder.io/qwik").Component<OutputFieldProps>;
19
18
  export declare const OutputFieldRaw: import("@builder.io/qwik").Component<OutputFieldRawProps>;
@@ -7,7 +7,6 @@ interface SelectInputRawProps extends Omit<PropsOf<'select'>, 'class'> {
7
7
  }
8
8
  interface SelectInputProps extends SelectInputRawProps {
9
9
  id: string;
10
- label: string;
11
10
  }
12
11
  export declare const SelectInput: import("@builder.io/qwik").Component<SelectInputProps>;
13
12
  export declare const SelectInputRaw: import("@builder.io/qwik").Component<SelectInputRawProps>;
@@ -4,9 +4,8 @@ export interface TextAreaRawProps extends Omit<PropsOf<'textarea'>, 'class'> {
4
4
  [key: string]: boolean;
5
5
  };
6
6
  }
7
- interface TextAreaProps extends TextAreaRawProps {
7
+ interface TextAreaProps extends Omit<TextAreaRawProps, 'children'> {
8
8
  id: string;
9
- label: string;
10
9
  }
11
10
  export declare const TextAreaInput: import("@builder.io/qwik").Component<TextAreaProps>;
12
11
  export declare const TextAreaInputRaw: import("@builder.io/qwik").Component<TextAreaRawProps>;
@@ -8,7 +8,6 @@ export interface TextInputRawProps extends Omit<(PropsOf<'input'> & {
8
8
  }
9
9
  interface TextInputProps extends Omit<TextInputRawProps, 'children'> {
10
10
  id: string;
11
- label: string;
12
11
  }
13
12
  export declare const TextInput: import("@builder.io/qwik").Component<TextInputProps>;
14
13
  export declare const TextInputRaw: import("@builder.io/qwik").Component<TextInputRawProps>;
@@ -1,12 +1,11 @@
1
1
  import type { PropsOf } from '@builder.io/qwik';
2
2
  interface ToggleProps extends Omit<(PropsOf<'input'> & {
3
3
  type: 'checkbox';
4
- }), 'class' | 'bind:checked' | 'type'> {
4
+ }), 'class' | 'bind:checked' | 'type' | 'children'> {
5
5
  class?: {
6
6
  [key: string]: boolean;
7
7
  };
8
8
  center?: boolean;
9
- label?: string;
10
9
  }
11
10
  export declare const Toggle: import("@builder.io/qwik").Component<ToggleProps>;
12
11
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@luminescent/ui",
3
- "version": "0.3.6",
3
+ "version": "0.4.0",
4
4
  "description": "Luminescent UI library",
5
5
  "main": "./lib/index.qwik.mjs",
6
6
  "qwik": "./lib/index.qwik.mjs",