@jackcrane/ui 0.1.15 → 0.1.16

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 (3) hide show
  1. package/dist/jcui.cjs.js +33 -32
  2. package/dist/jcui.es.js +33 -32
  3. package/package.json +2 -1
package/dist/jcui.cjs.js CHANGED
@@ -1122,7 +1122,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1122
1122
  inherits: true;
1123
1123
  initial-value: inherit;
1124
1124
  }
1125
- ._root_1dix2_31 {
1125
+ ._root_wrsjc_31 {
1126
1126
  --segment-bg: var(--body-bg);
1127
1127
  --segment-item-hover-bg: var(--secondary-color-100);
1128
1128
  --segment-item-active-bg: var(--secondary-color-300);
@@ -1132,10 +1132,11 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1132
1132
  display: inline-flex;
1133
1133
  align-items: stretch;
1134
1134
  justify-content: flex-start;
1135
+ isolation: isolate;
1135
1136
  background-color: var(--segment-bg);
1136
1137
  color: var(--segment-item-color);
1137
1138
  }
1138
- ._item_1dix2_46 {
1139
+ ._item_wrsjc_47 {
1139
1140
  all: unset;
1140
1141
  box-sizing: border-box;
1141
1142
  position: relative;
@@ -1154,23 +1155,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1154
1155
  border-left: var(--border-thickness) solid var(--border-color);
1155
1156
  margin-right: calc(-1 * var(--border-thickness));
1156
1157
  }
1157
- ._item_1dix2_46:last-child {
1158
+ ._item_wrsjc_47:last-child {
1158
1159
  border-right: var(--border-thickness) solid var(--border-color);
1159
1160
  margin-right: 0;
1160
1161
  }
1161
- ._item_1dix2_46:hover {
1162
+ ._item_wrsjc_47:hover {
1162
1163
  background-color: var(--segment-item-hover-bg);
1163
1164
  }
1164
- ._item_1dix2_46:focus-visible {
1165
+ ._item_wrsjc_47:focus-visible {
1165
1166
  outline: none;
1166
1167
  box-shadow: inset 0 0 0 1px var(--border-accent-color);
1167
1168
  }
1168
- ._item_1dix2_46[data-state="on"] {
1169
+ ._item_wrsjc_47[data-state="on"] {
1169
1170
  background-color: var(--segment-item-active-bg);
1170
1171
  color: var(--segment-item-active-color);
1171
1172
  z-index: 1;
1172
1173
  }
1173
- ._chamferEnabled_1dix2_86 ._item_1dix2_46[data-state="on"]::after {
1174
+ ._chamferEnabled_wrsjc_87 ._item_wrsjc_47[data-state="on"]::after {
1174
1175
  content: "";
1175
1176
  position: absolute;
1176
1177
  top: calc(-1 * var(--border-thickness));
@@ -1199,30 +1200,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1199
1200
  linear-gradient(var(--chamfer-color), var(--chamfer-color)) left bottom /
1200
1201
  var(--bt) var(--cd) no-repeat;
1201
1202
  }
1202
- ._chamferEnabled_1dix2_86 ._item_1dix2_46[data-state="on"]:last-child::after {
1203
+ ._chamferEnabled_wrsjc_87 ._item_wrsjc_47[data-state="on"]:last-child::after {
1203
1204
  right: calc(-1 * var(--border-thickness));
1204
1205
  }
1205
- ._item_1dix2_46[data-disabled] {
1206
+ ._item_wrsjc_47[data-disabled] {
1206
1207
  opacity: 0.5;
1207
1208
  pointer-events: none;
1208
1209
  }
1209
- ._large_1dix2_126 ._item_1dix2_46 {
1210
+ ._large_wrsjc_127 ._item_wrsjc_47 {
1210
1211
  font-size: 1.25rem;
1211
1212
  padding: 0.75rem 1.25rem;
1212
1213
  }
1213
- ._small_1dix2_131 ._item_1dix2_46 {
1214
+ ._small_wrsjc_132 ._item_wrsjc_47 {
1214
1215
  font-size: 0.75rem;
1215
1216
  padding: 0.25rem 0.5rem;
1216
1217
  }
1217
- ._disabled_1dix2_136 {
1218
+ ._disabled_wrsjc_137 {
1218
1219
  opacity: 0.6;
1219
1220
  cursor: not-allowed;
1220
1221
  }
1221
- ._itemDisabled_1dix2_141 {
1222
+ ._itemDisabled_wrsjc_142 {
1222
1223
  cursor: not-allowed;
1223
1224
  }
1224
1225
  /* Variants */
1225
- ._primary_1dix2_147 {
1226
+ ._primary_wrsjc_148 {
1226
1227
  --segment-bg: var(--primary-color-100);
1227
1228
  --border-color: var(--primary-color-300);
1228
1229
  --border-accent-color: var(--primary-color-600);
@@ -1231,7 +1232,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1231
1232
  --segment-item-color: var(--primary-color-800);
1232
1233
  --segment-item-active-color: var(--primary-color-900);
1233
1234
  }
1234
- ._secondary_1dix2_157 {
1235
+ ._secondary_wrsjc_158 {
1235
1236
  --segment-bg: var(--secondary-color-100);
1236
1237
  --border-color: var(--secondary-color-300);
1237
1238
  --border-accent-color: var(--secondary-color-600);
@@ -1240,7 +1241,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1240
1241
  --segment-item-color: var(--secondary-color-800);
1241
1242
  --segment-item-active-color: var(--secondary-color-900);
1242
1243
  }
1243
- ._success_1dix2_167 {
1244
+ ._success_wrsjc_168 {
1244
1245
  --segment-bg: var(--success-color-100);
1245
1246
  --border-color: var(--success-color-300);
1246
1247
  --border-accent-color: var(--success-color-600);
@@ -1249,7 +1250,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1249
1250
  --segment-item-color: var(--success-color-800);
1250
1251
  --segment-item-active-color: var(--success-color-900);
1251
1252
  }
1252
- ._warning_1dix2_177 {
1253
+ ._warning_wrsjc_178 {
1253
1254
  --segment-bg: var(--warning-color-100);
1254
1255
  --border-color: var(--warning-color-300);
1255
1256
  --border-accent-color: var(--warning-color-600);
@@ -1258,7 +1259,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1258
1259
  --segment-item-color: var(--warning-color-800);
1259
1260
  --segment-item-active-color: var(--warning-color-900);
1260
1261
  }
1261
- ._danger_1dix2_187 {
1262
+ ._danger_wrsjc_188 {
1262
1263
  --segment-bg: var(--danger-color-100);
1263
1264
  --border-color: var(--danger-color-300);
1264
1265
  --border-accent-color: var(--danger-color-600);
@@ -1267,7 +1268,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1267
1268
  --segment-item-color: var(--danger-color-800);
1268
1269
  --segment-item-active-color: var(--danger-color-900);
1269
1270
  }
1270
- ._info_1dix2_197 {
1271
+ ._info_wrsjc_198 {
1271
1272
  --segment-bg: var(--info-color-100);
1272
1273
  --border-color: var(--info-color-300);
1273
1274
  --border-accent-color: var(--info-color-600);
@@ -25754,19 +25755,19 @@ var ToggleGroupItemImpl = React.forwardRef(
25754
25755
  );
25755
25756
  var Root2$1 = ToggleGroup;
25756
25757
  var Item2$2 = ToggleGroupItem;
25757
- const root = "_root_1dix2_31";
25758
- const item$1 = "_item_1dix2_46";
25759
- const chamferEnabled = "_chamferEnabled_1dix2_86";
25760
- const large$1 = "_large_1dix2_126";
25761
- const small$1 = "_small_1dix2_131";
25762
- const disabled$1 = "_disabled_1dix2_136";
25763
- const itemDisabled = "_itemDisabled_1dix2_141";
25764
- const primary$3 = "_primary_1dix2_147";
25765
- const secondary$3 = "_secondary_1dix2_157";
25766
- const success$3 = "_success_1dix2_167";
25767
- const warning$3 = "_warning_1dix2_177";
25768
- const danger$3 = "_danger_1dix2_187";
25769
- const info$3 = "_info_1dix2_197";
25758
+ const root = "_root_wrsjc_31";
25759
+ const item$1 = "_item_wrsjc_47";
25760
+ const chamferEnabled = "_chamferEnabled_wrsjc_87";
25761
+ const large$1 = "_large_wrsjc_127";
25762
+ const small$1 = "_small_wrsjc_132";
25763
+ const disabled$1 = "_disabled_wrsjc_137";
25764
+ const itemDisabled = "_itemDisabled_wrsjc_142";
25765
+ const primary$3 = "_primary_wrsjc_148";
25766
+ const secondary$3 = "_secondary_wrsjc_158";
25767
+ const success$3 = "_success_wrsjc_168";
25768
+ const warning$3 = "_warning_wrsjc_178";
25769
+ const danger$3 = "_danger_wrsjc_188";
25770
+ const info$3 = "_info_wrsjc_198";
25770
25771
  const styles$4 = {
25771
25772
  root,
25772
25773
  item: item$1,
package/dist/jcui.es.js CHANGED
@@ -1122,7 +1122,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1122
1122
  inherits: true;
1123
1123
  initial-value: inherit;
1124
1124
  }
1125
- ._root_1dix2_31 {
1125
+ ._root_wrsjc_31 {
1126
1126
  --segment-bg: var(--body-bg);
1127
1127
  --segment-item-hover-bg: var(--secondary-color-100);
1128
1128
  --segment-item-active-bg: var(--secondary-color-300);
@@ -1132,10 +1132,11 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1132
1132
  display: inline-flex;
1133
1133
  align-items: stretch;
1134
1134
  justify-content: flex-start;
1135
+ isolation: isolate;
1135
1136
  background-color: var(--segment-bg);
1136
1137
  color: var(--segment-item-color);
1137
1138
  }
1138
- ._item_1dix2_46 {
1139
+ ._item_wrsjc_47 {
1139
1140
  all: unset;
1140
1141
  box-sizing: border-box;
1141
1142
  position: relative;
@@ -1154,23 +1155,23 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1154
1155
  border-left: var(--border-thickness) solid var(--border-color);
1155
1156
  margin-right: calc(-1 * var(--border-thickness));
1156
1157
  }
1157
- ._item_1dix2_46:last-child {
1158
+ ._item_wrsjc_47:last-child {
1158
1159
  border-right: var(--border-thickness) solid var(--border-color);
1159
1160
  margin-right: 0;
1160
1161
  }
1161
- ._item_1dix2_46:hover {
1162
+ ._item_wrsjc_47:hover {
1162
1163
  background-color: var(--segment-item-hover-bg);
1163
1164
  }
1164
- ._item_1dix2_46:focus-visible {
1165
+ ._item_wrsjc_47:focus-visible {
1165
1166
  outline: none;
1166
1167
  box-shadow: inset 0 0 0 1px var(--border-accent-color);
1167
1168
  }
1168
- ._item_1dix2_46[data-state="on"] {
1169
+ ._item_wrsjc_47[data-state="on"] {
1169
1170
  background-color: var(--segment-item-active-bg);
1170
1171
  color: var(--segment-item-active-color);
1171
1172
  z-index: 1;
1172
1173
  }
1173
- ._chamferEnabled_1dix2_86 ._item_1dix2_46[data-state="on"]::after {
1174
+ ._chamferEnabled_wrsjc_87 ._item_wrsjc_47[data-state="on"]::after {
1174
1175
  content: "";
1175
1176
  position: absolute;
1176
1177
  top: calc(-1 * var(--border-thickness));
@@ -1199,30 +1200,30 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1199
1200
  linear-gradient(var(--chamfer-color), var(--chamfer-color)) left bottom /
1200
1201
  var(--bt) var(--cd) no-repeat;
1201
1202
  }
1202
- ._chamferEnabled_1dix2_86 ._item_1dix2_46[data-state="on"]:last-child::after {
1203
+ ._chamferEnabled_wrsjc_87 ._item_wrsjc_47[data-state="on"]:last-child::after {
1203
1204
  right: calc(-1 * var(--border-thickness));
1204
1205
  }
1205
- ._item_1dix2_46[data-disabled] {
1206
+ ._item_wrsjc_47[data-disabled] {
1206
1207
  opacity: 0.5;
1207
1208
  pointer-events: none;
1208
1209
  }
1209
- ._large_1dix2_126 ._item_1dix2_46 {
1210
+ ._large_wrsjc_127 ._item_wrsjc_47 {
1210
1211
  font-size: 1.25rem;
1211
1212
  padding: 0.75rem 1.25rem;
1212
1213
  }
1213
- ._small_1dix2_131 ._item_1dix2_46 {
1214
+ ._small_wrsjc_132 ._item_wrsjc_47 {
1214
1215
  font-size: 0.75rem;
1215
1216
  padding: 0.25rem 0.5rem;
1216
1217
  }
1217
- ._disabled_1dix2_136 {
1218
+ ._disabled_wrsjc_137 {
1218
1219
  opacity: 0.6;
1219
1220
  cursor: not-allowed;
1220
1221
  }
1221
- ._itemDisabled_1dix2_141 {
1222
+ ._itemDisabled_wrsjc_142 {
1222
1223
  cursor: not-allowed;
1223
1224
  }
1224
1225
  /* Variants */
1225
- ._primary_1dix2_147 {
1226
+ ._primary_wrsjc_148 {
1226
1227
  --segment-bg: var(--primary-color-100);
1227
1228
  --border-color: var(--primary-color-300);
1228
1229
  --border-accent-color: var(--primary-color-600);
@@ -1231,7 +1232,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1231
1232
  --segment-item-color: var(--primary-color-800);
1232
1233
  --segment-item-active-color: var(--primary-color-900);
1233
1234
  }
1234
- ._secondary_1dix2_157 {
1235
+ ._secondary_wrsjc_158 {
1235
1236
  --segment-bg: var(--secondary-color-100);
1236
1237
  --border-color: var(--secondary-color-300);
1237
1238
  --border-accent-color: var(--secondary-color-600);
@@ -1240,7 +1241,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1240
1241
  --segment-item-color: var(--secondary-color-800);
1241
1242
  --segment-item-active-color: var(--secondary-color-900);
1242
1243
  }
1243
- ._success_1dix2_167 {
1244
+ ._success_wrsjc_168 {
1244
1245
  --segment-bg: var(--success-color-100);
1245
1246
  --border-color: var(--success-color-300);
1246
1247
  --border-accent-color: var(--success-color-600);
@@ -1249,7 +1250,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1249
1250
  --segment-item-color: var(--success-color-800);
1250
1251
  --segment-item-active-color: var(--success-color-900);
1251
1252
  }
1252
- ._warning_1dix2_177 {
1253
+ ._warning_wrsjc_178 {
1253
1254
  --segment-bg: var(--warning-color-100);
1254
1255
  --border-color: var(--warning-color-300);
1255
1256
  --border-accent-color: var(--warning-color-600);
@@ -1258,7 +1259,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1258
1259
  --segment-item-color: var(--warning-color-800);
1259
1260
  --segment-item-active-color: var(--warning-color-900);
1260
1261
  }
1261
- ._danger_1dix2_187 {
1262
+ ._danger_wrsjc_188 {
1262
1263
  --segment-bg: var(--danger-color-100);
1263
1264
  --border-color: var(--danger-color-300);
1264
1265
  --border-accent-color: var(--danger-color-600);
@@ -1267,7 +1268,7 @@ div.jcui_chamfer:not(.jcui_disabled):focus-within {
1267
1268
  --segment-item-color: var(--danger-color-800);
1268
1269
  --segment-item-active-color: var(--danger-color-900);
1269
1270
  }
1270
- ._info_1dix2_197 {
1271
+ ._info_wrsjc_198 {
1271
1272
  --segment-bg: var(--info-color-100);
1272
1273
  --border-color: var(--info-color-300);
1273
1274
  --border-accent-color: var(--info-color-600);
@@ -25736,19 +25737,19 @@ var ToggleGroupItemImpl = React__default.forwardRef(
25736
25737
  );
25737
25738
  var Root2$1 = ToggleGroup;
25738
25739
  var Item2$2 = ToggleGroupItem;
25739
- const root = "_root_1dix2_31";
25740
- const item$1 = "_item_1dix2_46";
25741
- const chamferEnabled = "_chamferEnabled_1dix2_86";
25742
- const large$1 = "_large_1dix2_126";
25743
- const small$1 = "_small_1dix2_131";
25744
- const disabled$1 = "_disabled_1dix2_136";
25745
- const itemDisabled = "_itemDisabled_1dix2_141";
25746
- const primary$3 = "_primary_1dix2_147";
25747
- const secondary$3 = "_secondary_1dix2_157";
25748
- const success$3 = "_success_1dix2_167";
25749
- const warning$3 = "_warning_1dix2_177";
25750
- const danger$3 = "_danger_1dix2_187";
25751
- const info$3 = "_info_1dix2_197";
25740
+ const root = "_root_wrsjc_31";
25741
+ const item$1 = "_item_wrsjc_47";
25742
+ const chamferEnabled = "_chamferEnabled_wrsjc_87";
25743
+ const large$1 = "_large_wrsjc_127";
25744
+ const small$1 = "_small_wrsjc_132";
25745
+ const disabled$1 = "_disabled_wrsjc_137";
25746
+ const itemDisabled = "_itemDisabled_wrsjc_142";
25747
+ const primary$3 = "_primary_wrsjc_148";
25748
+ const secondary$3 = "_secondary_wrsjc_158";
25749
+ const success$3 = "_success_wrsjc_168";
25750
+ const warning$3 = "_warning_wrsjc_178";
25751
+ const danger$3 = "_danger_wrsjc_188";
25752
+ const info$3 = "_info_wrsjc_198";
25752
25753
  const styles$4 = {
25753
25754
  root,
25754
25755
  item: item$1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jackcrane/ui",
3
- "version": "0.1.15",
3
+ "version": "0.1.16",
4
4
  "type": "module",
5
5
  "sideEffects": false,
6
6
  "main": "dist/jcui.cjs.js",
@@ -52,6 +52,7 @@
52
52
  }
53
53
  },
54
54
  "devDependencies": {
55
+ "@types/node": "^20.19.11",
55
56
  "@types/react": "^19.2.5",
56
57
  "@types/react-dom": "^19.2.3",
57
58
  "@vitejs/plugin-react": "^5.1.1",